Tunnel85: mit mootools div container alle 30 sek aktualisieren

Beitrag lesen

Hallo zusammen,
ich möchte in einem Projekt einen div-Container alle 30 Sekunden erneuern lassen.
Verwende in dem Projekt mootools habe auch was passendes dazu gefunden, allerdings läuft die Aktualisierung erst wenn man einmal auf einen Link geklickt hat. Ich möchte es allerdings ab laden der Seite schon haben. Bin noch ziemlich neu im Thema Ajax, wahrscheinlich ist es gar kein großes Problem.

Hier mal der js-code:

  
<script type="text/javascript">  
/* <![CDATA[ */  
  window.addEvent('domready', function(){  
  
$('start').fireEvent('click', 1000);  
  
var url = 'time.php';  
  
  
var timer = 3;  
  
var periodical, dummy;  
var start = $('start'), image = $('image');  
  
  
var ajax = new Ajax(url, {  
 update: image,  
 method: 'get',  
 onComplete: function() {  
  
  image.removeClass('ajax-loading');  
 },  
 onCancel: function() {  
  image.removeClass('ajax-loading');  
 }  
});  
  
  
var refresh = (function() {  
 dummy = $time() + $random(0, 100);  
 image.empty().addClass('ajax-loading');  
 ajax.request(dummy);  
});  
  
  
start.addEvent('click', function(e) {  
 new Event(e).stop();  
 $clear(periodical);  
 image.empty().addClass('ajax-loading');  
 periodical = refresh.periodical(timer * 1000, this);  
  ajax.request($time());  
});  
  
});  
/* ]]> */  
</script>

und hier der html

  
<a href="#" id="start">button</a>  
<a href="#" id="stop"> stop</a>  
<div id="image" style="width:1024;height:273px;border:5px solid black"><?php include 'time.php'; ?></div>  

wäre nett wenn mir jemand einen Anstoß geben würde.

Mfg
Tunnel 85