By admin, 1 year and 10 months ago
Instant popup on mouseover
<STYLE TYPE="text/css"><!--#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}//--></STYLE><DIV></DIV>
<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.dekelse if (ns6)skn=document.getElementById("dek").styleelse if (ie4)skn=document.all.dek.styleif(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";
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»;>click here</a>
No comments
Be the first to write a comment on this post.
Write a comment
If you want to add your comment on this post, simply fill out the next form:
You have to be logged-in to write a comment: (Log-in).
No trackbacks
To notify a mention on this post in your blog, enable automated notification (Options > Discussion in WordPress) or specify this trackback url: http://www.tai.ro/2008/04/16/instant-popup-on-mouseover/trackback/