Salve a tutti ho trovato e modificato questo script per realizzare una mappa interattiva, l'immagine è 1200 x 900, passando col mouse sopra il nome della città compare la finestra descrittiva il problema è che a bordo immagine la finestra scompare.
<STYLE TYPE="text/css">
.frame{POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
</STYLE>
<body>
<div class="frame" id="frame"></div>
<script language="JavaScript" src="../script/window.js"></script>
<area alt="" shape="CIRCLE" coords="616,106,37" href="../html/void.htm" onmouseover="popup('Nome città','Regione','Descrizione')" onmouseout="kill()">
questo è lo script usato:
Codice PHP:
Xoffset=32; //altezza
Yoffset=-10; //larghezza
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
if(!old)
{
var skn=(nav)?document.frame:frame.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(title,msg,msg2)
{
var content="<table width='250' border='2' cellspacing='0' cellpadding='0' bordercolorlight='#FFFFFF' bordercolordark='#A0A0A0' bgcolor='#000000'><tr><td width='250' align='left'><font face='Monotype Corsiva' color='#0080FF' size='6'>[b]"+title+"[/b]</font>
<font face='Verdana' color='#FFFFFF' size='3'>"+msg+"</font>
<font face='Verdana' color='#00FF00' size='3'>"+msg2+"</font>
</td></tr></table>";
if(old){alert(msg);return;}
else{
yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("frame").innerHTML=content;skn.visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}}
ho provato a fare questo cambiamento ma avviene sempre lo stesso problema
Codice PHP:
var x=(nav)?e.pageX:event.x+document.documentElement.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.documentElement.scrollTop;skn.top=y+yyy;
Dovrei modificare lo script in maniera che le coordinate Xoffset e Yoffset
vengano assegnate quando si passa il mouse sopra il link esattamente come viene per il testo descrittivo cosi ogni link avrebbe la sua finestra al posto giusto.
ho fatto varie prove alla fine dovrebbe risultare (per esempio) cosi:
onmouseover="popup('Nome città','Regione','Descrizione','X32','Y-10')"
ma non ho cavato un ragno dal buco 
Rispondi quotando
