Multi.js - مربع اختيار سهل الاستخدام مبني على JavaScript عادي
اختيار القوائم بدائية لكنها تعمل. الشيء نفسه ينطبق على جميع المدخلات النموذجية مثل مربعات و أزرار الراديو.
من السهل إنشاء النماذج الخاصة بك ولكن إعادة بناء عناصر واجهة من الصفر يمكن أن يكون صعبا. لهذا Multi.js مثل هذا البرنامج المساعد قيمة ل استبدال مربعات التحديد الافتراضية.
مع Multi.js ، أنت أعط الزائرين قائمة بالعناصر للاختيار من بينها مع ميزة متعددة حدد المدمج في النموذج. بهذه الطريقة يمكن للمستخدمين انقر فوق عناصر متعددة دون الاعتماد على خانات الاختيار.
هذا السيناريو حتى يدعم ميزة البحث, بحيث يمكن للمستخدمين البحث عن العناصر إذا كانت القائمة طويلة بشكل خاص.
أنا أيضا العثور على القائمة بديهية جدا ، لذلك لا يحتاج الى شرح كثير. يمكنك النقر فوق أي عنصر على الجانب الأيسر لإضافته إلى العمود الأيمن (أو “المحدد” العناصر). ثم ، انقر فوق العناصر الموجودة في العمود الأيمن لإزالتها.
كل شيء يعمل على جافا سكريبت الفانيليا, بما في ذلك ميزة البحث ، لذلك لا تحتاج إلى أي تبعيات. على الرغم من أنه هل يدعم مسج إذا كان موقعك يستخدم تلك المكتبة.
كل ما تحتاجه هو ملف Multi.js وورقة أنماط CSS لتتوافق معه. بعد ذلك ، أنت فقط إنشاء جزء و استهداف العنصر باستخدام وظيفة JavaScript, مثل ذلك:
var select_element = document.getElementById ('your_element_ID') ؛ متعدد (select_element) ؛ الآن ، البرنامج المساعد لا يدعم optgroups ولكن هذه الميزة في الأعمال.
وفي كلتا الحالتين ، فإن الوظيفة الافتراضية مذهلة. إنه يعمل تمامًا كما تتوقعه حتى يدعم تخطيطات استجابة المحمول.
لمعرفة المزيد ، تحقق من جيثب ريبو التي يشمل أيضا الملفات القابلة للتحميل. و Multi.js الصفحة التجريبية شيء عظيم أن نرى كيف هذا البرنامج المساعد يعمل في المتصفح. لكن في الحقيقة ، إنها مجرد طريقة بسيطة إعادة تصفيف القوائم المختارة مع تحسين تجربة المستخدم الشاملة للنموذج الخاص بك.
