Mostrando Codigo - Javascript
Perfecto selector de colores
El script consigue mostrar casi toda la carta de colores disponible.
Muy interesante.
CODIGO
# Codigo ofrecido por Tutores.org
<HTML>
<HEAD>
<style>
.ColorCell{width: 3; height: 3}
.GradientColorCell{width: 5; height: 20}
</style>
<script>
function Hexa(Dec){
var nb = Dec.toString(16)
if (nb.length < 2) {nb = "0" + nb}
return(nb)
}
function GradientPart(dr, dg, db, fr, fg, fb, Step) {
cr=dr;cg=dg;cb=db
sr=((fr-dr)/Step)
sg=((fg-dg)/Step)
sb=((fb-db)/Step)
var Result = ''
for (var x = 0; x <= Step; x++) {
var cmd = " onclick="ColorCode.value=this.bgColor;" onmouseover="ColorShow.style.backgroundColor=this.bgColor;""
Result += "<TD CLASS=ColorCell BGCOLOR=#" + Hexa(Math.floor(cr)) + Hexa(Math.floor(cg)) + Hexa(Math.floor(cb)) + cmd + "></TD>"
cr += sr; cg += sg; cb += sb
}
return(Result)
}
function WriteRow(a,i){
document.write("<TR>")
document.write(GradientPart(a,i,i, a,a,i, StepH))
document.write(GradientPart(a,a,i ,i,a,i, StepH))
document.write(GradientPart(i,a,i, i,a,a, StepH))
document.write(GradientPart(i,a,a, i,i,a, StepH))
document.write(GradientPart(i,i,a, a,i,a, StepH))
document.write(GradientPart(a,i,a, a,i,i, StepH))
document.write("</TR>")
}
</script>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD COLSPAN=2>
<script>
document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE='border: 1px solid black'>")
StepH = 20
var StepV = 8
var i=0
var a=0
for (a=0;a<=255; a+=StepV){
WriteRow(a,i)
}
a=255
for (i=0; i<=255; i+=StepV){
WriteRow(a,i)
}
document.write("</TABLE>")
</script>
</TD>
</TR>
<TR>
<TD>
<DIV ID=ColorShow STYLE="width: 100; height: 60; border: 1px solid black"></DIV>
</TD>
<TD>
Codigo de color : <INPUT ID=ColorCode TYPE=text SIZE=8>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Perfecto selector de colores" href="http://www.tutores.org/codigo/936/" target="_blank">Perfecto selector de colores</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Perfecto selector de colores" href="http://www.tutores.org/codigo/936/" target="_blank">Perfecto selector de colores</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Carlos 01/05/2004 16.50.01
Hola antes que ndaa felicidades esta muy bien tu selector de colores solo que tengo una bronca cuando lo incluyo en mi codigo no trabaja.
Ojala puedan ayudarme a resolver mi duda
Ojala puedan ayudarme a resolver mi duda
Tutores.org 19/04/2003
Hola carlos, se podria intentar resolver tu duda si la expones, o nos dices cual es el problema, si no, creo que va a ser un pico dificil de ayudarte. :-)
Saludos
Saludos
adolfo duhau
Excelente y sobre todo, original desarrollo de la una paleta de colores. Felicitaciones
lau1984 28-07-2010 18:04:06
No funciona en mi codigo.... no salen los colores :S
INSERTAR COMENTARIO