[SOLUCIONADO] Deshabilitar todos los eventos onclick temporalmente

[stramin]

Hola!

Espero puedan ayudarme con este problema, ya que no se por donde empezar.

Lo que busco es deshabilitar todos los elementos de una página, que tengan el evento "onclick" temporalmente y luego volver a habilitarlos.

En otras palabras quiero lograr algo como esto:

<div onclick="algo();">habilitado</div>
<a onclick="funcion();">habilitado</a>

presiono un botón y quedan así o de alguna forma en que no funcionen:

<div onclick="">habilitado</div>
<a onclick="">habilitado</a>

luego presiono otro botón y quedan como estaba al principio:

<div onclick="algo();">habilitado</div>
<a onclick="funcion();">habilitado</a>

hasta ahora lo que se me había ocurrido es guardar toda la página en una variable, luego borrar todos los onclick y para terminar recuperar la página guardada en la variable, pero no me parece optimo.

Puede ser con JS o jQuery

Gracias por su ayuda!

[ocp001a]

Si bien no te puedo decir exactamente cómo lograr lo que quieres, aquí hay un enlace que te podría ayudar:

http://stackoverflow.com/questions/1...ment-in-jquery

lo que me intriga es por qué o para qué necesitas algo así, quizá si indicaras la finalidad se te pudiera ofrecer otra alternativa.

[stramin]

El objetivo es que todos los elementos dejen de funcionar cuando el usuario presiona un botón que deja la página en un estado llamado "ayuda", donde se puede presionar cualquier elemento para obtener ayuda sobre ese elemento sin que se ejecute su función. esto es más que nada para celulares.

originalmente pensaba poner un tooltip que saldría al pasar el mouse por encima de cada elemento, pero eso no sirve en celulares touch.

[angel1993]

Realmente es complicado, no sería cambiar

<div onclick="algo();">habilitado</div>
por
<div onclick="">habilitado</div>

Si no cambiar
<div onclick="algo();">habilitado</div>
por
<div onclick="alert('Explicación');">habilitado</div>

¿no?


¿No te valdría esto?

Código HTML:

<script>
var estadoayuda = false;
</script>
<div onclick="if(estadoayuda){alert('Explicacion')}else{algo();}">Boton</div>
 

[ocp001a]

Pues como dice angel1993, sería más sencillo colocar un estado de ayuda o normal, sólo habría que agregar a los códigos que tengan el onclick la condición el enlace o acción de ayuda.

[stramin]

Me gusta esa opción y creo que es una forma correcta de hacerlo, lo malo es tener que cambiar todos los onclick que ya existen en todo el sitio para que tengan esa condición.

Gracias a todos por su ayuda! :)

[angel1993]

Piensa que si el onclick llama a X función, puedes hacer la comprobación del estado dentro de la función en vez de fuera... será más cómodo.

[stramin]

excelente idea! y yo que ya estaba pensando en cambiar todos los elementos XD

Gracias otra vez, tema solucionado :)