sábado, 18 de octubre de 2008

Simulando enlaces con javascript

En algunas ocasiones necesitamos poner un enlace en un elemento del DOM de una web que no acepta la propiedad href.

Normalmente ocurre cuando se quiere añadir un hipervínculo que no estaba previsto al realizar la maquetación.

Para esos casos se puede simular el comportamiento de un enlace mediante javascript.

Supongamos que el div con id 'texto' es el que queremos que tenga un enlace a otra página, con el evento onclick y cambiando el document.location podemos irnos a la página que queremos al pinchar en el elemento.

El problema es que al pasar por encima el ratón nada nos indica que es un enlace, con el evento onmouseover y cambiando la propiedad css cursor podemos hacer que parezca un enlace.

Un ejemplo de como quedaría.

<html><body>

<div id="texto" onclick="document.location='http://google.com'" onmouseover="this.style.cursor='pointer'">lorem ipsum</div>

</body></html>

0 comentarios: