jClever अच्छाई के साथ स्मार्ट जेनिस है। स्टाइलिंग HTML फ़ॉर्म

लेख के लेखक और प्लगइन डेन्सज़ है

jClever Forms HTML फॉर्म को स्टाइल करने के लिए एक प्लगइन है जो अपना एपीआई प्रदान करता है।

फॉर्म स्टाइलिस्ट के साथ अनुभव जैसे कि jNice , jqTransform , यूनिफॉर्म ने मुझे एक बाइक लिखने के लिए मजबूर किया। वर्तमान संस्करण लगभग पूरी तरह से जेनिस की क्षमताओं को दोहराता है और यहां तक ​​कि उन्हें पूरक भी करता है।


प्लगइन सुविधाएँ:

• स्क्रॉल बार सहित प्रकार के चयन (ड्रॉप-डाउन सूची) के फार्म तत्वों का शैलीकरण
• चेकबॉक्स (झंडे) जैसे फॉर्म तत्वों का स्टाइल
• रेडियो बटन फार्म तत्वों (रेडियो बटन) की शैलीकरण
• रीसेट फॉर्म (रीसेट विधि)
• प्लगइन को निष्क्रिय करें (विधि को नष्ट करें)
• फार्म तत्वों के संग्रह के साथ काम करें (चयन)
• प्रत्यक्ष ड्रॉप-डाउन सूची प्रबंधन (चयन विधि)
• चेकबॉक्स का सीधा नियंत्रण (चेकबॉक्स सेट विधि)
• रेडियो बटन का सीधा नियंत्रण (RadioSetState विधि)

प्लगइन के वर्तमान कार्यान्वयन में जानबूझकर पाठ फ़ील्ड (इनपुट प्रकार पाठ) और बहु-पंक्ति पाठ फ़ील्ड (textarea) का प्रसंस्करण शामिल नहीं है। एक नियम के रूप में, उनका प्रसंस्करण और शैलीकरण, कठिनाइयों का कारण नहीं बनता है। शायद प्लगइन के भविष्य के संस्करणों में इस दृष्टिकोण को संशोधित किया जाएगा।

आरंभीकरण सबसे सरल है, आपको बस एक वर्ग जोड़ने की जरूरत है, उदाहरण के लिए, प्रपत्र के लिए जेलेवर :

<form action="#" method="get" class="jClever">

और चयनकर्ता द्वारा प्लगइन को इनिशियलाइज़ करें:

jQuery('.jClever').jClever();

प्लगइन पेज: http://tools.alterego-russia.ru/jclever

डेमो यहां देखा जा सकता है: http://tools.alterego-russia.ru/jclever/example/index.html

गिथब प्रोजेक्ट: https://github.com/denis-zavgorodny/jClever

प्रलेखन: http://tools.alterego-russia.ru/jclever/#docs

युपीडी:

• प्रपत्र तत्वों के माध्यम से आगे बढ़ने पर, सक्रिय तत्व का चयन जोड़ा जाता है
• चयन का प्रारंभिक व्यवहार (खोलने, बंद करना), कीबोर्ड से चयन के माध्यम से आगे बढ़ना [ऊपर / नीचे], एंटर, टैब और स्पेस की प्रोसेसिंग। चयन के चारों ओर जाने के बाद स्क्रॉल की स्वचालित स्क्रॉलिंग (टिप्पणियों के लिए मर्कुरिया के लिए धन्यवाद)