Tema: Paleta de colores en JS
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 04/02/2015, 06:42
fabipers
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: Paleta de colores en JS
Hola, gracias por responder, mira te envio lo que llevo hasta ahora, este es el archivo de JavaScript:


Código Javascript: 
Ver original
  1. window.onload = function(){
  2.     document.getElementById("rojo").addEventListener("change", redcolor);
  3.     document.getElementById("verde").addEventListener("change", greencolor);
  4.     document.getElementById("azul").addEventListener("change", bluecolor);
  5.     
  6.     }
  7. function redcolor(){
  8.     var rojo= document.getElementById("rojo").value;
  9.     var colorrojo = rojo.ToString(16);
  10.     alert("Selecciono rojo" + rojo );
  11.  
  12. }
  13. function greencolor(){
  14.     var verde= document.getElementById("verde").value;
  15.     var colorverde = verde.ToString(16);
  16.     alert("Selecciono verde" + b );
  17.  
  18. }
  19. function bluecolor(){
  20.     var colorazul = document.getElementById("azul").value;
  21.     var colorverde = verde.ToString(16);
  22.     alert("Selecciono azul "+ c);
  23.  
  24. }


Los alert los uso para probar si me esta convirtiendo a hexa, (cosa que no he podido).

Y aca esta el html:


Código HTML: 
Ver original
  1. <html lang="es">
  2.     <head meta charset="utf-8">
  3.         <title>Paleta de colores</title>
  4.         
  5.     
  6.     <link href="styles/styles.css" rel="stylesheet" type="text/css">
  7.     
  8. </head>
  9. <body>
  10.  
  11. <hgroup>
  12.     <h1>Paleta de colores HTML</h1>
  13.     <h2>Mueva los controles para elegir el color deseado</h2>
  14.     <tr>
  15.     <td><input type="range" id="rojo" min="0" max="255" value ="25" name ="redcolor" /> Red.</td>
  16.     </br>
  17.     <td><input type="range" id="verde" min="0" max="255" value ="25" name ="greencolor" /> Green.</td>
  18.     </br>
  19.     <td><input type="range" id="azul" min="0" max="255" value ="25" name ="bluecolor" /> Blue.</td>
  20.     </br>
  21.     <input type="button" value="Hexadecimal" onclick="alert(sCambiaSistema(0777, 16))"> 
  22.     </br>
  23.     
  24.     </br>
  25.     <div id="capa2">
  26.     
  27.     </div>
  28.     <td>
  29.     <input type="text" readonly ="readonly" value="#00000" />
  30.     </td>
  31.  
  32.     </tr>
  33.     <script src="scripts/funcion.js" language="javascript" type ="text/javascript"> </script>
  34.     
  35. </body>


no se si me hice entender, son 3 deslizadores tipo range y cada uno transforma al div donde se muestra el color, lo que no he podido hacer es convertir cada valor del deslizador tipo range a hexa y es por esta función que sé que esta mal:


Código Javascript: 
Ver original
  1. var colorrojo = rojo.ToString(16);


ya teniendo eso resulto puedo modificar el div del color, pero antes debo poder convertir el valor del range a hexa, gracias por la ayuda