chat php/javascript

Version imprimable

04/12/2007, 23h53
dzada

chat php/javascript
bonjour a tous, j'ai un probleme

voila, je veut faire une sorte de chat tres simple.

En fait, ca consiste a afficher les 20 dernier messages entrés dans un formulaire

chacun doit pouvoir voir quasiment en direct que quelqu'un a entré un message

ducoup, j'ai une page php qui gere le formulaire, et l'enregistrement du message
et une autre qui affiche dans la <div id="b_a_f_affichage"></div>

Cette seconde affichage.php doit se mettre ajourtoutes les 2 sec

ducoup j'ai ecrit ca en tete de affichage.php, mais ca ne marche pas.
est-ceque quelqu'un voit l'erreur surement enorme?
Code:

1 2 3 echo '<script language="javascript" type="text/javascript"> setTimeout("urlInDiv(\'affichage.php\',\'b_a_f_affichage\')",2000); </script>';
le principe est que ma fonction urlInDiv qui marche nickel doit etre réévalué toutes les 2 secondes
elle fait alors une requete simple qui recharge affichage.php dans b_a_f_affichage
05/12/2007, 09h26
jeje13009

slt,

urlindiv = ajax ??

envoie le code de cette fonction stp

deja merci pour ta reponse.

le code de urlin div, et d'une sous fonction:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function newXHRObject () //xhr estnotre variable objet XmlHttpRequest
{
var xhr=null;
if (window.XMLHttpRequest)                 //  Objet de la fenêtre courant
{ 
    xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
} 
else 
{	 if (window.ActiveXObject)                    //  Version Active
   	{
      	xhr = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer 
   	}
	else xhr=null;
}
 
return xhr;
}
 
function urlInDiv(url,id)
 {
 var xhr = newXHRObject();
 var position=id;
 if(xhr)
	{
	 // On ouvre la requete vers la page désirée
	 xhr.open("GET", url, true);
	 xhr.onreadystatechange = function()
		{
		 if ( xhr.readyState == 4 )
			 {
			 // j'affiche dans la DIV spécifiées le contenu retourné par le fichier
			 document.getElementById(position).innerHTML = xhr.responseText;
			 }
		 }
 // dans le cas du get
 xhr.send(null);
	}
 }

oui, c'est de l'ajax, mais le setTimeout etant purement du js, j'ai préféré le placer dans le forum js

slt,

en fait, soit tu remplaces settimeout par setinterval, soit tu places le settimeout juste après le xhr.send (et dans ce cas tu appelles urlindiv dans le onload de body)...

autre chose :
Code:

1 2 3 4 5 6 7 8 9 10 function newXHRObject(){ //définition de la classe try{ return new ActiveXObject("Microsoft.XMLHTTP");} catch(e){ try{ return new ActiveXObject("Msxml2.XMLHTTP");} catch(e){ try{ return new XMLHttpRequest();} catch(e){ return false;} } } }
c'est plus complet ;)

05/12/2007, 16h15
dzada

Merci beaucoup

bon, j'ai modifié, en mettant settimeout apres le urlindiv.
Ca rafraichit bien, mais j'ai cette réponse

Bad Request
Your browser sent a request that this server could not understand.

C'est assez bizarre, car enfait, la âge php s'affiche bien, et au premier rafraichissement, j'ai ca.
Le probleme ne vient pas de urlindiv qui marche tres bien en non rafraichit
et la page affichage.php comprend un unique echo 'affichage';

or le js est executé coté client si je ne me trompe pas, donc je ne comprend pas bien.

Au départ, j'ai un include ('affichage.php'); dans la div que je veut, je pourrait l'enlever a priori, le chargement ce fera avec onload,

je me demande si le problemevient de la, ou d'une mise en cache des fichiers, et surtout je ne comprend pas ce que le serveur peut ne pas comprendrer puisqu'il n'est censé évalué que le php qui est tres sim
Aide?

note d'apres ce que j'ai pu glanner sur le web, ca vient du fait que j'envoie 2 requetes en meme temps
en supposant que ca vient du fait que je fait onload="Rafraichissement()" comment faire?

Essaye :

Code:

1
2
3
echo '<script language="javascript" type="text/javascript">
setTimeout(function(){urlInDiv(\'affichage.php\',\'b_a_f_affichage\')},2000);
</script>';

05/12/2007, 16h37
dzada

Hello et merci pour avoir répondu et si vite

J'ai un progrés, il respecte le temps en miliseconde maintenant, mais dès que la requete est envoyée, j'ai la même erreur

badrequest your browser....

est-ce qu'un reload() appliqué a un document.getelementbyid("id") marcherait?

et comment on fait ca?