/* $Id: crosshairs (snipped) v 1.18 20:07 12/07/2015 robcor Exp $ */ /* $Description: HTML javascript crosshairs $ */ /* $Language: js >= 1.5 $ */ /* $First-version: 08:56 18/08/2002 $ */ /* $Confirmed-last-revision: Roberto CORRADO $ */ /** * SCRIPT SVILUPPATO PER CONTO DI: TOOLS.CORRADOROBERTO.IT * ROBERTO CORRADO AT WWW.CORRADOROBERTO.IT * IL PRESENTE SOFTWARE E' COPERTO DAL PRINCIPIO DI * PROPRIETA' INTELLETTUALE, PER TANTO E' CONSENTITO * L'UTILIZZO PER I SOLI AMBITI CONCORDATI. **/ <html> <head> <meta charset="UTF-8"> <style type="text/css"> body{ overflow:hidden } #horizontal, #vertical{ position:absolute; left:0; top:0; width:1px; height:1px; background-color:green; text-indent:100%; font-size:0; } </style> <title>html cross by tools.corradoroberto.it</title> </head> <body> <div id="vertical" style="height:expression(document.body.clientHeight -2)"></div> <div id="horizontal" style="width:expression(document.body.clientWidth -2)"></div> <div id="testo" style="position:absolute;left:5%;top:5%;background-color:green;color:white;text-align:center;width:50px;height:22px">ciao</div> <script type="text/javascript"> <!-- /*<![CDATA[*/ var vert=document.getElementById('vertical'); var hori=document.getElementById('horizontal'); function yxz(e){ var evt=e?e:window.event; vert.style.left=document.documentElement.scrollLeft+evt.clientX+1; hori.style.top=document.documentElement.scrollTop+evt.clientY+1 } if(vert!='undefined'&&hori!='undefined'){ vert.style.height=document.body.clientHeight-2; hori.style.width=document.body.clientWidth-2; document.onmousemove=yxz } window.onresize=function(){ location.reload() } /*]]>*/ --> </script> </body> </html>
Show this record as plain/text
nopaste service by: Roberto Corrado