mostrar texto flotante desde imagen mapeada

version · #1 (**permalink**) 11/12/2009, 05:35

hola!
escribo esto aquí en javascript porque intuyo que es donde me podéis ayudar (he buscado antes y no he encontrado nada similar).
tengo una imagen (un mapa del mundo) con un mapeado de zonas en dw, y pretendo que al pinchar o pasar por cada zona (pais) me aparezca un texto flotante específico para cada uno (de varias líneas, más complejo que alt).
con capas show/hidden es un caos. ¿alguien conoce algún otro modo? gracias por adelantado.

carmarri · #2 (**permalink**) 11/12/2009, 06:34

Hola,

Te recomiendo que uses una biblioteca de funciones gratuita para generar tool-tips (textos flotantes). Puedes sacarla de aquí:

http://www.dynamicdrive.com/dynamicindex5/

Te sugiero que uses uno cross-browser (compatible con todos los navegadores) y que pese lo menor posible.

Luego puedes llamarlo usando los eventos onmouseover/onmouseout del tag <area>

hagoromo · #3 (**permalink**) 11/12/2009, 08:39

Has probado con el atributo 'title' ?
En IE puedes hacer varias líneas con '\n',
pero por desgracia en Firefox no hace el salto.

version · #4 (**permalink**) 14/12/2009, 09:51

gracias, he conseguido aplicar un tooltip de esa página, aunque el tooltip no aparece junto a cada una de las zonas mapeadas de la imagen, sino siempre en un mismo sitio, pero creo que me servirá.