Tecnología

Inicio

Cómo hacer que una celda de tabla con enlace

Cómo hacer que una celda de tabla con enlace


Un hipervínculo se puede aplicar a la mayoría de los elementos HTML con una etiqueta de anclaje simple. Sin embargo, hay algunas circunstancias en las que se requiere código adicional con el fin de hacer un elemento de página o área en un hipervínculo. Si desea hacer una tabla entera célula de un enlace en lugar de vincular los contenidos con una etiqueta de anclaje tendrá que utilizar una función de Javascript. Javascript es un código abierto, del lado del cliente lenguaje libre de scripting que es fácil de usar, versátil y con el apoyo de todos los principales navegadores.

Instrucciones

1 Escribir una función Javascript que disparará el código de enlace. Reemplazar esta dirección URL de ejemplo con la página web que desea enlazar con su celda de la tabla:

<Script type = "text / javascript">
LinkTo función () {

window.location.href=&quot;http://www.example.com&quot;;

}
</ Script>

2 Coloque este script después de la etiqueta </ ​​head> y antes de la etiqueta <body> en el código HTML de la página web que contiene la celda de tabla que desea convertir en un enlace.

3 Asignar el evento de clic de la celda de la tabla a llamar a la función Javascript que acaba de crear. Una celda de la tabla se denota en HTML con la etiqueta <td>.

<Td onclick = "enlace ()"> Este es el contenido de la celda de la tabla </ td>

Cuando un visitante de la web hace clic en la celda de la tabla del evento de clic se disparará la función LinkTo () que redirigirá la ventana del navegador a la URL definido en la función Javascript.

4 Guarde la página web y subirlo a su servidor. Vaya a su página y comprobar su celda de la tabla para asegurarse de que está vinculado correctamente.