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:

  1. .boxYZ {width: 1000px;}
  2. .box {width: 500px;float: left;}
  3.  
  4.  
  5. <div class="boxYZ">
  6. <div class="box">
  7. <div id="responsecontainer_yahoo"><?PHP include('yahoo.php'); ?> </div>
  8. </div>
  9.  
  10.  
  11. <div class="box">
  12. <div id="responsecontainer_zapytaj"><?PHP include('zapytaj.php'); ?></div>
  13. </div>
  14. </div>


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

  1. $(document).ready(function() {
  2. $("#responsecontainer_yahoo").load("yahoo.php");
  3. var refreshId = setInterval(function() {
  4. $("#responsecontainer_yahoo").load('index.php');
  5. }, 5000);
  6. $.ajaxSetup({ cache: false });
  7. });
  8.  
  9. $(document).ready(function() {
  10. $("#responsecontainer_zapytaj").load("zapytaj.php");
  11. var refreshId = setInterval(function() {
  12. $("#responsecontainer_zapytaj").load('index.php');
  13. }, 5000);
  14. $.ajaxSetup({ cache: false });
  15. });
  16.  
  17.  


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 ===============
  1. $(document).ready(function() {
  2. $("#responsecontainer_yahoo").load("yahoo.php");
  3. $("#responsecontainer_zapytaj").load('zapytaj.php');
  4. var refreshId = setInterval(function() {
  5. $("#responsecontainer_yahoo").load('yahoo.php');
  6. $("#responsecontainer_zapytaj").load('zapytaj.php');
  7. }, 5000);
  8. $.ajaxSetup({ cache: false });
  9. });

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