<body>
<div>
<input id ="myInp" type="text" value="Darkthread" />
</div>
<hr />
<div id="myDiv">
This is test line 1.<br />
This is test line 2.<br />
<button>Click Me!</button>
<table><tr>
<td>Example Link:</td>
<td><a href="http://www.google.com" id="myLink">Google</a></td>
</tr></table>
</div>
<script type="text/javascript">
//JS Utility: Put operation mask on HTML element
//Ver 1.0 @ 2007-09-22
//by Jeffrey Lee, http://www.darkthread.net
function afa_PutMask(targetId) { var tgt = document.getElementById(targetId);
var mskId= targetId + "$$Mask";
var testMsk = document.getElementById(mskId);
if (testMsk) testMsk.parentElement.removeChild(testMsk);
mask = document.createElement("DIV"); mask.id = mskId;
var maskStyle = mask.style;
var tgtStyle = tgt.style;
maskStyle.display="block";
maskStyle.position="absolute";
maskStyle.zIndex="100";
maskStyle.filter="alpha(opacity=40)";
maskStyle.MozOpacity="0.4";
maskStyle.opacity="0.4";
maskStyle.backgroundColor="#333333";
var pos = afa_FindPos(tgt);
maskStyle.top=pos[1]+"px";
maskStyle.left=pos[0]+"px";
maskStyle.width=tgt.offsetWidth+"px";
maskStyle.height=tgt.offsetHeight+"px";
document.body.appendChild(mask);
}
function afa_RemoveMask(targetId) { var tgtMask = document.getElementById(targetId + "$$Mask");
if (tgtMask) document.body.removeChild(tgtMask);
}
function afa_FindPos(obj) { var curleft = curtop = 0;
if (obj.offsetParent) { curleft = obj.offsetLeft;
curtop = obj.offsetTop;
while (obj = obj.offsetParent) { curleft += obj.offsetLeft;
curtop += obj.offsetTop;
}
}
return [curleft,curtop];
}
</script>
<script type="text/javascript">
afa_PutMask("myInp");afa_PutMask("myDiv");afa_PutMask("myLink");window.setTimeout("afa_RemoveMask('myDiv');", 3000);</script>
</body>