Noticias
| » Linux |
Scripts
| » Linux |
| » PHP |
| » MySql |
| » JavaScript |
Manuales
| » Linux |
| » PHP |
| » MySql |
| » Programación |
Lo más leido
» Problemas al instalar Internet Explorer 7 (29978)» Historía de los Computadores (21777)
» Guión bajo o normal en las URL (19623)
» Comprimir y Descomprimir en Linux (16611)
» Sistema de Inventario (15397)
» Tipos de Portales (15158)
» mysqldump (13186)
» Actualizar datos en MySql con PHP (12612)
» Paleta de Colores (11654)
» Comandos Básicos en Linux (11168)
Registro
:: RSS
Paleta de Colores |
| Escrito por: Andrés Villanueva Manjarres | |||
|
Hace unos días me pidieron desarrollar una paleta de colores para que los usuarios pudieran seleccionar un color de un listado de colores corporativos. Encontré algunas opciones pero ninguna se adecuaba a lo que me pedían, por esa razón desarrolle el siguiente script que se ajusta perfectamente a las necesidades del cliente y sin duda puede ayudar a algunos desarrolladores.. Para esto se desarrolló un script en javascript. A continuación presento la solución que desarrolle para solucionar este problema, ojala les sirva. Código Javascript
<script language="JavaScript">
lck=0; function r(hval) { if ( lck == 0 ) { document.formelia.color.value=hval; } } function l() { if (lck == 0) { lck = 1; } else { lck = 0; } } </script>
Código HTML
<form id="formelia" name="formelia" method="post" action="editoregistro.
<table border="0" height="18"> <tr> <td> <input type="text" size="8" maxlength=7 class="textbox" name="color" value="" readonly> </td> <td height="18" bgcolor="#A8A9AC"><a href="JavaScript:l()" onmouseover="r('#A8A9AC'); return true"><img src="images/col.png" height=18 width=10 border=0></a></td> <td height="18" bgcolor="#BDBEC0"><a href="JavaScript:l()" onMouseOver="r('#BDBEC0'); return true"><img src="images/col.png" height=18 width=10 border=0></a></td> <td height="18" bgcolor="#D3DCE3"><a href="JavaScript:l()" onMouseOver="r('#D3DCE3'); return true"><img src="images/col.png" height=18 width=10 border=0></a></td> <td height="18" bgcolor="#FFFFFF"><a href="JavaScript:l()" onMouseOver="r('#FFFFFF'); return true"><img src="images/col.png" height=18 width=10 border=0></a></td> <td height="18" bgcolor="#FF0000"><a href="JavaScript:l()" onMouseOver="r('#FF0000'); return true"><img src="images/col.png" height=18 width=10 border=0></a></td> <td height="18" bgcolor="#0000FF"><a href="JavaScript:l()" onMouseOver="r('#0000FF'); return true"><img src="images/col.png" height=18 width=10 border=0></a></td> </tr> </table> </form>
|