objekt bewegen lassen. tut dies aber nicht

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • objekt bewegen lassen. tut dies aber nicht

    HTML-Quellcode

    1. <html>
    2. <head>
    3. </head>
    4. <body>
    6. <script language="javascript" type="text/javascript">
    7. var i = 1;
    8. function move(elementid, pixelx, pixely, startx, starty, stopx, stopy)
    9. {
    11. if(i == 1)
    12. {document.getElementById(elementid).style.left = startx;
    13. document.getElementById(elementid).style.top = starty;}
    14. i++;
    15. if(document.getElementById(elementid).offsetLeft <= stopx)
    16. {document.getElementById(elementid).style.left = document.getElementById(elementid).offsetLeft + pixelx;}
    17. if(document.getElementById(elementid).offsetTop <= stopy)
    18. {document.getElementById(elementid).style.top = document.getElementById(elementid).offsetTop + pixely;}
    20. }
    21. </script>
    23. <div id="text" style="position:absolute; top:-900; left:-900">
    24. <p>hallo</p>
    25. </div>
    26. <input type="button" value="runter" onclick="window.setInterval('move(text, 3, 3, 100, 100, 200, 200)', 10)">
    28. </body>
    29. </html>
    Alles anzeigen


    der obige code soll einfach einen text jede 10 millesekunden um 3 px in x und y bewegen
    davor sollte er beim ersten mal den text auf eine bestimmte position setzen.

    das problem ist aber, dass beim klicken auf den button nichts passiert.

    findet einer den fehler?

  • Naja, du könntest es auch so machen:

    Quellcode

    1. <html>
    2. <head></head>
    3. <body>
    4. <script language="javascript" type="text/javascript">
    5. var i = 1;
    6. var move = function (elementid, pixelx, pixely, startx, starty, stopx, stopy)
    7. {
    8. if(i == 1)
    9. {
    10. document.getElementById(elementid).style.left = startx;
    11. document.getElementById(elementid).style.top = starty;
    12. }
    13. i++;
    14. if(document.getElementById(elementid).offsetLeft <= stopx)
    15. {
    16. document.getElementById(elementid).style.left = document.getElementById(elementid).offsetLeft + pixelx;
    17. }
    18. if(document.getElementById(elementid).offsetTop <= stopy)
    19. {
    20. document.getElementById(elementid).style.top = document.getElementById(elementid).offsetTop + pixely;}
    21. }
    22. </script>
    23. <div id="text" style="position:absolute; top:-900; left:-900">
    24. <p>hallo</p>
    25. </div>
    26. <input type="button" value="runter" onclick="window.setInterval('move(\'text\', 3, 3, 100, 100, 200, 200)', 10)">
    27. </body>
    28. </html>
    Alles anzeigen