DDSlick.js – Select etiketindeki seçeneklere ikon ekleme

0
298
Okunma

ddslick1 DDSlick.js   Select etiketindeki seçeneklere ikon ekleme

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 : 

CEVAP VER

Lütfen yorumunuzu girin!
Please enter your name here