Jak zrobić płynne odswieżanie danych? Opcje

[Saki]

Witam, chce zrobić stronę z porównywaniem szybkości zadawanych pytań na dwóch róznych portalach Q&A, w tym celu zrobiłem, dwie kolumy:

[HTML] pobierz, plaintext 
<style>
.boxYZ {width: 1000px;}
.box {width: 500px;float: left;}
</style>
 
 
<div class="boxYZ">
	<div class="box">
		<div id="responsecontainer_yahoo"><?PHP include('yahoo.php'); ?> </div>
	</div>
 
 
	<div class="box">
		<div id="responsecontainer_zapytaj"><?PHP include('zapytaj.php'); ?></div>
	</div>
</div>
[HTML] pobierz, plaintext 

i one mają się odswierzać, w tym celu zrobiłem tak:

[HTML] pobierz, plaintext 
<script>
 $(document).ready(function() {
 	 $("#responsecontainer_yahoo").load("yahoo.php");
   var refreshId = setInterval(function() {
      $("#responsecontainer_yahoo").load('index.php');
   }, 5000);
   $.ajaxSetup({ cache: false });
});
 
 $(document).ready(function() {
 	 $("#responsecontainer_zapytaj").load("zapytaj.php");
   var refreshId = setInterval(function() {
      $("#responsecontainer_zapytaj").load('index.php');
   }, 5000);
   $.ajaxSetup({ cache: false });
});
 
 
</script>
[HTML] pobierz, plaintext 

Przez chwilę działa dobrze, ale potem rozwala się wszystko na stronie i dublują się kolumny, możecie zobaczyć to: http://tmp.itunix.eu/yahoo/
Czy wiecie jak to naprawić?


=============== Ok, rozwiązałem problem ===============

[HTML] pobierz, plaintext 
 $(document).ready(function() {
 	 $("#responsecontainer_yahoo").load("yahoo.php");
         $("#responsecontainer_zapytaj").load('zapytaj.php');
   var refreshId = setInterval(function() {
      $("#responsecontainer_yahoo").load('yahoo.php');
      $("#responsecontainer_zapytaj").load('zapytaj.php');
   }, 5000);
   $.ajaxSetup({ cache: false });
});
[HTML] pobierz, plaintext 

A czy ktoś wie jak po otworzeniu strony zliczać ile przybyło nowych pytań dla Yahoo i Zapytaj?

Ten post edytował Saki 6.06.2012, 11:20:26