Çarşamba 22 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. Multi.js – JavaScript ile Kullanımı Kolay Select Box
 Multi.js – JavaScript ile Kullanımı Kolay Select Box
Arayüz JavaScript

Multi.js – JavaScript ile Kullanımı Kolay Select Box

Yazar : Bilal UÇAR 13 Ocak 2018 0 Comment

Seçim menüleri biraz ilkel ancak işe yarıyorlar. Aynı, onay kutuları ve radyo düğmeleri gibi tüm tipik form girişleri için de geçerli.

Kendi formlarınızı oluşturmak kolaydır ancak arayüz öğelerini sıfırdan yeniden yapılandırmak zor olabilir. Bu yüzden Multi.js, varsayılan seçim kutularını değiştirmek için çok değerli bir eklentidir.

Multi.js ile, ziyaretçilere, formda bulunan çoktan seçmeli bir özellik ile seçeceğiniz öğelerin bir listesini verirsiniz. Kullanıcılar, onay kutularına ihtiyaç duymadan birden fazla öğeyi seçebilieler.

Multi.js bir arama özelliğini destekliyor, bu nedenle kullanıcılar özellikle liste uzunsa öğeleri arayabilirler.

Menü çok sezgisel, bu yüzden çok fazla açıklama gerek yok bulabilirsiniz. Sağdaki sütuna (veya “seçilen” öğeler) eklemek için sol taraftaki herhangi bir öğeyi tıklatırsınız. Daha sonra, bunları kaldırmak için sağ sütundaki öğeleri tıklayın.

Arama özelliği de dahil olmak üzere her şey vanilla JavaScript’te çalışır; dolayısıyla herhangi bir bağımlılık gerekmez. Ancak, siteniz bu kitaplığı kullanıyorsa, jQuery’yi desteklemez.

İhtiyacınız olan tek şey Multi.js dosyası ve onunla birlikte kullanmak için gelen CSS stil sayfasıdır. Ardından, bir <select> öğesi oluşturup aşağıdaki gibi bir JavaScript işleci ile öğeyi hedefleyebilirsiniz:

var select_element = document.getElementById( 'your_element_ID' );
multi( select_element );

Şu anda eklenti, optgroup’ları desteklememektedir, ancak bu özellik gelecekte eklenecektir.

Her iki durumda da varsayılan işlevsellik çarpıcı. İstediğiniz gibi kullanabilirsiniz. Ayrıca mobil responsive yapısını bile destekler.

Daha fazla bilgi edinmek için indirilebilir dosyaları da içeren GitHub repo‘yu kontrol edebilirsiniz. Multi.js demo sayfası, bu eklentinin tarayıcıda nasıl çalıştığını görmek için mükemmeldir.

Bu makalede kullanıcı deneyimini arttırmak için yapabileceğiniz çoklu seçim işlevini kolaylaştıran Multi.js kütüphanesinden bahsettik. Siz de düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: çoklu seçim eklentisi javascript çoklu seçim javascript kütüphaneleri multi js
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.