Zelect.js

0
116
views

zSelect

Genellikle  üyelik  formlarında  kullanılan bir özelliktir  select  elementi. Görüntüsü  her yerde  aynı  ve  can sıkıcıdır. Ayrıca  kimi  zaman bazı sitelere  üye olmak istediğimiz  zaman ülke  bilgisi  girmemizi  isterler. Dünyadaki bütün ülkelerin içinde  kendi  ülkeni  bulmak kimileri için zor oluyor. Klavyeden ülke isminin baş harfini yazdığımızda  direk o harfe gidebiliyoruz.  Select elementi içinde ülke  bulmak zor bir şey değil. Bunun daha  zor olan örnekleri de var. Mesela  tarih  ve saat  seçerken  kendi saat dilimimizi  bulmak en zorudur. Hala  bazı forumlara  üye olurken saat  dilimini rastgele  seçerim yada  bana en uygun olan saati seçerim. Bazen Mısır’ı  seçtiğim bile oluyor. Halbuki select elementinde yani tıkladığımızda  açılan o koskocaman listede  bir arama kutusu  olsaydı ne güzel olurdu.

Bazı  geliştiriciler sağ olsunlar bu tarz sıkıntıları gidermek için uygulamalar  geliştiriyorlar. jQuery zSelect  eklentisi de   select  elementinde listelenmiş olan verileri kullanıcıların daha kolay bulmasını sağlayan bir  uygulama. Select elementini tıkladığınız anda eklenmiş olan veriler listeleniyor ve en üst kısımda bir arama kutucuğu görünüyor. Bu arama kutusunda  otomatik tamamlama (autocomplete) özelliği de eklendiği için siz  yazmaya başladığınız andan itibaren yazdıklarınızla alakalı olmayan içerikler  filtrelenerek kayboluyor ve sadece  yazdıklarınızla  alakalı olan sonuçlar listeleniyor. Ayrıca  bildiğimiz select  elementinin  görüntüsü  de  biraz daha farklı.

 Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js dosya adresleri : 

 Css : 

 JavaScript : 

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

CEVAP VER

Please enter your comment!
Please enter your name here