Foros del Web » Programando para Internet » Javascript »

Imagen y checkbox

Estas en el tema de Imagen y checkbox en el foro de Javascript en Foros del Web. Hola a todos, Como hago para que al pulsar sobre una imagen (onClick) se me seleccione un checkbox y que al pulsar otra vez se ...
  #1 (permalink)  
Antiguo 14/10/2005, 15:57
 
Fecha de Ingreso: marzo-2005
Mensajes: 142
Antigüedad: 19 años, 8 meses
Puntos: 0
Imagen y checkbox

Hola a todos,

Como hago para que al pulsar sobre una imagen (onClick) se me seleccione un checkbox y que al pulsar otra vez se deseleccione.

Ya de paso pregunto otra cosa, para que al pasar el ratón por encima de una imagen aparezcan esas descripciones en recuadros que suelen aparecer en los blogs, como se hace?

Saludos y gracias,

Leo.
  #2 (permalink)  
Antiguo 14/10/2005, 16:53
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 19 años, 9 meses
Puntos: 9
<input type="checkbox" id="nombre">
<img alt="esta imagen......" onclick="
check=document.getElementById('nombre');
check.checked=(check.checked==true)?false:true;
">
  #3 (permalink)  
Antiguo 14/10/2005, 17:31
 
Fecha de Ingreso: marzo-2005
Mensajes: 142
Antigüedad: 19 años, 8 meses
Puntos: 0
Muchas gracias Programeitor. Otra pregunta a ver si puedes ayudarme.

La pregunta era para hacer una especie de galería de imágenes un tanto especial. Como puedo hacer ahora para guardar de alguna forma el orden de las imagenes que tienen el checkbox checked separadas por un espacio en blanco por ejemplo? (en un input por ejemplo)

No se si me entiendes, lo que pretendo es tener una especie de cuadro de control donde se vaya almacenando el orden de pulsación de las imágenes. Obviamente si una imagen se vuelve a pulsar desaparecería del input.

Si puedes ayudarme, te lo agradecería eternamente.

Saludos y gracias,

Leo.
  #4 (permalink)  
Antiguo 14/10/2005, 19:12
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 19 años, 9 meses
Puntos: 9

function fun(nombre)
{
check=document.getElementById(nombre);
check.checked=(check.checked==true)?false:true;
form=document.nombreform.elements;
resul=document.getElementById('resultado');
res="";
for(n=0;n<form.length;n++)
{
if(form[n].checked)
{
res+=form[n].name+" ";
}
}
resul.value=res;
}


<form name="nombreform">
<input type="checkbox" name="nombre1">
<img alt="esta imagen......" onclick="fun('nombre1')">
<input type="checkbox" name="nombre2">
<img alt="esta imagen......" onclick="fun('nombre2')">
<inputtype="checkbox" name="nombre3">
<img alt="esta imagen......" onclick="fun('nombre3')">
</form>
<input id="resultado"size=80>

  #5 (permalink)  
Antiguo 15/10/2005, 00:56
 
Fecha de Ingreso: marzo-2005
Mensajes: 142
Antigüedad: 19 años, 8 meses
Puntos: 0
Muchas gracias Programeitor, eres un genio.

Y si lo que quisiera almacenar en el input resultado fuera el nombre de la imagen, es decir, imagen1.jpg, imagen2.jpg, etc...

Saludos y muchísimas gracias,

Leo.
  #6 (permalink)  
Antiguo 15/10/2005, 03:05
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 11 meses
Puntos: 61
Leo, no hagas varias preguntas en un mismo hilo, ni preguntes 2 veces lo mismo. Si cumples esto conseguirás antes las respuestas y ayudarás más a toda la comunidad.

Un saludo!
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
  #7 (permalink)  
Antiguo 15/10/2005, 04:48
 
Fecha de Ingreso: marzo-2005
Mensajes: 142
Antigüedad: 19 años, 8 meses
Puntos: 0
Gracias Karlankas y perdona.

Saludos,

Leo.
  #8 (permalink)  
Antiguo 15/10/2005, 06:50
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 19 años, 9 meses
Puntos: 9
res+=form[n].nextSibling.nextSibling.src
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 18:27.