Usa questo...
// prima la costruzione della pagina
codice:
<html>
<head>
<title></title>
<script language="javascript" src="tool.js"></script>
</head>
<body>
<div id="cmnt" style="position:absolute; visibility:hide; visibility:hidden; width:150px; z-index:5">Qui andrà a finire il toolTip</div>
<div align="center">
www.brunelleskosi.too.it
www.pompeanapoli.too.it
</div>
</body>
</html>
// poi costruiamo il file JS
codice:
<!--
var voci=null, x=null, y=null; // id:cmnt
voci=new Array();
voci[0]=["PompeaNapoli","Il sito dedicato alla PompeaNapoli, realizzato da <font color=\"red\">A.J.16</font>"];
voci[1]=["Brunelleskosi","Il punto di riferimeto di molti ragazzi del liceo...., realizzato da D4ng3r, Titus, Skunk, Link, EagleOne, Ugly"];
voci[2]=["Tutti contro IE","Tutti contro Internet Explorer: è un browser pericoloso e complesso"];
voci[3]=["Google","Google batte Virgilio:è il motore di ricerca più usato nel mondo"];
voci[4]=["\"Carissima\" scuola","I costi della scuola..."];
function EventXY(event) {
if(document.layers) {
x=event.pageX;
y=event.pageY;
}
else if(document.all) {
event=window.event;
x=event.clientX;
y=event.clientY;
}
else if((document.getElementById)&&(!document.all)) {
x=event.clientX;
y=event.clientY;
}
else {
x=event.clientX;
y=event.clientY;
};
};
if(document.layers) {
document.captureEvents(Event.MOUSEMOVE);
};
document.onmousemove=EventXY;
function getElementByBrowser(table) {
if(document.layers) {
return document.layers["cmnt"].document.write(table);
}
else if(document.all) {
return document.all["cmnt"].innerHTML=table;
}
else if((document.getElementById)&&(!document.all)) {
return document.getElementById("cmnt").innerHTML=table;
}
else {
return document.getElementById("cmnt").innerHTML=table;
};
};
function muovi() {
var dis=8, disS=40;
if(document.layers) {
document.layers["cmnt"].top=y+dis;
document.layers["cmnt"].left=x-disS;
document.layers["cmnt"].visibility="show";
}
else if(document.all) {
document.all["cmnt"].style.top=y+dis;
document.all["cmnt"].style.left=x-disS;
document.all["cmnt"].style.visibility="visible";
}
else if((document.getElementById)&&(!document.all)) {
document.getElementById("cmnt").style.top=y+dis;
document.getElementById("cmnt").style.left=x-disS;
document.getElementById("cmnt").style.visibility="visible";
}
else {
document.getElementById("cmnt").style.top=y+dis;
document.getElementById("cmnt").style.left=x-disS;
document.getElementById("cmnt").style.visibility="visible";
};
};
function apri(num) {
var table="";
table="<table cellpadding=\"0\" cellspacing=\"0\" border=\"1\" width=\"250\">";
table+=("<tr><td bgcolor=\"lime\" align=\"center\"><font color=\"black\" size=\"+2\" face=\"arial\">"+voci[num][0]+"</font></td></tr>");
table+=("<tr><td bgcolor=\"white\" align=\"center\"><font face=\"arial\">"+voci[num][1]+"</font></td></tr></table>");
getElementByBrowser(table);
if(document.layers) document.layers["cmnt"].document.close();
timer=window.setInterval("muovi();",2);
};
function chiudi() {
window.clearInterval(timer);
if(document.layers) {
document.layers["cmnt"].top=0;
document.layers["cmnt"].left=0;
document.layers["cmnt"].visibility="hide";
}
else if(document.all) {
document.all["cmnt"].style.top=0;
document.all["cmnt"].style.left=0;
document.all["cmnt"].style.visibility="hidden";
}
else if((document.getElementById)&&(!document.all)) {
document.getElementById("cmnt").style.top=0;
document.getElementById("cmnt").style.left=0;
document.getElementById("cmnt").style.visibility="hidden";
}
else {
document.getElementById("cmnt").style.top=0;
document.getElementById("cmnt").style.left=0;
document.getElementById("cmnt").style.visibility="hidden";
};
};
//-->
Permessi di invio
Rispondi quotando