jquery auto refresh af DIV

Fri, 13 Apr 2012 12:59:51 GMT

Jeg er igang med at lave en funktion p� min side, hvor der �verst listes 6 tilf�ldige nyheder.

Jeg vil nu gerne have at disse nyheder l�bende skiftes til andre nyhede - alts� auto-refresh af de enkelte div's efter f.eks. 10 sekunder.

Obs. Jeg har alt koden liggende p� samme side, der hedder test.php
Jeg er derfor - med hj�lp fra google - kommet frem til f�lgende javascript-kode:

JScript kode

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
 libs/jquery/1.3.0/jquery.min.js"></script>
 <script type="text/javascript">
 var auto_refresh = setInterval(
 function ()
 {
 $('#textArea').load('test.php').fadeIn("slow");
 }, 10000); 
 </script>

Ganske kort - koden opdaterer div'et #textArea i filen test.php hvert 10 sekund.

TIl at indhente det data der skal v�re i div'ene har jeg f�lgende fetch_array og SQL kode

PHP kode

 $data = mysql_query("SELECT * FROM table ORDER BY RAND() LIMIT 6")
  or die(mysql_error()); 
  while($info = mysql_fetch_array( $data )):
  echo'<div id="textArea">';
     echo'<div class="cover">';
         echo'<img src="" width="37" height="37" />';
     echo'</div>';
     echo'<div class="title">'; echo substr($info['title'], 0, 15); echo'...</div>';
     echo'<div class="description">'.$info['description'].'</div>';
 echo'</div>';
  
  endwhile;

koden udskriver 6 bokse ved siden af hinanden. Flot illustreret s�ledes:
[titel] [titel] [titel] [titel] [titel] [titel]
Og nu kommer problemet
Selve refresh-delen fungerer. Problemet er blot at den kun opdaterer den f�rste af de seks bokse
([titel] [titel] [titel] [titel] [titel] [titel])

og ikke nok med det - s� opdaterer den div'et seks gange pr. 10 sekund.

Dvs. at siden nu kommer til at se s�ledes ud:
[titel] [titel] [titel] [titel] [titel] [titel]
[titel]
[titel]
[titel]
[titel]
[titel]

Hvad skal �ndres for at den l�bende opdaterer de seks bokse p� langs?

Tak

Udvikleren.dk - Seneste [refresh] forum tr�de

jquery auto refresh af DIV