kostenloser Webspace werbefrei: lima-city

JavaScript: Fadenkreuz auch für Mozilla Firefox 1.0.4

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   f***k

   12:42, 27.6.2005

   Hallo, ich habe ein Script f?r ein Fadenkreuz gefunden, das im IE funktioniert!, kann mir das jemand umschreiben, damit es auch im Firefox funktioniert?? Danke
   
   Ps: Ich bin keune Leuchte f?r JavaScript!
   
   
   Hier das Script:
   
   if (document.all&&!window.print){
   leftright.style.width=document.body.clientWidth-2
   topdown.style.height=document.body.clientHeight-2
   }
   else if (document.layers){
   document.leftright.clip.width=window.innerWidth
   document.leftright.clip.height=1
   document.topdown.clip.width=1
   document.topdown.clip.height=window.innerHeight
   }
   
   
   function followmouse1(){
   //move cross engine for IE 4+
   leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
   topdown.style.pixelTop=document.body.scrollTop
   if (event.clientX<document.body.clientWidth-2)
   topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
   else
   topdown.style.pixelLeft=document.body.clientWidth-2
   }
   
   function followmouse2(e){
   //move cross engine for NS 4+
   document.leftright.top=e.y+1
   document.topdown.top=pageYOffset
   document.topdown.left=e.x+1
   }
   
   if (document.all)
   document.onmousemove=followmouse1
   else if (document.layers){
   window.captureEvents(Event.MOUSEMOVE)
   window.onmousemove=followmouse2
   }
   
   function regenerate(){
   window.location.reload()
   }
   function regenerate2(){
   setTimeout("window.onresize=regenerate",400)
   }
   if ((document.all&&!window.print)||document.layers)
   //if the user is using IE 4 or NS 4, both NOT IE 5+
   window.onload=regenerate2
   
   und in den Head bereich:
   
   <style>
   <!--
   #leftright, #topdown{
   position:absolute;
   left:0;
   top:0;
   width:2px;
   height:2px;
   layer-background-color:black;
   background-color:red;
   z-index:100;
   font-size:1px;
   }
   -->
   </style>
   
   
   und in den body-bereich:
   
   
   <script language="javascript" type="text/javascript" src="Fadenkreuz.js">
   </script>
   <div id="leftright" style="width:expression(document.body.clientWidth-2)">
   </div>
   <div id="topdown" style="height:expression(document.body.clientHeight-2)">
   </div>
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. the-chaosplanet

   the-chaosplanet hat kostenlosen Webspace.

   15:58, 27.6.2005

   das script sieht so aus, als w?rde sich der mauszeiger beim ?berfahren von irgendwas in ein fadenkreuz ?nder?!
   
   falls dem so ist, kannst es auch so machen:
   
   <td style="cursor:crosshair;">blubb</td>

4. zonk

   zonk hat kostenlosen Webspace.

   16:01, 27.6.2005

   muss das javascript sein? das kannste au mit stylesheet machen =)
   
   body{
   cursor: crosshair;
   }

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?