Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, alguém sabe como fazer um select desse tipo?
É possível com CSS ou apenas com jQuery? Vi no código fonte que usam Dojo, mas não sei se é o responsável por essa formatação diferente.
Select fechado:
http://awesomescreenshot.com/090bn905d
Select aberto:
Oi Bruno. Tudo bem?
Na verdade o código HTML deles é perfeito. O sistema que tirei o print é o Apollo HQ (www.apolloh1.com) e eles possuem uma interface como eu nunca vi antes. Eles usam um design muito bom e muito intuitivo.
Por incrível que pareça, o código é normal, com select e options.
você sabe como poderia ter sido feito?
Dando uma pesquisada mais a fundo encontrei algo sobre Dijit, que me parece ser algum componente visual de Dojo. Gostaria de fazer um select idêntico a esse.
>
Por incrível que pareça, o código é normal, com select e options.
sim, exato.
ai com javascript eles fazem um replacemente da tag <select> por um <ul><li>...e então conseguem estilizar.
busca rapida:
http://labs.abeautifulsite.net/projects/js/jquery/selectBox/
http://www.bulgaria-web-developers.com/projects/javascript/selectbox/
http://dl.dropbox.com/u/124192/websites/selectbox/index.html
para deixar 'exatamente' igual, basta você usar css, e estilizar.
escolha um plugin dentre os muitos, e customize.
Qual o link certo? Esse não abre.
Obrigado William. Todos links muito bons!
Ao que me parece, isso não é um SELECT "normal", isto é, que usa <select> e <option> e sim uma marcação normal, no caso eu diria que o mais adequado seriam listas estilizadas tendo o JavaScript responspavel por mostrar/ocultar o conteúdo.