Limitar onclick a un solo click.

elchavo8 · #1 (**permalink**) 25/01/2012, 11:04

Buenas amigos me preguntaba como limitar el onclick a un solo click, con este codigo:

Código HTML:

Ver original<html>
<head>
 <script>
funo{
 //Datos de la funcion
 }
</script>
</head>
<img src="<!--Ruta del archivo-->" onclick="funo();">
</html>

Es decir que una vez le des un click y se ejecute la funcion, no se vuelva a ejecutar si se hace otro click.

patkoala · #2 (**permalink**) 25/01/2012, 13:26

Cita:

<html>
<head>
<script>
function funo(){
//Datos de la funcion
document.getElementById('imagen').onclick = "";
}
</script>
</head>
<img src="" onclick="funo();" id="imagen">
</html>

Lo único que hay que hacer es asignarle un id y luego mediante ese id añadir a la función que cambie el valor de onclick de la imágen.

lisandro Arg · #3 (**permalink**) 25/01/2012, 14:26

Con una bandera!. Podés colocar una variable en un ámbito global a la variable y después preguntar y modificar esta dendro.

Código Javascript:

Ver originalvar firstClick = false;    
function funo(){
    if(!firstClick){
        // Realiza algo
        firstClick = true; 
    }
}

Otra opción es usar html5 y guardar el dato como un atributo del elemento dom http://www.javascriptkit.com/dhtmltu...tributes.shtml

patkoala · #4 (**permalink**) 26/01/2012, 12:14

Cita:

Iniciado por lisandro Arg

Podés colocar una variable en un ámbito global a la variable y después preguntar y modificar esta dendro.

Código Javascript:

Ver originalvar firstClick = false;    
function funo(){
    if(!firstClick){
        // Realiza algo
        firstClick = true; 
    }
}

Eso es lo que pensé inicialmente, pero postee la otra respuesta por esto:

Cita:

Iniciado por elchavo8

no se vuelva a ejecutar si se hace otro click

elchavo8 · #5 (**permalink**) 26/01/2012, 18:13

Gracias a los dos, ya funca correctamente.

lisandro Arg · #6 (**permalink**) 27/01/2012, 07:57

Cita:

Iniciado por patkoala

Eso es lo que pensé inicialmente, pero postee la otra respuesta por esto:

Cita:

Iniciado por elchavo8

no se vuelva a ejecutar si se hace otro click

No se vuelve a ejecutar la segunda vez, la variable está fuera de la función por lo tanto la segunda vez vale "true" y no ingresa al if

Saludos

patkoala · #7 (**permalink**) 27/01/2012, 09:24

Cita:

Iniciado por lisandro Arg

No se vuelve a ejecutar la segunda vez, la variable está fuera de la función por lo tanto la segunda vez vale "true" y no ingresa al if
Saludos

La comprobación está dentro la función, por lo que la función si se ejecuta, pero dejaré de ser tan riguroso, sobretodo visto que ya se solucionó

lisandro Arg · #8 (**permalink**) 28/01/2012, 22:49

claro la funcion si pero no pasa del if, o sea que no hace nada la segunda vez