16th nov 2009

Plugin para estilizar selects com jQuery

Uma grande dificuldade que se tem em termos de interfaces para web é estilizar os selects (também conhecidos como combo boxes, desde a época do desenvolvimento de aplicativos com VB, Delphi e afins) nas páginas. Eles devem ser, até onde me lembro, os que menos possuem formas de ter o look & feel alterados.

Se você usa a jQuery UI no seu projeto, pode tentar esse plugin:

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Ele foi disponibilizado na área do jQuery UI Labs, que é uma área experimental, para a qual qualquer pessoa pode enviar sua contribuição e, quem sabe, tê-la incorporada ao projeto. O bacana desse plugin?
Você consegue estilizar os selects, colocando cores, fundo, ícones, hierarquia. Tudo de uma forma muito simples:

$(‘select’).selectmenu();

O bacana é que ele já foi desenhado dentro dos temas pré-definidos da jQuery UI, então você pode aproveitar muito do look & feel criado, e ter alguns selects com essa cara abaixo!

Posts relacionados

This entry was posted on segunda-feira, novembro 16th, 2009 at 09:56 and is filed under javascript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Avalie

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas (1 votes, average: 5,00 out of 5)

2 Responses to “Plugin para estilizar selects com jQuery”

  1. novembro 16th, 2009 at 12:35 Thalita says with Firefox on Mac Os X 10.5

    Bem bacana esse plugin. Outro dia mesmo estava a procura de um como esse para estilizar um select. Ótima dica!

  2. novembro 16th, 2009 at 12:38 Tweets that mention Chris B. – idéias e pensamentos » Plugin para estilizar selects com jQuery -- Topsy.com says with

    [...] This post was mentioned on Twitter by Chris Benseler and gust4vo ZimmermanN, Estúdio Guará. Estúdio Guará said: Plugin para estilizar selects com jQuery no blog do @chrisloki http://bit.ly/4g8cUO [...]

Leave a Reply