kostenloser Webspace werbefrei: lima-city


JavaScript: Fadenkreuz auch für Mozilla Firefox 1.0.4

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    f***k

    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.

    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. 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?

Über lima-city

Login zum Webhosting ohne Werbung!