Habilitar, deshabilitar Link

rock_blues.NET · #1 (**permalink**) 07/09/2006, 14:10

haber tengo el siguiente problemilla

necesito habilitar o visualizar unos link dependiendo del cuantos click haga en un boton agregar
le pregunta es:

hay alguna forma de habilitar o deshabilitar los link?
o simplemente hacerlos visibles o invisibles?

el el momento q se me antoje

grax

JavierB · #2 (**permalink**) 07/09/2006, 14:31

Hola rock_blues.NET

Creo que lo mejor es la segunda opción, hacerlos invisibles:

<a href="algo.html" id="pepe" style="visibility:hidden">Enlace</a>

Para hacerlo visible:

document.getElementById('pepe').style.visibility = 'visible';

para ocultarlo:

document.getElementById('pepe').style.visibility = 'hidden';

Saludos,

rock_blues.NET · #3 (**permalink**) 07/09/2006, 14:40

si, funciona grax..

otra pregunta.. hay una forma de simular un enlace.. osea
q aparesca la manito como un link, pero sin tener q decirle una pagina a la cual vaya

Luis_1729 · #4 (**permalink**) 25/07/2010, 11:19

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">

</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>

Adermall · #5 (**permalink**) 26/07/2010, 02:37

Cita:

Iniciado por rock_blues.NET

si, funciona grax..

otra pregunta.. hay una forma de simular un enlace.. osea
q aparesca la manito como un link, pero sin tener q decirle una pagina a la cual vaya

Puedes poner en el href un "#nogo" por ejemplo, o también con CSS, con la propiedad cursor:pointer

Adermall · #6 (**permalink**) 26/07/2010, 02:54

Cita:

Iniciado por Luis_1729

Hola disculpen soy nuevo en esto de la programacion y quisiera saber como podria habilitar unos links despues de dar clic a un boton.

Te explico lo que yo haría:

Primero declararía los links de la siguiente manera:

Código HTML:

<a class="disabled" href="#nogo" title="contacto.html">Esto es un link hacia mi pagina de contacto</a>

Y así sucesivamente, luego, utilizando el framework para javascript de JQUERY, hago lo siguiente:

Código:

$("#id_boton_clickeado").click(function(){
   var link = $("a.disabled");
   var url = link.attr("title");
   link.attr("href", url);
});

Lo que hace este codigo es que cuando le des click al boton con el ID "id_boton_clickeado", va a tomar todos los links que tengan la clase "disabled", va a tomar su atributo "title" que en realidad tiene la URL de la página a la que queremos llegar, y lo va a insertar dentro del href del link. Así, con este código, antes de que se le de click al boton, si le picas a un link, no te va a llevar a ningún lado, pero cuando le des click al boton, y luego le des click al link, ahora si va a jalar.