Script Actualisation automatique

Ludo75 · 02/05/2008, 02h15

Bonjour,
j'ai une tchat box sur mon site et je teste avec ajax l'actualisation automatique.
Donc ce que je voudrais c'est que des que qqn poste un message, ca se rafraichit sur ma page sans que j'ai à cliquez sur le bouton rafrachir sur ma page ou bien a reactualiser.

Alors j'ai fais çà :
ma page qui affiche les messages

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<?php 
	session_start();
	include("../inc/fonctions.php"); // on inclue dans la page toutes les fonctions crées
	include("../inc/config.php"); // on inclue dans la page les variables de configuration
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Tsukai-Anime // Chat-Box</title>
	<link rel="stylesheet" href="../design_cbox.css">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script type='text/JavaScript'>
 
	 		function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						document.getElementById('message').innerHTML = xhr.responseText;
						//alert(xhr.responseText);
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
			}
		</script>
 
</head>
<body onload="go()">
	<div id="message">
 
	</div>
</body>
</html>

Et la page ajax.php qui fait la requete et l'affichage des données :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<?php
 
				if(!mysql_connect('localhost', 'root', ''))
				{
					echo "La connexion au serveur a échouée";
				}
				else
				{
					//echo "Connexion au serveur OK";
					if(!mysql_select_db('tsukaianime_kyousou'))
					{
						echo "La connexion à la base de données a échouée";
					}
				}
		function couleur_auteur($auteur, $type)
	{
		switch ($type)
		{
			case "admin" : $auteur = "<span class='auteur_admin'>$auteur</span>"; break;
			case "modo" : $auteur = "<span class='auteur_modo'>$auteur</span>"; break;
			default : $auteur = "<span class='auteur_user'>$auteur</span>";
		}
 
		return $auteur;
	}
 
	function bbcode($texte)
	{
		//Smileys
		$texte = str_replace(":)", "<img src='smiley/smile.gif' alt=':)' />", $texte);
		$texte = str_replace(":D", "<img src='smiley/bigsmile.gif' alt=':D' />", $texte);
		$texte = str_replace(":(", "<img src='smiley/sad.gif' alt=':(' /", $texte);
		$texte = str_replace(":cry", "<img src='smiley/cry.gif' alt=':cry' />", $texte);
		$texte = str_replace(":confus", "<img src='smiley/confus.gif' alt=':confus' />", $texte);
		$texte = str_replace(":cool", "<img src='smiley/cool.gif' alt=':cool' />", $texte);
		$texte = str_replace(":frown", "<img src='smiley/frown.gif' alt=':frown' />", $texte);
		$texte = str_replace(":furious", "<img src='smiley/furious.gif' alt=':furious' />", $texte);
		$texte = str_replace(":glad", "<img src='smiley/glad.gif' alt=':glad' />", $texte);
		$texte = str_replace(":heart", "<img src='smiley/heart.gif' alt=':heart' />", $texte);
		$texte = str_replace(":lol", "<img src='smiley/lol.gif' alt=':lol' />", $texte);
		$texte = str_replace(":mdr", "<img src='smiley/mdr.gif' alt=':mdr' />", $texte);
		$texte = str_replace(":nervous", "<img src='smiley/nervous.gif' alt=':nervous' />", $texte);
		$texte = str_replace(":tired", "<img src='smiley/tired.gif' alt=':tired' />", $texte);
		$texte = str_replace(":tongue", "<img src='smiley/tongue.gif' alt=':tongue' />", $texte);
		$texte = str_replace(":wink", "<img src='smiley/wink.gif' alt=':wink' />", $texte);
		$texte = str_replace(":noel", "<img src='smiley/noel.gif' alt=':noel' />", $texte);
		$texte = str_replace(":pogo", "<img src='smiley/pogo.png' alt=':pogo' />", $texte);
		$texte = str_replace(":boulet", "<img src='smiley/boulet.gif' alt=':boulet' />", $texte);
 
		//BB Code		
		$texte = preg_replace("#\[url=(\S+)\](\S+)\[/url\]#iU", "<a href='$1' target='_blank'>$2</a>", $texte);
		$texte = preg_replace("#\[b\](.+)\[/b\]#iU", "<b>$1</b>", $texte);
		$texte = str_replace("[br]", "<br />", $texte);
 
		 if (eregi("^http://", $texte)) 
		 {
			$texte=str_replace($texte, "<a href='$texte' target='_blank'>$texte</a>", $texte);
		 }
 
 
 
		return $texte;
	}
 
 
 
 
 
		if ( isset($_GET[page]) )
			$limit = ($_GET[page] - 1) * $config_affich_nb_mess;
		else
		{
			$_GET[page] = 1;
			$limit = 0;
			$config_affich_nb_mess = 20; // Détermine le nombre de message afficher par page.
		}
 
		// On selectionne les 50 derniers messages et les infos de l'auteur de chacun de ses messages	
		$req = "SELECT idMESSAGE, MEMBRE_idMEMBRE, text_msg, date_msg, idMEMBRE, pseudo_mb, statut_mb
				FROM message, membre
				WHERE membre.idMEMBRE = message.MEMBRE_idMEMBRE
				AND valid_msg =1
				ORDER BY date_msg DESC 
				LIMIT $limit, $config_affich_nb_mess";
 
 
		$query = mysql_query($req) or die("Erreur sur la requêtte : $req<br />".mysql_error());
 
		if ( $config_mess_accueil != "" )
		{
			echo "<div id='message2'>";
			echo "<div class='mess_accueil'>$config_mess_accueil</div></div>";
		}
 
		$couleur = 0;
		while ( $message = mysql_fetch_array($query) )
		{			
			$nb = ($couleur % 2) + 1;
			$date = date($config_format_date, $message[date_msg]);			
			$auteur = couleur_auteur($message[pseudo_mb], $message[statut_mb]);
			$texte = stripslashes($message[text_msg]);
			$texte = bbcode($texte);
 
 
			echo "<div id='message$nb'>";
			echo "<span class='date'> $date</span><br />";
			if ( ($_SESSION[cbox_type] == "admin") OR ($_SESSION[cbox_type] == "modo") )
			{
			?>
				<span class='action_admin'>
 
					<a href="<?php echo "form.php?supp=$message[idMESSAGE]"?>" target='cboxform' title="Supprimer">[x]</a>
 
					<a href="<?php echo "form.php?ban=$message[idMEMBRE]"?>" target='cboxform' title="Bannir">[o]</a>
				</span>
 
			<?php
			}
			?>
				<div class='message_titre'><?php echo $auteur; ?> : </div>
				<div id='messages'><?php echo $texte; ?></div>
 
			</div>
			<?php
 
			$couleur++;
		}
 
		$nb = ($couleur % 2) + 1;
 
		if ( $_GET[page] <= 1 )
			$page_moins = 1;
		else
			$page_moins = $_GET[page] - 1;
 
		if ( mysql_num_rows($query) < $config_affich_nb_mess )
			$page_plus = $_GET[page];
		else
			$page_plus = $_GET[page] + 1;
 
		echo "<div id='message$nb'><div class='page'><a href='main.php?page=$page_moins'><<</a> $_GET[page] <a href='main.php?page=$page_plus'>>></a></div></div>";
 
		mysql_close();
 
