
25/07/2010, 11:19
|
| | Fecha de Ingreso: julio-2010
Mensajes: 1
Antigüedad: 14 años, 7 meses Puntos: 0 | |
Respuesta: Habilitar, deshabilitar Link Hola disculpen soy nuevo en esto de la programacion y quisiera saber como podria habilitar unos links despues de dar clic a un boton.
Encontre uno en la web que es habilitar y deshabilitar link pero dando clic a un link que en esta caso aparece como Enable Link 1. Aca les dejo los codigos que encontre
<HTML>
<HEAD>
<TITLE>Link Enable/Disable</TITLE>
<script type="text/javascript">
<!--
// DISABLE - ENABLE LINKS EXAMPLE SCRIPT
function init(){
currentLink=document.getElementsByTagName("A")
num=0
while(currentLink[num]){
if(currentLink[num].className=="disabled"){
currentLink[num].enabledState=false // note to self: enabledState is my own custom variable ... DOH!
currentLink[num].onclick = function(){return false} // cancel default action
}
num++
}
}
function togglelink(obj,n){
currentLink=document.getElementById("lnk"+n)
if(currentLink.enabledState){
currentLink.enabledState = false
currentLink.onclick=function(){return false} // cancel default action of the link
currentLink.className="disabled"
obj.innerHTML="Enable Link "+n
}
else{
currentLink.enabledState=true
currentLink.onclick=function(){return true}
currentLink.className=""
obj.innerHTML="Disable Link "+n
}
}
// -->
</script>
<style>
.disabled{text-decoration:line-through;color:red}
</style>
</HEAD>
<BODY onload="init()">
<h1><span>Link Enable/Disable</span></h1>
<P><center>
<table border="0px" width="200px"><tr valign="top">
<td align="center">
<a href="#null" onclick="togglelink(this,1)">Enable Link 1</a><br>
<a href="#null" onclick="togglelink(this,2)">Enable Link 2</a><br><br>
</td>
<td align="center">
<a id="lnk1" href="javascript:alert('Link 1 is Active')" onclick="alert('hi')" class="disabled">Link 1</a><br>
<a id="lnk2" href="javascript:alert('Link 2 is Active')" class="disabled">Link 2</a><br>
<a href="javascript:alert('This link is not affected by the script')">Link 3</a>
</td>
</tr></table>
</center>
</BODY>
</HTML> |