RE²T: Modifica de forma radical los Checkboxes y Radio Buttons con CRIR
lunes, 11 de junio de 2007

Combinando JavaScript y CSS, CRIR nos entrega la posibilidad de  cambiar la apariencia de Checkboxes y Radio Buttons por iconos o diseños más agradables.

 

 

CRIR


 

Su aplicación es muy sencilla, en primer lugar incorporamos "crir.css" y "crir.js" a nuestro documento:

 

HTML
  1. <link href="crir.css" rel="stylesheet" type="text/css" />
  2. <script language="JavaScript" type="text/javascript" src="crir.js"></script>

 

 

Luego agregamos la clase "crirHiddenJS" a cada Checkbox o Radio Button que queramos cambiar:

 

HTML
  1. <label for="checkbox">Lorem Ipsum</label>
  2. <input name="checkbox" id="checkbox2" type="checkbox" value="true" class="crirHiddenJS" />

 

 

Finalmente editamos a  "crir.css" si queremos cambiar los iconos o diseño a mostrar. Las clases a modificar son 'checkbox_checked', 'checkbox_unchecked', 'radio_checked' y 'radio_unchecked'.

 

Nota: Más sobre RE²T

 

 


Tags:  recursos scripts reet

Artículos Relacionados:




 Comentarios


  • Por favor, mantenga el tópico de los mensajes en relevancia con el tema del artículo.
  • Lenguaje inapropiado será borrado.


Nombre:
E-mail:
Sitio Web:
Comentario:

Código:* Code
 
Delicious
Mister Wong
< Anterior   Siguiente >
[Volver]

Suscribirse por feed


Suscribirse por e-mail

Tu dirección de correo
  • Aleatorios
  • Lo más leido
  • Destacados

Nube de tags

Sitios Recomendados