Script läuft nicht

[knarf]

Hi Leute,

ich habe hier einen Code-Schnipsel, der einfach nicht das tut, was er soll:

<script language=javascript>
    
  function refresh(){
    document.getElementById('map').style.backgroundImage = 'url(http://192.168.0.225/jpg/image.jpg)'; 
    setTimeout('refresh()', 1000);
  }
  window.onload=refresh;

</script>
 
<div id="map"></div>

Ziel ist es, beim Laden der Seite das div 'map' mit dem Hintergrundbild zu versehen und dieses per refresh jede Seknde zu aktualisieren. Das korrekte Bild erscheint auch, wie es soll, allerdings nur einmal beim Laden der Seite. Die Aktualisierung funktioniert nicht.

Weiß jemand Rat? Danke.

Frank

[Cybergreek]

Erster Schuss: Mal window.setTimeout('refresh()', 1000) probiert?

[knarf]

Jo, geht auch nicht.

Frank

[knarf]

So, hab noch etwas recherchiert. Und neueste Version ist:

<script language=javascript>

  timer = window.setTimeout('refresh(1)', 1000);
    
  function refresh(a){
    document.getElementById('map').style.backgroundImage = 'url(http://192.168.0.225/jpg/image.jpg)'; 
    timer = window.setTimeout('refresh(' + (a+1) + ')', 1000);
  }
  
  window.onload=refresh; 

</script>

Funktioniert aber auch nicht. 

Nur noch als Ergänzung: dieser Code-Schnipsel befindet sich im body-Bereich meiner Seite.

Frank
 

<div id="map"></div>

[Cybergreek]

Ok, jetzt habe ich erst das Problem verstanden. Das liegt wahrscheinlich daran, dass Dein Browser das Bild nicht jedes Mal neu abruft sondern in den eigenen Cache legt. Und da sich die url des Bildes nicht ändert, wechselt das Bild auch nicht.

Du kannst statt

 'url(http://192.168.0.225/jpg/image.jpg)';

das hier benutzen:

 'url(http://192.168.0.225/jpg/image.jpg?nmp='+Math.random()+')';

[knarf]

Danke für deine Mühen, geht aber auch nicht.

Ich habe eigentlich schon mit der Funktion gearbeitet und selbst funktionierende Beispiele hinbekommen. Aber hier bekomme ich graue Haare.

Ja, JavaScript ist aktiviert...

Frank

[Cybergreek]

Ich habe eigentlich schon mit der Funktion gearbeitet und selbst funktionierende Beispiele hinbekommen. Aber hier bekomme ich graue Haare.

Ja, JavaScript ist aktiviert...

Das verstehe ich jetzt nicht so ganz. Welche Funktion meinst Du?
Du könntest in Deine refresh-Funktion einen alert einbauen um zu sehen, ob die wirklich jede Sekunde aufgerufen wird. Dann siehst Du nämlich, dass es nicht am JavaScript liegt, sondern am Browser, der die Bild-Datei nicht neu vom Server holt, da sie schon im Cache liegt.