Ver Mensaje Individual
  #4 (permalink)  
Antiguo 30/12/2002, 03:36
Avatar de caricatos
caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes
Puntos: 1284
Hola:

Cambié un poco la página y quedó así:

<html>
<head>
<style>
td {
height:6;
width:2;
cursor:crosshair;
}
</style>
<script language="javascript">
var h = "0123456789ABCDEF";
function hexa(n) {
if (n < 16) return "0" + h.charAt(n);
else return (h.charAt(n / 16) + h.charAt(n % 16));
}

function rgb(r, g, b) {
return "#" + hexa(r) + hexa(g) + hexa(b);
}
function mostrar(color) {
document.colores.selec.value = color;
document.getElementById("muestra").style.backgroun dColor = color;
}

</script>
</head>
<body>
<script language="javascript">
var tabla = "<table cellpadding=0 cellspacing=0>";
for (var i = 0; i < 256; i = i + 16) {
tabla += "<tr>";
for (var j = 0; j < 256; j = j + 16)
for (var k = 0; k < 256; k = k + 16) {
tabla += "<td onmousemove='mostrar(rgb(" + i + ", " + j + ", " + k + "))'";
tabla += " onclick='alert(\"" + rgb(i, j, k) + "\")'";
tabla += " style='background-color:" + rgb(i, j, k) + "' ></td>";
}
tabla += "</tr>";
}
tabla += "</table>";
document.write(tabla);
</script>
<br><hr><br>
<form name=colores >
selección actual: <input type=text name=selec value="" \>
</form>
<div id=muestra style="background-color:#000000;border:solid;width:40;height:14">
</body>
</html>

Saludos