- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Tooltip con immagini
-
Tooltip con immagini
Salve a tutti!
Avrei bisogno di una mano. Premetto che non ne capisco molto di queste cose, quindi spiegatelo come fossi un bambino di 6 anni...
Ho un'immagine con sopra delle mappe e dovrei fare che cliccando sull'area mappata, mi si apre un semplice tooltip con dentro un'immagine. Ho trovato uno script ma con firefox non funziona. Un altro invece non riesco a farlo funzionare con le map.
Grazie a tutti!Questo è il mio codice:
<map name="Map" id="Map">
<area shape="rect" coords="73,14,109,51" href="#"/>
<area shape="rect" coords="231,21,268,57" href="#" />
</map>
-
Prova così:
[html]
<script>
function mostra_toltip(id)
{
document.getElementById(id).style.display = "block";
}
</script>
<div id="toltip_a" style="display: none;">DIV A</div>
<div id="toltip_b" style="display: none;">DIV B</div>
<map name="Map" id="Map">
<area shape="rect" coords="73,14,109,51" href="#" onclick="mostra_toltip('toltip_a');"/>
<area shape="rect" coords="231,21,268,57" href="#" onclick="mostra_toltip('toltip_b');" />
</map>
[/html]Logicamente dovrai adattarlo alle tue esigenze....