-
[AJAX] refresh d'une div
J'essaye qu'une div se se rafraichisse toute les X secondes mais j'y arrive vraiment vraiment pas. J'ai chercher sur les forum mais je n'arrive jamais a adapter les scripts dans je viens chercher de l'aide.
C'est en fait une page avec deux div.
voila le code de ma page:
<script type="text/javascript" src="XHRConnection.js"></script>
<script type="text/javascript">
function remplirChamp1(obj)
{
document.getElementById('envoyer').innerHTML = obj.responseText;
}
function sendData1()
{
var XHR = new XHRConnection();
XHR.appendData('Pseudo', document.getElementsByName('Pseudo')[0].value);
XHR.appendData('Message', document.getElementsByName('Message')[0].value);
XHR.sendAndLoad('sendforum.php', 'POST', remplirChamp1);
}
</script>
Voila la premiere div:
<Div>
<form name="formPost" method="post">
Pseudo :<br>
<input type="text" name="Pseudo" size=15 maxLength="25" /><br>
Message :<br>
<textarea type="text" name="Message" cols=60 rows=2></textarea><br>
<img src="ok.gif" onclick="document.forms[0].reset()" />
<img src="image/ok.gif" onclick="sendData1()" />
</form>
</Div>
Et voila ma deusieme div, celle que je voudrais raffraichir toute les X secondes:
<Div id="envoyer">
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("bdd");
$reponse = mysql_query("SELECT DATE_FORMAT(date,'le %d-%m-%Y à %H:%i') AS Date, Pseudo, Message FROM forum ORDER BY id DESC limit 0,10");
while ($donnees = mysql_fetch_array($reponse) )
{
?>
<table><tr><td>
<?php echo $donnees['Date']; ?><br>
<?php echo $donnees['Pseudo']; ?><br>
<?php echo $donnees['Message']; ?><br>
</td></tr></table>
<?php
}
mysql_close();
?>
</Div>
Ce code marche parfaitement mais la div ne se raffraichi que quand j'envoie un message. J'ai essayer avec un setTimeout mais j'y suis pas arriver.
Quelqu'un peut-il m'aider svp ?