bewegung mit netscape 6 HILFE!

  • Hallo bitte helft mir bei folgendem script,
    die würfel sollten sich bewegen - funktioniert aber nicht! DANKE


    <!doctype html public "-//W3C//DTD HTML 4.0 //EN">
    <html>
    <head>
    <title</title>
    <style type="text/css">
    <!--
    .pklass1 {position:absolute;top:0.05cm;left:-4.5cm;}
    .rklass2 {position:absolute;top:0.05cm;left:-4.5cm;}
    .iklass3 {position:absolute;top:0.05cm;left:-4.5cm;}
    -->
    </style>
    <script language="JavaScript">
    <!--zaehler = 0;
    function start()
    {
    zaehler++;
    document.getElementbyId.("schrift1") = zaehler*1;
    document.getElementbyId.("schrift2") = zaehler*2.05;
    document.getElementbyId.("schrift3") = zaehler*3.1;
    if (zaehler <= 90)
    {
    window.setTimeout("start()",10);
    }
    }
    check = true;
    if (check == true){
    image1 = new Image();
    image1.src = "../grafiken/plogo.jpg";
    image1on = new Image();
    image1on.src = "../grafiken/pleucht.jpg";
    image1stay = new Image();
    image1stay.src = "../grafiken/prelief.jpg";


    image2 = new Image();
    image2.src = "../grafiken/rlogo.jpg";
    image2on = new Image();
    image2on.src = "../grafiken/rleucht.jpg";
    image2stay = new Image();
    image2stay.src = "../grafiken/rrelief.jpg";


    image3 = new Image();
    image3.src = "../grafiken/ilogo.jpg";
    image3on = new Image();
    image3on.src = "../grafiken/ileucht.jpg";
    image3stay = new Image();
    image3stay.src = "../grafiken/irelief.jpg";
    }


    imageStay = ""


    function imageon(name){
    if (imageStay != name){
    document[name].src = eval(name + "on.src");
    }
    }
    function imageoff(name){
    if (imageStay != name){
    document[name].src = eval(name + ".src");
    }
    }
    function on(name){
    if (check == true){
    imageon(name);
    }
    }
    function off(name){
    if (check == true){
    imageoff(name);
    }
    }
    function stay(name){
    if (check == true){
    document[name].src = eval(name + "stay.src");
    if (imageStay != name){
    if (imageStay != ""){
    document[imageStay].src = eval(imageStay + ".src");
    }
    }
    imageStay = name
    }
    }
    //-->
    </SCRIPT>
    </head>
    <body onLoad="start()" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" text="#000000" bgcolor="#FFFFFF" link="#303030"
    alink="#008030" vlink="#0000E0">
    <div class="pklass1" name="schrift1" >
    <A HREF="ptext.html" ONMOUSEOVER="on('image1');window.status='Print Connect' ; return true;"
    ONMOUSEOUT="off('image1');window.status=''; return true;"
    ONCLICK="stay('image1');"><IMG NAME="image1" SRC="../grafiken/plogo.jpg" ALT=" Print Connect Startseite" BORDER="0" width="69" height="70"></A>
    </div>


    <div class="rklass2" name="schrift2">
    <A HREF="rtext.html" ONMOUSEOVER="on('image2');window.status=' Print Connect - zu den Referenzen'; return true;"
    ONMOUSEOUT="off('image2');window.status=''; return true;"
    ONCLICK="stay('image2');"><IMG NAME="image2" SRC="../grafiken/rlogo.jpg" ALT="zu den Referenzen" BORDER="0" width="69" height="70"></A>
    </div>


    <div class="iklass3" name="schrift3">
    <A HREF="itext.html" ONMOUSEOVER="on('image3');window.status='Print Conenct - Interesse'; return true;"
    ONMOUSEOUT="off('image3');window.status=''; return true;"
    ONCLICK="stay('image3');"><IMG NAME="image3" SRC="../grafiken/ilogo.jpg"
    ALT="Interesse" BORDER="0" width="69" height="70"></A>
    </div>
    </body>
    </html>


    [Edited by claudia on 19.05.01 at 22:10 GMT]

  • Hi !!


    Also ohne Bilder kann man das echt schlecht testen. Aber ich denke mal Du willst das sich die Elemente "schrift1", "schrift2" und "schrift3" bewegen sollen...???


    Also wie gesagt, ohne das man sich das direkt anschauen kann ist das echt schon schwer. Aber ich denke mal einen Fehler hab ich auf anhieb gesehen.


    document.getElementbyId.("schrift1") = zaehler*1;
    document.getElementbyId.("schrift2") = zaehler*2.05;
    document.getElementbyId.("schrift3") = zaehler*3.1;


    Was sollen diese Zeilen bewirken?? Sie weisen den Elementen jeweils einen Wert zu...was aber (glaube ich) garnicht geht. Ich denk mal mit dieser Funktion willst Du sie "wackeln" lassen oder???


    Auf alle Fälle ist der Punkt zwischen getElementbyID und ("schrift1") zuviel... Naja und dann mußt Du dem Objekt (hier schrift1) ja auch sagen was Du verändern willst:


    document.getElementbyId("schrift1").top = ???;


    oder


    document.getElementbyId("schrift1").left = ???;


    Wie du den Kram dann berechnest, mußt Du dir mal gedanken machen. Aber soviel von mir mal eben auf die Schnelle.


    Tschöö Jan

  • document.getElementById("schrift1").style.left = zaehler*1+'px';
    document.getElementById("schrift2").style.left = zaehler*2.05+'px';
    document.getElementById("schrift3").style.left = zaehler*3.1+'px';
    document.getElementById("schrift4").style.left = zaehler*4.15+'px';
    document.getElementById("schrift5").style.left = zaehler*5.2+'px';
    document.getElementById("schrift6").style.left = zaehler *1.2 - 338+'px';
    document.getElementById("leiste").style.left = zaehler *1.6 - 450+'px';



    ...so funzt es im IE5 und NN6...solltest aber trozdem noch an den NN4.7 denken, oder??


    Gruß Jan