?>

Le problème est que ça ne marche pas !
En local, quand je poste, j'ai l'impression que ça rafraichit car ça scintille
mais sur le serveur non. Et je n'ai pas l'affiche des caractères spéciaux :/

Quelqu'un pourrait-il m'aider pour résoudre ces 2 soucis svp ?

Merci d'avance.

shaun_the_sheep · 02/05/2008, 08h22

Salut,

Je ne maitrise pas vraiment le php , mais il y a quelque chose dans ton code qui m'étonne surtout quant tu dis que cela fonctionne en local et pas sur ton serveur.

Dans ton code php tu as:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
if(!mysql_connect('localhost', 'root', ''))
......

si je ne me trompe pas il s'agit de ta connection à ta base de donnée MySQL ?

soit :
mysql_connect ( string server , string username , string password , bool new_link , int client_flags )

donc localhost est l'adresse IP du serveur de base de donnée ?

Ne dois tu pas adapter cela si tu es sur ton serveur ?

Ludo75 · 02/05/2008, 09h26

ui ca, c'est pour ma connexion en local,
quand je met sur le serveur, je change et je met les bons identifiants !

shaun_the_sheep · 02/05/2008, 13h57

Salut,

Après relecture de ton code, je ne vois pas comment tu réalise ton refresh ?
ne manquerait il pas quelque chose comme ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
setInterval( function()
     { tafonction; }, 2000 );

