Pazartesi 15 Ağustos 2022
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

Google Chrome’ un Yeni iOS Uygulaması

Agave Games 7 Milyon Dolar Yatırım Aldı

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

Google Chrome’ un Yeni iOS Uygulaması

15 Ağustos 2022
Girişimcilik

Agave Games 7 Milyon Dolar Yatırım Aldı

15 Ağustos 2022
Güncel

Mit’ten Devrim Yaratacak Yenilik; Al Çip

15 Ağustos 2022
Güncel

Yapay Zeka ile Proteinleri Keşfetmek

14 Ağustos 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.