Ocultar Link con jQuery

Escrito por
WillxD
el 30 de March del 2009 en
JavaScript
ActiveDen - Encuentra los mejores archivos Flash, Flex desde $1

Con jQuery podemos ocultar un vínculo dentro de otro vínculo con tan solo algunos pasos.

En realidad lo que hace es que si hacemos 1 click nos envía al primer link, pero si damos doble click sobre el enlace, este nos muestra el enlace oculto.

Veamos, primero creamos un enlace normal:

<a href="http://google.com">Búscalo en Google</a>

Ahora le asignamos un ID para nuestro código jQuery.

<a id="linkoculto" href="http://google.com">Búscalo en Google</a>

Ahora usaremos jQuery, lo que hace el siguiente código es que se retrase medio segundo en rederigir al enlace, para tener tiempo suficiente para dar doble click:

$("a#linkoculto").click(function(){
  var timeout = setTimeout(function() {
    location.href=$("a#linkoculto").attr("href");
  }, 500);
  return false;
});

Ahora lo que haremos será definir el link oculto, al cual redireccionará siempre y cuando demos doble click.

$("a#linkoculto").dblclick(function(){
  location.href="http://youtube.com";
});
HostGator - El Mejor Hosting Ilimitado a mejor precio.
Anunciate aqui

4 Respuestas en “Ocultar Link con jQuery”

  1. lumbreras says:
    5 April 2009 at 12:38

    Ya ves que muchas veces uno pone fotografías, por ejemplo de ese tipo de imágenes como wallpapers o papel tapiz, si en lugar de que te abra en una pestaña nueva o en la misma ventana la imagen en su tamaño real, ésta te de la opción de guardarla, con algo como ésto se puede hacer? :D tengo esa duda, porque si es molesto que te abra la imagen en lugar de darte la opción de bajar, como lo hace con los archivos winrar.

    Reply
  2. WillxD says:
    5 April 2009 at 14:45

    Buscando un poco encontré la solución :D

    He aquí la solución xD!

    Espero te sirva :) y gracias por la visita :P

    Reply
  3. max says:
    19 December 2010 at 23:14

    ami me envia al mismo google al acerle doble clik por que! :( . me falto algo? importa un js?

    Reply

Deja tu Comentario