hacer click en un <a>enlace</a> con una funcion?

chefnelone · #1 (**permalink**) 25/01/2008, 05:13

Hola

se puede dar un id a un <a>enlace</a> y activarlo con js

por ejemplo:

<a href="mipagina" id="miEnlace">enlace</a>

luego con js
Algo como:
function ejecutaEnlace(){
document.getElementById("miEnlace").accion=hacercl ick;
}

y que al ejecutar script vaya a mipagina.php.

graciass

ZiTAL · #2 (**permalink**) 25/01/2008, 06:56

Código HTML:

<html>
<head>
<script type="text/javascript">
 function abc(esto)
  {
   // lo que tu quieras
   alert('vamos a google');
   location.href=esto.href;
   return false;
  }
</script>
</head>
<body>
</body>
<a href="http://www.google.es" onclick="return abc(this)">enlace</a>
</html>

chefnelone · #3 (**permalink**) 25/01/2008, 07:16

gracias zital ,

creo que no me he explicado bien:

tu funcion se ejecuta cuando hago click en el en enlace. Y yo necesito que con una funcion se active un enlace. (SIN hacer click en el enlace)

yo tengo este enlace en mi pagina:

<a href="images/Picture_173.jpg" rel="lightbox[]" title="miTitulo">enlcace</a>

Necesito que al ejecutar una funcion pase lo mismo que si yo hiciera click en el enlace (PERO NO QUIERO HACER CLICK EN EL ENLACE)

Es importante que mantenga los atributos rel y title. O sea ,lo mismo que si hiciera click

graciass

ZiTAL · #4 (**permalink**) 25/01/2008, 07:57

Prueba con:

Código:

document.getElementById("miEnlace").click();

chefnelone · #5 (**permalink**) 25/01/2008, 08:11

lo logré con:

<a href="foto.jpg" rel="lightbox[]" id="mienlace">enlace</a>
open(document.getElementById("mienlace"));

PERO no toma el parametro rel="lightbox[]"

Necesito hacer esto porque estos enlaces en realidad SOLO ACTIVA UNA FUNCION que abre un lightbox (es cuando aparece una capa negra semitrasnparente que cubre toda la pagina y en el medio una foto).

Necesito que aparezca unas de esas imagenes cuando la pagina se carga y por eso necesito que el enlace <a> se haga mediante una funcion.
Es que no hay otra forma de activar el lightbox que no sea a traves de <a>

alguna idea

Panino5001 · #6 (**permalink**) 25/01/2008, 13:57

Podrías probar con:

Código PHP:

  <script>
addLoadEvent(function(){
showLightbox(document.getElementById('id_del_enlace_que querés mostrar'));
});
</script>

Supongo que debe funcionar. Fijate que si cargás esta página: http://www.huddletogether.com/projects/lightbox/ y luego colocás en la barra de direcciones esto que sigue, al ejecutarlo se activa el lightbox sobre la primera imagen:

Código PHP:

  javascript: showLightbox(document.getElementsByTagName('a')[7]);

Edito: en efecto, lo probé y funciona:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Lightbox JS</title>
<link rel="stylesheet" href="screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox.js"></script>
<script>
addLoadEvent(function(){
showLightbox(document.getElementById('pp'));
});
</script>  
</head>

<body>
<a id="pp" href="image-1.jpg" rel="lightbox">image #1</a>
</body>
</html>