http://www.elcodigo.com

Scripts y código de ejemplo : JavaScript : Enlaces y botones :

Enlace que se deshabilita

Autor
Fecha inserción
El Código
27/03/2008
Dificultad
Soportado por

IE5+ N6+ F1+ O5+

Descripción | Ver ejemplo | Ver código fuente | Imprimir script

Para imprimir este script, pulsa sobre el botón de imprimir que se muestra a continuación.

Este script debe ir entre las tags <head> y </head> de la página:

<script language="javascript" type="text/javascript">
//ENLACE QUE SE DESHABILITA CUANDO SE PULSA LA PRIMERA VEZ
//Autor: Iván Nieto Pérez
//Este script y otros muchos pueden
//descarse on-line de forma gratuita
//en El Código: www.elcodigo.com   

function hazAlgo() {
  //esta funcion es un ejemplo para
  //demostrar que el enlace se ejecuta la primera vez
  alert("¡El enlace se ha ejecutado!\nPulsa otra vez y verás que este\nmensaje ya no se muestra.")
}

function hazOtraCosa() {
  //esta funcion es un ejemplo para
  //demostrar que el enlace se ejecuta siempre
  alert("¡Bien!\nPulsa otra vez y verás que este\nmensaje vuelve a mostrarse.")
}


</script>

Es necesario añadir el siguiente código a la página HTML, entre <body> y </body>:


<p>El siguiente ejemplo muestra cómo codificar un enlace 
para hacer que se deshabilite cuando se pulsa la primera vez.
De esta forma, la función que invoca sólo puede ejecutarse
una vez.</p> 
<p>
<a href="javascript:hazAlgo();" onclick="this.onclick = function(){return false;}">Enlace que se deshabilita</a>
</p>

<p>El siguiente enlace es un enlace normal. Cada vez que se
pulsa ejecuta la función de demostración que muestra
el <em>alert</em>.</p>
<p>
<a href="javascript:hazOtraCosa();">Enlace normal</a>
</p>