[Resolvido] Select diferente

[Cesão 1]

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:

http://awesomescreenshot.com/034bn8ta4

[Bruno Augusto 417]

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.

[Cesão 1]

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.

[William Bruno 1501]

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.

[Bruno Augusto 417]

Qual o link certo? Esse não abre.

[Cesão 1]

Obrigado William. Todos links muito bons!