Mapeado de zonas

[DaneelR]

Quería saber si se puede mapear una zona sin que sea una imagen dentro de una página mediante CSS o capas.

Muchas gracias y un saludo.

[t0m|ta]

Mi no entender.

¿A qué te refieres?

[DaneelR]

Me refiero que al igual que se puede hacer un mapeo de una imagen para que hayan distintas zonas y cada una un enlace, quería saber si se podía mapear zonas de una página sin que sean imagenes, p.ej. para hacer que todo el área de una celda sea un enlace sin tener que cargar imagenes.

Un saludo.

[Linterns]

Hasta donde se solo se puede hacer eso a celdas completas de una tabla o a filas pero no a una parte de la celda.

[DaneelR]

¿Se puede hacer que una celda entera sea un enlace?

[tunait]

Hola DaneelR,

claro que se puede, mediante javascript.

A tu celda le añades esto:

<td onClick="window.location.heref='pagina.html'">

Si quieres que el enlace se cargue en algún marco en concreto le pides...

<td onClick="parent.nombreFrame.location.heref='pagina .html'">

Suerte

[DaneelR]

Gracias, no sabía que el evento onClick también se aplicaba a celdas. Y para ya rizar el rizo, sin ánimo de ser pesao, ¿se podrá cambiar el cursor cuando pase por encima de la celda en cuestión?

[tunait]

:) Yep, agrega...

<td onClick="parent.nombreFrame.location.heref='pagina .html'" style="cursor:hand">

Lo que pasa que para el Netscafé en vez de "hand" hay que pedirle "pointer"

[DaneelR]

Muchas gracias, media hora poniendo pointer y nada, menos mal que hay máquinas que saben .

Un saludo.

[caricatos]

Hola DaneelR:

1º. El onclick funciona en casi todas las etiquetas que se pueden poner en el body: a mí me gusta poner asteriscos de colores con el tag b (negrita... <b name=enlace style=font-size:30 id=enlace style=color:yellow onclick='window.open("generador/generador.html", "", "")' >*</b> (copy & paste de un trozo de mi página)

2º. De esta manera se evitan los colores y subrayados tan polémicos de los enlaces del tag a (hover, visit...), pero lo malo es que tienes que poner la manito del cursor de forma manual. Mi truco para eso es el siguiente:
A todos los enlaces le pongo el mismo id (y culpa del explorer también pongo el mismo name), y al arrancar la página (body onload) uso una función de inicialización para poner todas las manitas en la página.
Una diferencia entre explorer y nestcape es que la manita de uno es hand y del otro es pointer, entonces pongo esto:
var mano = (document.all) ? "hand" : "pointer";
que significa que la variable mano tenga distinto nombre según el browser.
Luego creo la colección de los enlaces con:
var enlaces=document.getElementsByName("enlace");
y a continuación asigno a cada elemento la manito con un bucle:
for (var _i = 0; _i < enlaces.length; _i ++)
enlaces[_i].style.cursor = mano;
Si te fijas, usando getElementsByName se consigue un array de los tag que tienen el atributo name="enlace", esto lo comento porque el explorer también tiene un fallo importante en su programación ya que esa misma colección se consigue con el explorer a partir del atributo "id" (en vez de "name" que yo creo que sería lo correcto)

Saludos