Ludo75 · 02/05/2008, 16h43

merci pour cette fonction !
Ca fonctionne mais pas trop.
Dejà pour mon souci d'accent c'est réglé, j'ai mis ceci dans le fichier ajax.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

header('Content-Type: text/html; charset=ISO-8859-15');

ENsuite pour l'actualisation auto j'ai fais ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
setInterval( function()
     { go(); }, 1000 );

Cependant, j'ai des connexions incessantes avec la bdd, (toutes les secondes)
et surtout, j'ai des infos qui ne s'affichent plus.
En fait, j'ai 3 fichiers.
Le ajax.php pour faire ma requete
le main.php pour afficher les messages
et form.php qui fait quelques donctions (connexion, deconnexion, supprimer un message, bannir un membre)
Et dans ce form.php, j'affiche des infos comme un message de bienvenue ou bien un message d'avertissement.
Et bien avec l'ajout de la fonction seinterval, ces infos n'apparaissent plus.
voila le form.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<?php 
	session_start();
	include("../inc/fonctions.php"); // on inclue dans la page toutes les fonctions crées
	include("../inc/config.php"); // on inclue dans la page les variables de configuration
 
	// si on vient de poster un message ou de se connecté, on actualise la page ( a cause du header)
	if ( $_GET[actu] )
		refresh("cboxmain");
 
	//si la personne se deconnecte de la box
	if ( !empty($_GET[deco]) )
	{
		$chaine_information = $config_info_deconnexion;
 
		$_SESSION = array();
		session_destroy();
 
		refresh("cboxmain");
	}
	//supprimer un message
	if ( !empty($_GET[supp]) )
	{
		if ( ($_SESSION[cbox_type] == "admin") OR ($_SESSION[cbox_type] == "modo") )
		{
			connexionbdd();
 
			$req = "UPDATE message SET valid_msg = 0 WHERE idMESSAGE = '$_GET[supp]'";
			$query = mysql_query($req) or die("Erreur sur la requêtte : $req<br />".mysql_error());
 
			$chaine_information = $config_info_mess_supp;
 
			mysql_close();
 
			//refresh("cboxmain");
		}
		else
			$chaine_information = $config_info_non_acces;
	}
	//bannir un membre
	if ( !empty($_GET[ban]) )
	{
		if ( ($_SESSION[cbox_type] == "admin") OR ($_SESSION[cbox_type] == "modo") )
		{
			connexionbdd();
 
			$req = "SELECT statut_mb, ban_mb FROM membre WHERE idMEMBRE = '$_GET[ban]'";
			$query = mysql_query($req) or die("Erreur sur la requêtte : $req<br />".mysql_error());
			$membre = mysql_fetch_array($query);
 
			if ( $membre[ban_mb] == 1 )
				$chaine_information = $config_info_mess_already_ban;
			else if ( $membre[statut_mb] != "admin" )
			{
				$req2 = "UPDATE membre SET ban_mb = 1 WHERE idMEMBRE = '$_GET[ban]'";
				$query2 = mysql_query($req2) or die("Erreur sur la requêtte : $req2<br />".mysql_error());
 
				$chaine_information = $config_info_mess_mb_ban;
			}
			else
				$chaine_information = $config_info_mess_ban_admin;
 
			mysql_close();
 
			refresh("cboxmain");
		}
		else
			$chaine_information = $config_info_non_acces;
	}
 
	//action quand on envoie un message
	if ( isset($_POST[submit_mess]) )
	{
		connexionbdd();
		$idmb=$_SESSION[cbox_id_user];
		$req2="SELECT ban_mb FROM membre WHERE idMEMBRE='$idmb'";
		$query2=mysql_query($req2) or die("Erreur lors de la vérification du ban : <br />".mysql_error());
		$res2=mysql_fetch_array($query2);
 
		//si le user est pas banni
		if( $res2[ban_mb] != 1 )
		{	
			if ( !empty($_POST[message]) AND (vide($_POST[message]) != 0) AND ($_POST[message] != "Ton message") )
			{
				//mesure anti-flood contre le user "normal"
				if ( ($_SESSION[cbox_post] < (time() - $config_post_flood)) OR (($_SESSION[cbox_type] == "admin") OR ($_SESSION[cbox_type] == "modo")) )
				{
					//nettoyage du message
					$message = trim($_POST[message]);
					$message = addslashes($message);
					$datepost = time();
					$ip=get_ip();//on chope l'ip du posteur
 
					//envoi ds la bdd
					$req = "INSERT INTO message VALUES('', $_SESSION[cbox_id_user], '$message', '$datepost', '$ip', 1)";
					$query = mysql_query($req) or die("Erreur sur la requêtte : $req<br />".mysql_error());
 
					$_SESSION[cbox_post] = time();//on met ds une variable la date du dernier msg pour la mesure anti flood
 
					$chaine_information = $config_info_mess_envoye;
				}
				else
					$chaine_information = $config_info_anti_flood;
			}
		}
		else
			$chaine_information = $config_info_mess_ban;
 
		//refresh("cboxmain");		
		mysql_close();
		header('Location: form.php?actu=true');
	}
	//action quand on se connecte
	else if ( isset($_POST[submit_connect]) )
	{
		connexionbdd();
 
		$pseudo = $_POST[pseudo];
		$pass = $_POST[pass];
 
		//recherche du le pseudo
		$req = "SELECT * FROM membre WHERE pseudo_mb = '$pseudo'";
		$query = mysql_query($req) or die("Erreur sur la requêtte : $req<br />".mysql_error());
		//pas de pseudo
		if ( mysql_num_rows($query) != 1 )
			$chaine_information = $config_info_pseudo_inexistant;
		else
		{
			//si on a trouvé le user, on prend ses infos
			$user = mysql_fetch_array($query);
			//on compare son password avec celui donné
			if ( decrypte($user[password_mb]) != $pass )
				$chaine_information = $config_info_pass_incorrect;
			else
			{
				//s'il est banni, on lui affiche !!
				if ( $user[ban_mb] == 1 )
					$chaine_information = $config_info_mess_ban;
				else
				{		
					//on crée les cookies de connexions
					$time = time() + 365*24*3600; // Le cookie expirera dans un an
					setcookie('cbox_pseudo', $_POST[pseudo], $time);
					setcookie('cbox_pass', $_POST[pass], $time);
 
					//on met ds des variables de sessions les infos qui vont nous servir
					$_SESSION[cbox] = true;
					$_SESSION[cbox_pseudo] = $pseudo;
					$_SESSION[cbox_id_user] = $user[idMEMBRE];
					$_SESSION[cbox_type] = $user[statut_mb];
 
					include("../inc/config.php"); // pour mettre à jour les variables de configuration avec la connexion de l'utilisateur.
 
					$chaine_information = $config_info_connexion;
 
					refresh("cboxmain");
				}
			}
		}
 
		mysql_close();
		header('Location: form.php?actu=true');
	}	
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Tsukai-Anime // Chat-Box</title>
	<link rel="stylesheet" href="../design_cbox.css">
	<script language="javascript" type="text/javascript">
			function vide(obj)
		{
			if(obj.value==obj.defaultValue)	obj.value='';
		}
 
	</script>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>	
	<div id="form">
		<?php		
			//Infos bienvenue
			if ( !empty($chaine_information) )
				echo "<div id='information'>$chaine_information</div>";
			else
			{
				if ( $_SESSION[cbox] )
				{
					if ( $congif_info_defaut_loggin != "" )
						echo "<div id='information_defaut'>$congif_info_defaut_loggin</div>";
				}
				else if ( $congif_info_defaut_logout != "" )
					echo "<div id='information_defaut'>$congif_info_defaut_logout</div>";
			}
		?>
 
 
		<!-- Lien inscriptions et rafraichissement de la page -->
		<div id="lien">			
			<a href="main.php" target="cboxmain">Rafraichir</a>
			<?php
				if ( $_SESSION[cbox] )
					echo "- <a href='form.php?deco=1'>Deconnexion</a>";
				else
					echo "- <a href='../inscription.php' target='_blank'>Inscription</a>";
			?>
		</div>
		<!-- Lien regles et smyles -->
		<div id="lien">
 
			<a href="#" onclick="window.open('regles.html','Règles','width=550,height=600,left=250,top=150')">Règles</a> - <a href="#" onclick="window.open('smileys.html','Smileys','width=270,height=500,left=150,top=50')">Smileys</a>
		</div>
		<!-- Formulaire d'envoi de message ou de connexion-->
		<?php			
			if ( $_SESSION[cbox] )
			{
				?>
				<div id="form_login">
				<form action="form.php" method="post" name="form_msg">
					<input type="text" value="Ton message" name="message" onfocus="vide(this)" class="input_message" />
					<input type="submit" name="submit_mess" value="Ok" class="bouton_ok" />		
				</form>
				</div>
				<?php
			}
			else
			{
				if ( isset($_COOKIE[cbox_pseudo]) )
					$cookie_pseudo = $_COOKIE[cbox_pseudo];
				else
					$cookie_pseudo = "Pseudo";
 
				if ( isset($_COOKIE[cbox_pass]) )
					$cookie_pass = $_COOKIE[cbox_pass];
				else
					$cookie_pass = "Mot de passe";
 
				?>
				<div id="form_logout">
				<form action="form.php" method="post">
					<input type="text" name="pseudo" class="input_pseudo" value="<?php echo $cookie_pseudo; ?>" onfocus="vide(this)" onblur="fill(this)"/><br />
					<input type="password" name="pass" class="input_pass" value="<?php echo $cookie_pass; ?>" onfocus="vide(this)"/>
					<input type="submit" name="submit_connect" value="Ok" class="bouton_ok" />		
				</form>
				</div>
				<?php
			}
		?>	
	</div>
