Instant popup on mouseover
Posted: April 16th, 2008 | Author: admin | Filed under: Developers |<!–
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//–>
</style>
<script type="text/javascript">
<!–
Xoffset=0; // modify these values to …Yoffset= 20; // change the popup position.
var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layersvar ns6=document.getElementById&&!document.allvar ie4=document.all
if (ns4)skn=document.dek
else if (ns6)skn=document.getElementById("dek").style
else if (ie4)skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{skn.visibility="visible"skn.display="none"}
document.onmousemove=get_mouse;
function popup(msg,bak){
var content="
<table>
<tr>
<td";</td>
content += " bgcolor=\'"+bak+"\'";
content += ">"+msg+"</td>
</tr>
</table>
";
yyy=Yoffset;
if(ns4){
skn.document.write(content);
skn.document.close();
skn.visibility="visible"
}
if(ns6){
document.getElementById("dek").innerHTML=content;
skn.display=\'\'
}
if(ie4){
document.all("dek").innerHTML=content;
skn.display=\'\'
}
}
function get_mouse(e){
if(ns4||ns6){
skn.left=e.pageX+Xoffset+\'px\';
skn.top=e.pageY+yyy + \'px\';
}else{
if (document.documentElement){ // IE6 +4.01
skn.left=event.x+document.documentElement.scrollLeft+Xoffset+\'px\';
skn.top=event.y+document.documentElement.scrollTop+yyy + \'px\';
}else if (document.body){ // IE5 or DTD 3.2
skn.left=event.x+document.body.scrollLeft+Xoffset+\'px\';
skn.top=event.y+document.body.scrollTop+yyy + \'px\';
}
}
}
function kill(){
yyy=-1000;
if(ns4){
skn.visibility="hidden";
}else if (ns6||ie4)skn.display="none"
}
//–></script>
Usage: <a href="mylinkhere.php" onmouseover="popup('this is a help message', '#00FFFF')" onmouseout="kill()" >click here</a>









Leave a Reply