Anzeige

javascript slider problem

javascript slider problem | PSD-Tutorials.de

Erstellt von MicronX, 30.07.2008.

  1. MicronX

    MicronX gfx-chaot

    1
    Dabei seit:
    11.04.2008
    Beiträge:
    167
    Geschlecht:
    männlich
    javascript slider problem
    habe mir einen kleinen slider gebaut.
    allerdings funktioniert er nur bei jedem 2ten klick...
    jemand ne idee woran es liegen kann?

    hier der code:


    <html>

    <head>
    <title>
    JavaScript - Beispiel
    </title>

    <script type="text/javascript">
    <!-- // HTML-Kommentar fuer Browser ohne JavaScript

    var x = 100, y = 100; // globale Variablendeklaration
    var i = 0;

    function domove() /* der Aufruf dieser Funktion setzt die Verschiebung um die
    Koordinaten-Variablen x und y um */

    {



    if (document.all) // wenn Microsoft-Modell
    {
    document.all.ease.style.left=x; // x verschieben
    document.all.ease.style.top=y; // y verschieben
    }
    else if (typeof(document.getElementById)=="function")// wenn Netscape 6.x
    {
    document.getElementById("ease").style.left=x; // x verschieben
    document.getElementById("ease").style.top=y; // y verschieben
    }
    else if (document.ease) // wenn Netscape 4.x
    {
    document.ease.left=x; // x verschieben
    document.ease.top=y; // y verschieben
    } else // wenn keine Unterstuetzung
    {
    alert("Keine Unterstützung vorhanden!");
    }


    }

    function moverel(xm,ym) // der Aufruf dieser Funktion verschiebt die Kiste relativ um xm/ym pixel

    {

    x+=xm; /* neue x-Koordinate */
    y+=ym; /* neue y-Koordinate */
    domove();

    }

    function gor() // diese Funktion sorgt für die animation
    {
    if(i<=50){

    moverel(10,0);
    setTimeout(gor,20);// in 20msec abschnitten movrel ausführen
    i++;
    }
    }

    function movingr()// der Aufruf dieser Funktion verschiebt die Kiste - bt funktion
    {
    gor();
    i=0;
    }

    //--> <!-- HTML-Kommentarende -->
    </script> <!-- Script-Bereich beenden -->

    </head>
    <body onLoad="domove();">


    <div name="ease" id="ease"
    style="position:absolute; left:100; top:100; width:300; height:200">
    <table cellpadding="20"><tr><th style="background:#F0D000">
    <span style="white-space:nowrap;">EASE ME!</span><br>
    </th></tr></table>
    </div>
    <br>
    <br>
    <br>
    <form>
    <input type=button value="rechts" onClick="movingr();"><br>
    <br>
    </form>
    </body>
    </html>
     
    #1      
  2. netbandit

    netbandit Aktives Mitglied

    12
    Dabei seit:
    18.05.2008
    Beiträge:
    1.145
    Geschlecht:
    männlich
    javascript slider problem
    AW: javascript slider problem

    Mit mehreren Browsern getestet: Habe das Problem nicht.

    Benutzt Du zufällig Opera ?
     
    #2      
  3. MicronX

    MicronX gfx-chaot

    1
    Dabei seit:
    11.04.2008
    Beiträge:
    167
    Geschlecht:
    männlich
    javascript slider problem
    AW: javascript slider problem

    habs mit moz 2.0.0.16 getestet und ie 7
    sehr merkwürdig... der erste klick ist ok und dann muss ich immer 2x klicken um das script auszuführen...?
     
    #3      
  4. MicronX

    MicronX gfx-chaot

    1
    Dabei seit:
    11.04.2008
    Beiträge:
    167
    Geschlecht:
    männlich
    javascript slider problem
    AW: javascript slider problem

    habs jetzt auf meiner seite eingebaut (http://creation-it.de/portfolio2.html), allerdings funktionierts jetzt irgendwie nur im IE ordentlich..? jmd ne idee woran das liegen kann? nehme an da muss irgendein fehler sein:
    if (document.all) // wenn Microsoft-Modell
    {
    document.all.ease.style.left=x; // x verschieben
    document.all.ease.style.top=y; // y verschieben
    }
    else if (typeof(document.getElementById)=="function")// wenn Netscape 6.x
    {
    document.getElementById("ease").style.left=x; // x verschieben
    document.getElementById("ease").style.top=y; // y verschieben
    }
    else if (document.ease) // wenn Netscape 4.x
    {
    document.ease.left=x; // x verschieben
    document.ease.top=y; // y verschieben
    } else // wenn keine Unterstuetzung
    {
    alert("Keine Unterstützung vorhanden!");
    }
     
    #4      
x
×
×
teststefan