"Nosotros somos los creadores del tiempo, las víctimas y los asesinos del tiempo. "

Soy una persona apasionada por todo lo que tiene que ver con Internet y las nuevas tecnologías. Soy autodidacta, y me encanta impartir clases...


Paleta de Colores con Javascript

Jueves 18 de Noviembre de 2010

Javascript
Autor: César Cancino
Categoría: Javascript
Etiquetas Programación, php, mysl
Comentarios 0

Este es un script que nos permitirá implementar un sencillo efecto de selección de colores para los usuarios de nuestro sitio web, ideal para cuando requerimos de que personalicen algunas secciones de nuestro diseño. Esta es una librería 201a.js, la cual hemos limpiado un poco para que solo mostremos lo verdaderamente necesario.

¿Qué te gustaría compartir con nosotros?

Compartir

Este es un script que nos permitirá implementar un sencillo efecto de selección de colores para los usuarios de nuestro sitio web, ideal para cuando requerimos de que personalicen algunas secciones de nuestro diseño. Esta es una librería 201a.js, la cual hemos limpiado un poco para que solo mostremos lo verdaderamente necesario.

A continuación les muestro una sencilla manera de implementarlo:

<html>
<head>
<title>Paleta de Colores con Javascript</title>
<script language="javascript" type="text/javascript" src="js/201a.js"></script>
<script type="text/javascript">
function modificarElemento() {
document.bgColor = document.form.color.value;
}
</script>
</head>
<body onLoad="document.form.reset()">
<form name="form">
<div id="colorpicker201" class="colorpicker201"></div>
<img src="ima/sel.gif" onClick="showColorGrid2('color','sample_4');" border="0" style="cursor:pointer" alt="select color" title="select color">&nbsp;<input type="text" size="9" ID="input_field_4" value="">&nbsp;<input type="text" ID="sample_4" size="1" value="">
<hr />
<input id="color1_a_0" class="texto" type="text" onClick="showColorGrid2('color1_0','color1_a_0');" style="background-color: rgb(255, 255, 153);" size="1" name="color1_a_0"/>
<input type="hidden" id="color1_0" name="color1_0" />
<hr />
<input type="button" value="Modificar Color" onClick="modificarElemento()">
<input name="color" id="color" type="text">
</form>

</body>
</html>


0 Comentarios