michaela: bitte helft mir mit javascript

hallo leute, hab da ein problem, bei dem ich alleine nicht weiter komme.
und zwar hab ich ne htmlseite, auf der ich 4 webcam bilder alle 30 sekunden reloaden will. da ich nicht die ganze seite reloaden will mach ich das mit javascript.
das script läuft aber leider nur, wenn ich 1 bild auf der seite, wenn es mehr sind weden die bilder nicht mehr neu geladen!

hier die seite, bei der es klappt:
http://bilder.melissa-joan-hart.org/BB4/right1.htm

hier klappt es leider nicht:
http://bilder.melissa-joan-hart.org/BB4/right2.htm

wie schaffe ich es, alle 4 bilder auf der seite zu haben und, dass die sich alle 30 sekunden aktualisieren?

ich hoffe auf euch

grüsse
micha

  1. Hallo Micha,

    hier klappt es leider nicht:
    http://bilder.melissa-joan-hart.org/BB4/right2.htm

    In deinem javascript habe ich folgendes gefunden:
    function Start() {
    ...
    setTimeout("Start()", t*1000)

    Und das 4 mal. Woher soll der arme Browser denn wissen welches der 4 Start() er nach dem timeout nehmen soll?

    wie schaffe ich es, alle 4 bilder auf der seite zu haben und, dass die sich alle 30 sekunden aktualisieren?

    entweder 4 unterschiedliche Start, oder nur 1mal mit einem Parameter.

    HTH

    Maxx

    1. Hallo Micha,

      hier klappt es leider nicht:
      http://bilder.melissa-joan-hart.org/BB4/right2.htm

      In deinem javascript habe ich folgendes gefunden:
      function Start() {
      ...
      setTimeout("Start()", t*1000)

      Und das 4 mal. Woher soll der arme Browser denn wissen welches der 4 Start() er nach dem timeout nehmen soll?

      wie schaffe ich es, alle 4 bilder auf der seite zu haben und, dass die sich alle 30 sekunden aktualisieren?

      entweder 4 unterschiedliche Start, oder nur 1mal mit einem Parameter.

      danke für deine antwort, hab leider kaum ahnung von javascript, kannste ein bisschen konkreter werden?

      wie mache ich denn eine start funktion für die ganze seite, auf die jedes scipt zugreifen kann?

      wäre echt lieb, wenn du mir den quelltext einfach umschreiben könntest.

      grüsse
      michaela

      1. Hallo Michaela,

        danke für deine antwort, hab leider kaum ahnung von javascript, kannste ein bisschen konkreter werden?

        wie mache ich denn eine start funktion für die ganze seite, auf die jedes scipt zugreifen kann?

        wäre echt lieb, wenn du mir den quelltext einfach umschreiben könntest.

        konkreter ja, umschreiben nein. Sieh dir doch einfach deine 4 Funktionen "Start()" an. Du wirst festellen, dass sie sich an genau 2 Stellen unterscheiden.
        image = "..." und document.images["..."].src =
        Du schreibst dir _eine_ Funktion Start() die diese beiden Paramter übergeben bekommt. Und rufst selbige 4 mal auf. OK, jetzt leg los. Und wenn es dann noch Probleme gibt hilft dir bestimmt jemand weiter.

        Maxx

  2. Hi Micha,

    der Code sieht trashig aus, ist viel zu aufgebläht (redundant) und damit fehleranfällig, d.h. allgem. kein guter Programmierstil.
    Und was soll eigentlich das "<! --master1" bewirken? Entferne besser den Text nach <! -- aus der Zeile.

    Gruß!
    Danny

    Hier eine Alternative:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Big Brother Webcam</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body>

    <img id="webcam" src="http://www.bigbrother.de/webcam/webcam1.jpg" width="125" height="94" name="visiongs1" alt="1">
    <img id="webcam" src="http://www.bigbrother.de/webcam/webcam2.jpg" width="125" height="94" name="visiongs2" alt="2">
    <img id="webcam" src="http://www.bigbrother.de/webcam/webcam3.jpg" width="125" height="94" name="visiongs3" alt="3">
    <img id="webcam" src="http://www.bigbrother.de/webcam/webcam4.jpg" width="125" height="94" name="visiongs4" alt="4">

    <script type="text/javascript">
    <!--

    var t = 30;
    image = "http://www.bigbrother.de/webcam/webcam1.jpg";

    function webcam()
    {
     tmp = new Date();
     tmp = "?" + tmp.getTime();
     name = "visiongs";
     for (n=1; n<=4; n++)
     {
      document.images[name+n].src = image + tmp;
      alert(document.images[name+n].src);
     }
     setTimeout("webcam()", t*1000);
    }

    webcam();

    //-->
    </script>
    </body>
    </html>

    1. »»alert(document.images[name+n].src);
      kannst Du entfernen, das war nur zum Testen...