Help..Mappa Interattiva

[arianne9]

Ciao a tutti..Ho un piccolo problema che non rieso a risolvere...Vorrei pubblicare sul mio sito web un'immagine di un paesino..Vorrei rendere questa immagine interattiva, cioe' cliccando sopra i monumenti o semplicemente passandoci sopra col mouse, vorrei che apparisse di fianco o sopra il monumento stesso senza aprire un'altra pagina, una piccola descrizione dello stesso in un piccola rettangolino..Non so come fare...Grazie mille.

[maximum]

ASP non c'entra.
Fatti spostare nella sezione scripting da un moderatore.

[EDIT]: chiedo scusa, ho sbagliato.

[DesertStorm]

questo è javascript non html...

TRA I TAG HEAD:
-------------------------------------------------------------------
<script language="JavaScript" type="text/javascript">
Xoffset=50; // modifica questi valori per ...
Yoffset= 20; // cambiare la posizione della finestrella.

var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers )?nav=trueld=true;}

if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}

function popup(msg,bak){
var content="<TABLE WIDTH=300 BORDER=1 bgcolor=#535353 bordercolor=#B3B3B3 CELLPADDING=2 CELLSPACING=1 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT face=tahoma COLOR=#B3B3B3 SIZE=2>"+msg+"</FONT></TD></TABLE>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.c lose();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn. visibility="visible"}
}
}

function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;s kn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;sk n.top=y+yyy;
}


function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}

// End -->
</SCRIPT>

DENTRO IL BODY:
-------------------------------------------------------------------



[img]MAPPA.jpg[/img]

<MAP name=FPMap0>
<AREA onmouseover="popup('TESTO TESTO TESTO','#fffff0')" onmouseout=kill() shape="polygon" coords="98, 15, 90, 10, 85, 15, 89, 20, 84, 27, 81, 27, 75, 31, 68, 31, 65, 38, 78, 48, 94, 51, 91, 37, 101, 30, 92, 21" href="#">
</MAP>

[arianne9]

Grazie mille per l'aiuto...Ciao ciao