DDSlick.js

0
335
views

ddslick

Html select etiketi açılır kapanır listeler sayesinde çok uzun bölümleri ufak bir çerçeveye sığdırmanıza yarayan bir etikettir. Genelde üyelik aşamalarında ülke ve şehir seçimi bölümlerinde kullanılır. Görüntüsü birçok web sitesinde aynıdır ve tasarım açısından güzel bir görüntüye sahip değildirler. Ama bazı geliştiriciler tarafından yapılmış olan bir kaç tane uygulama sayesinde bu html etiketinin görüntüsünü değiştirebilir ve hatta daha fazla özellik ekleyebilmemiz mümkündür. 

 Prashant Chaudhary  tarafından yapılmış olan DDSlick uygulaması ile bu Html option etiketinin görütüsünü dğeiştirebilir ve içinde listelenmiş olan elemanların yanına ikonlar ekleyebilmemiz mümkün.

Option elementi içerisinde bulunan  seçenekler genelde  hangi  siteye  bakarsanız  aşağıdaki  demo gibidir.

Eklenti kullanılmadan oluşturulmuş bir seçenek  belirleme kutusu.

 <select> <option> </option> </select>

  • Eklentinin kullanımı  hakkında daha fazla bilgiye   DesignWithPc adresinden ulaşabilirsiniz.

Kullanım

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

Js dosya adresleri : 

Yukarıdaki  kodlar  içerisine  eklemiş  olduğum jSon.js dosyası boş  daha doğrusu  öyle  bir  dosya  yok bu dosyayı  kendiniz  oluşturacaksınız. Herhangi  bir  isim  verebilirsiniz.

Oluşturacağınız jSon.js  dosyası  içerisine  eklemeniz  gereken kodlar :

JavaScript : 

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

Html : 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikTechia
Sonraki İçerikimPress.js – Sunum hazırlama kütüphanesi
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here