Este plugin para la librería JQuery simplemente remplaza los campos select de nuestros documentos por campos personalizados, lo cual ademas de permitir darle el look and feel que queremos, corrige el problema que presentan este tipo de controles en Internet Explorer 6 y el z-index.
Es un plugin no intrusivo ya que no remueve al select del documento, conserva todas las caracteristicas tales como ancho, alto, posicion y eventos “onchange” del mismo.
Es totalmente compatible con selects dinámicos, es decir, se puede implementar en soluciones de selects dependientes mediante Ajax.
Su forma de uso es extremadamente sencilla:
$(selector).wkCombobox();
Donde “selector” es el elmento o conjunto de elementos que queremos modificar.
Ademas wkComboBox soporta una serie de parametros opcionales.
border:
Por defecto su valor es “black” (negro) y representa el color de los bordes externos de nuestro select.
background:
Por defecto su valor es “white” (blanco) y representa el color de fondo de nuestro select.
backgroundHover:
Representa el color de fondo del los elementos “option” en su estado “hover” (sobre) del select, su color predeterminado es “black” (negro).
text :
Color del texto de nuestros elementos “select” y “option”, su valor por defecto es “black” (negro).
textHover:
Color del texto en su estado “hover” (sobre), su valor por defecto es “white” (blanco).
btn :
Ruta de la imagen que representa el boton de desplegar las opciones.
Un ejemplo más completo, con todas sus opciones, sería de esta manera.
$(elemento).wkCombobox({
border: ‘black’,
background: ‘white’,
backgroundHover: ‘black’,
text : “black”,
textHover:”white”,
btn : “button.gif”
});
Puedes ver un ejemplo aquí.
Puedes descargar el archivo y el ejemplo aquí.
Requiere JQuery 1.2 y Dimension.
En la proxima versión agregare soporte para animaciones, si tienes alguna duda o comentario no dudes de utilizar nuestro formulario para comunicarte.
Puedes ayudar al desarrollo de este plugin donando 1 Dollar
