Meniuri drop-down


Acum câteva zile am citit cu interes articolul lui Janko, Reinventing a Drop Down with CSS and jQuery (despre Janko am mai vorbit şi în alte cazuri). Ideea este simplă: clasicul control drop-down nu permite configurări suficient de “artistice”, aşa că adesea este rescris cu biblioteci JavaScript gen jQuery. În articolul amintit se foloseşte “lista de definiţii” (elementul HTML DL – definition list), cu DT definindu-se “titlul”, iar cu DD şi UL elementele listei drop-down. Articolul lui Janko arată o posibilă abordare, inclusiv cu imagini în drop-down, explicând şi cum se poate obţine valoarea selectată.

imagine

După comentariile primite Janko a revenit recent pe articol, completându-l. Acum drop-down-ul “simulat” merge într-un fel de sincronizare – să îi spunem aşa – cu un element SELECT tradiţional (vedeţi aici demo-ul). La ce ajută? Elementul SELECT poate fi ascuns, folosindu-se “reinventarea” într-un formular deja existent. Se asigură astfel îmbunătăţirea aspectului, designului, fără a modifica prea mult din codul deja scris. Webmasterii cred că vor înţelege ce încerc să spun.

Doream să amintesc articolul de pe JankoAtWarpSpeed.com, şi am făcut-o motivat suplimentar de un articol apărut astăzi: Drop-Down Menu: 30+ Useful Scripts To Enhance Header Navigation. HongKiat oferă această listă ce include soluţii: exclusiv CSS; CSS şi JavaScript; folosind jQuery; MooTools; Scriptaculous/Prototype. Iată astfel o paletă largă dacă sunteţi în căutarea unei soluţii elegante de drop-down.

imagine


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (2 evaluări, media: 5,00 din 5)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *