Es sabido ya por muchos la rabia que me dan los controles de formulario y lo complejo que puede resultar cambiar su aspecto en función del proyecto que estés desarrollando. Había hecho algún truco con css y javascript, que aunque mejoraba mucho la presencia de este control, se veía siempre limitado por la imposición de ser un elemento gestionado por el propio sistema operativo.

Antes de eso, había hecho un experimiento con el Dom de Javascript, que si bien cambiaba totalmente el aspecto, funcionaba mal en los explorer, aparte de ser algo más estético que funcional.

Es cuando después de muchas vueltas y algo de tiempo para experimentar, hago una nueva versión que mejora – creo – a otros experimentos anteriores, además de ser funcional. Mejorable, eso si, pero poco a poco. El poder utilizarlo en un proyecto es ya un gran paso, aunque en este caso, dependiente de jQuery.

Como funciona ?

Muy fácil. Añadimos el javascript al header y simplemente cogemos los selectbox que queramos modificar – no múltiple, que eso lo tendré en cuenta más adelante – y le añadimos la clase cmmyth_selectBox. Automáticamente todos los select que tengas creados cambiarán su aspecto.

1
<select class="cmmyth_selectBox"></select>

Este script tiene soporte para skins con css y altamente configurable.

En esta primera versión tiene soporte para grupos de options y es sensible al evento onchange. Poco a poco iré mejorando el script – se aceptan sugerencias – para que el disfrute sea pleno.

[ Queréis probarlo ? ]