Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Javascript
Code

Javascript - Perfecto selector de colores

Códigos Javascript

El script consigue mostrar casi toda la carta de colores disponible. Muy interesante.
Visitas: 11,076 - 28/12/2003 0:47:50
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Codigo probado en ChromeCodigo probado en Mozilla FirefoxCodigo probado en Internet Explorer 7+Codigo probado en OperaCodigo probado en Safari


# Codigo ofrecido por Tutores.org

  1. <HTML>
  2. <HEAD>
  3. <style>
  4. .ColorCell{width: 3; height: 3}
  5. .GradientColorCell{width: 5; height: 20}
  6. </style>
  7. <script>
  8. function Hexa(Dec){
  9.   var nb = Dec.toString(16)
  10.   if (nb.length < 2) {nb = "0" + nb}
  11.   return(nb)
  12. }
  13. function GradientPart(dr, dg, db, fr, fg, fb, Step) {      
  14.   cr=dr;cg=dg;cb=db
  15.   sr=((fr-dr)/Step)
  16.   sg=((fg-dg)/Step)
  17.   sb=((fb-db)/Step)
  18.   var Result = ''
  19.     for (var x = 0; x <= Step; x++) {
  20.     var cmd = " onclick="ColorCode.value=this.bgColor;" onmouseover="ColorShow.style.backgroundColor=this.bgColor;""
  21.     Result += "<TD CLASS=ColorCell BGCOLOR=#" + Hexa(Math.floor(cr)) + Hexa(Math.floor(cg)) + Hexa(Math.floor(cb)) + cmd + "></TD>"
  22.     cr += sr; cg += sg; cb += sb
  23.     }
  24.   return(Result)
  25. }
  26. function WriteRow(a,i){
  27.   document.write("<TR>")
  28.   document.write(GradientPart(a,i,i, a,a,i, StepH))
  29.   document.write(GradientPart(a,a,i ,i,a,i, StepH))
  30.   document.write(GradientPart(i,a,i, i,a,a, StepH))
  31.   document.write(GradientPart(i,a,a, i,i,a, StepH))
  32.   document.write(GradientPart(i,i,a, a,i,a, StepH))
  33.   document.write(GradientPart(a,i,a, a,i,i, StepH))
  34.   document.write("</TR>")
  35. }
  36. </script>
  37. </HEAD>
  38. <BODY>
  39.  
  40. <TABLE>
  41.     <TR>
  42.       <TD COLSPAN=2>
  43.     <script>
  44. document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE='border: 1px solid black'>")
  45. StepH = 20
  46. var StepV = 8
  47. var i=0
  48. var a=0
  49. for (a=0;a<=255; a+=StepV){
  50.   WriteRow(a,i)
  51. }
  52. a=255
  53. for (i=0; i<=255; i+=StepV){
  54.   WriteRow(a,i)
  55. }
  56. document.write("</TABLE>")
  57. </script>
  58. </TD>
  59.     </TR>
  60.     <TR>
  61.       <TD>
  62.         <DIV ID=ColorShow STYLE="width: 100; height: 60; border: 1px solid black"></DIV>
  63.     </TD>
  64.       <TD>
  65.         Codigo de color : <INPUT ID=ColorCode TYPE=text SIZE=8>
  66.     </TD>
  67.     </TR>
  68. </TABLE>
  69. </BODY>
  70. </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 -->
COMENTARIOS
Comentario usuario
01/05/2004 16.50.01
2 5
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
Comentario usuario
19/04/2003
3 5
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
Comentario usuario
adolfo duhau
4 5
Excelente y sobre todo, original desarrollo de la una paleta de colores. Felicitaciones
Comentario usuario
28-07-2010 18:04:06
4 5
No funciona en mi codigo.... no salen los colores :S
Comentario usuario
30-11-2007 09:03:15
1 5
Muy bueno el selector, el problema es que el codigo de esta pagina no esta bien escrito(le faltan comas y cosas asi). Para el que lo necesite en un futuro que sepa que el codigo que aparece en pruebas si que funciona bien.
Saludos.
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.