</body>
</html>

Et aussi, une remarque, mon fichier ajax.php ne veut pas accepter les include ou require, pourquoi ?

Merci d'avance.

shaun_the_sheep · 05/05/2008, 08h50

Salut,

La connexion toutes les secondes c'est normal. C'est le principe d'un rafraichissement. Sinon setInterval est en milliseconde. Tu dois augmenter cette valeur soit par exemple 60000 pour 1 minute.

Pour les problèmes d'infos qui ne s'affiche plus vérifie si tu es en synchrone ou asynchrone.

02/05/2008, 09h26	#3
Ludo75 Nouveau Membre du Club Inscription : avril 2004 Messages : 153 Détails du profil Informations forums : Inscription : avril 2004 Messages : 153 Points : 34 Points : 34	ui ca, c'est pour ma connexion en local, quand je met sur le serveur, je change et je met les bons identifiants !
	00

05/05/2008, 08h50	#6
shaun_the_sheep Membre chevronné Chef de projet NTIC Inscription : octobre 2004 Messages : 1 149 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Chef de projet NTIC Secteur : Enseignement Informations forums : Inscription : octobre 2004 Messages : 1 149 Points : 605 Points : 605	Salut, La connexion toutes les secondes c'est normal. C'est le principe d'un rafraichissement. Sinon setInterval est en milliseconde. Tu dois augmenter cette valeur soit par exemple 60000 pour 1 minute. Pour les problèmes d'infos qui ne s'affiche plus vérifie si tu es en synchrone ou asynchrone.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email