Javascript es una de las mejores tecnologías que podemos integrar a nuestra web, ya que nos permite hacer muchas funcionalidades y cambios de manera fácil.
Aqui les traigo una sencilla solución para los que quieren añadirle un enlace ya sea interno o externo a cualquier elemento html, dígase un <div>, <span>, <p>…etc.
Para ello colocamos el div de la siguiente manera.
<div id=”clickeable” onclick=”location.href=’http://www.nuestraweb.com’;” ></div>
Como podemos ver de esta forma no se evidencia que existe un objeto o elemento clickeable en nuestra web por lo tanto debemos añadirle ese comportamiento con css o desde el mismo javascript, el ejemplo siguiente lo haremos por css. La propiedad que añadiremos es ¨cursor: pointer;¨
Siempre es recomendarlo como buenas prácticas de programación hacerlo dentro de la hoja de estilo, osea en un archivo css externo, no dentro de la misma etiqueta html:
<div id=”clickeable” onclick=”location.href=’http://www.nuestraweb.com’;” style=”cursor:pointer;” ></div>
Link en html
Si solo queremos hacer un elemento html como si fuera un enlace solo debemos añadir una propiedad href.
<a href=»http://www.nuestraweb.com» ></a>
Espero les sea de ayuda, no olvides comentarnos cualquier duda o sugerencia. Saludos.