bitte helft mir mit javascript
michaela
- 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
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
Hallo Micha,
hier klappt es leider nicht:
http://bilder.melissa-joan-hart.org/BB4/right2.htmIn 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
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
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>
»»alert(document.images[name+n].src);
kannst Du entfernen, das war nur zum Testen...