Foros del Web » Creando para Internet » HTML »

Como usar el input type="color"

Estas en el tema de Como usar el input type="color" en el foro de HTML en Foros del Web. Hola, con el nuevo input color se me ha abierto un mundo de posibilidades ya que no tengo que crear una paleta de colores de ...
  #1 (permalink)  
Antiguo 22/07/2013, 06:40
Avatar de ananda  
Fecha de Ingreso: enero-2012
Mensajes: 345
Antigüedad: 7 años, 11 meses
Puntos: 14
Como usar el input type="color"

Hola, con el nuevo input color se me ha abierto un mundo de posibilidades ya que no tengo que crear una paleta de colores de manera manual sino que viene implícito en el html5. Bien, lo que quiero saber es, al seleccionar el color en la paleta que viene con el input type color, como puedo obtener el color elegido por el usuario? Lo necesito para usarlo en una función javascript, muchas gracias!
__________________
Creador de Vipefy , una nueva red social con un punto de vista diferente de las relaciones sociales.
  #2 (permalink)  
Antiguo 22/07/2013, 06:44
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 4 meses
Puntos: 2111
Respuesta: Como usar el input type="color"

Pues funcionan como cualquier otro elemento de un formulario. Mediante JavaScript puede recoger el valor que tenga el campo del formulario con value, como en cualquier campo de formulario.

Código Javascript:
Ver original
  1. elemento.value
  #3 (permalink)  
Antiguo 22/07/2013, 07:19
Avatar de ananda  
Fecha de Ingreso: enero-2012
Mensajes: 345
Antigüedad: 7 años, 11 meses
Puntos: 14
Respuesta: Como usar el input type="color"

Cita:
Iniciado por pzin Ver Mensaje
Pues funcionan como cualquier otro elemento de un formulario. Mediante JavaScript puede recoger el valor que tenga el campo del formulario con value, como en cualquier campo de formulario.

Código Javascript:
Ver original
  1. elemento.value
Muchas gracias, es que en el navegador no veía que cambiara el value. Tengo otra duda, esta pertenece más al ámbito de javascript por eso: si pongo onClick, me elige el color que viene por defecto (negro) y al cambiar no se modifica el value por lo que siempre es negro, cual sería el evento para decir algo tipo: cuando el usuario haya terminado de escoger el color activa la función.

Muchas gracias por la respuesta anterior, un saludo.
__________________
Creador de Vipefy , una nueva red social con un punto de vista diferente de las relaciones sociales.
  #4 (permalink)  
Antiguo 22/07/2013, 07:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 4 meses
Puntos: 2111
Respuesta: Como usar el input type="color"

Cita:
Iniciado por ananda Ver Mensaje
cual sería el evento para decir algo tipo: cuando el usuario haya terminado de escoger el color activa la función.
Puedes usar onChange para ello.

Etiquetas: html5, input, type, usar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:19.