Desactivar imágenes con evento onClick

forecast · #1 (**permalink**) 20/04/2006, 03:18

Hola amig@s; iremos al grano:

Tengo una imagen con un evento onClick, que quiero poder habilitar y deshabilitar y esto creo que se hace con la propiedad disabled. Aquí teneis el código bastante simplificado para no desviarnos de la cuestión principal.

Código HTML:

<html>
<head>
<script>
avanzar.src="/figuras/avanzar.gif";
document.images['avanzar1'].src=avanzar.src;
document.images['avanzar1'].disabled=true;
function Prueba()
{
alert("está activo");
}
</script>
</head>
<body>
<img name="avanzar1" src="" onClick="javascript:Prueba();">
</body>
</html>

Esto no me funciona, y continua llamando a la función, a pesar de haberle dicho disabled=true;

¿Que hago mal?

Gracias.

caricatos · #2 (**permalink**) 20/04/2006, 03:23

Hola:

disabled sirve en elementos de formulario, lo que podrías poner algo detrás de tu prueba()...

<img name="avanzar1" src="" onclick="Prueba();this.onclick = ''">

Saludos

forecast · #3 (**permalink**) 20/04/2006, 03:34

Gracias Caricatos por al pronta respuesta... pero no acabo de entender eso de poner algo detrás.

onclick="Prueba();this.onclick = ''" ¿Que pongo dos eventos?¿el segundo es un evento vacio, o llamará a un función que deshabilite?

Estoy un poco verde con el javascript, así que disculpa las molestias, y por supuesto, GRACIAS.

JavierB · #4 (**permalink**) 20/04/2006, 03:47

Hola forecast

Veo que caricatos (¡Hola!

) no anda ahora por aquí, así que voy a coger el relevo.

En un evento puedes poner todas las llamadas a función que necesites, separadas por punto y coma. Lo que hace this.onclick = '' es "redefinir" el evento onclick de la imágen para que no haga nada, es como si lo desactivaras.

Saludos,

forecast · #5 (**permalink**) 20/04/2006, 04:06

Hola JavierB; Gracias a ti también:

sustituí los eventos del onclick por esto

onclick="javascript:Prueba();this.onclick =' ';"

Pero el botón sigue estando activo, es decir sigue llamando a Prueba... además, no se me ocurre despues como activarlo de nuevo (con lo fácil que era todo con el enabled=true o enabled=false :_(

Sigo sin entender.

Gracias por vuestra paciencia...

caricatos · #6 (**permalink**) 20/04/2006, 04:36

Hola:

Copia este código:

Código:

<html>
<body>
<div onclick="alert(this.id); this.onclick = ''" id="x">pinchar</div>

<div onclick="document.getElementById('x').onclick = function(x){alert(this.id); this.onclick = ''}" id="y">restaurar</div>

</body>
</html>

En mi archiconocido probador de scripts: http://www.pepemolina.com/probador/

... y fíjate en los resultados...

Saludos

forecast · #7 (**permalink**) 20/04/2006, 16:31

Oh rey!!!!

Muy jefe.

Gracias.