Discussion :

[fabien14]

bonjour, j'ai trouver un chat et j'aimerai qu'il se charge a l'ouverture de la page en effet on est obliger d'appyyer sur envoyer pour que les message s'apparaise !

c'est un chat en ajax.

Si vous pouvez me donner un coup de main, merci

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
 
<?php
 
$username= "toto";
 
function post($username){
 
$heure = date("H:i:s");
 
	$fp = fopen('data',"a+") or die ('Une erreur est survenue');
	$new = "*[$heure] $username : vient de se connecter...<br/>";
	fputs($fp,$new);
	fclose($fp) or die ('Erreur fermeture fichier');
 
}
 
post($username);
 
?>
 
<script type="text/javascript">
 
var nom = <? print $username ;?>;
 
var xhr = null; 
 
function getXhr(){
 
	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; 
	} 
}
 
function gestion(post,util){
 
		getXhr()
 
		xhr.onreadystatechange = function(){
 
			if(xhr.readyState==4 && xhr.status == 200){
				eval(xhr.responseText);
			}
 
		}
 
		xhr.open("GET","post.php?n="+nom+"&post="+post+"&util="+util,true);
		xhr.send(null);
 
}
 
function tempo(){
	setTimeout(rafraichir,3000);
}
 
function rafraichir(){
	gestion("","0");
}
 
function post(){
 
	var mess = document.getElementById('post').value;
 
	if(mess!=='' && nom!=="") {
 
		gestion(mess,"1");
		document.getElementById('post').value = '';
		document.getElementById('post').focus();
 
	}
 
}
 
 
</script>
 
<link href="../images/style.css" rel="stylesheet" type="text/css">
 
<div id="shotbox" onKeyPress="if(event.which==13||event.keyCode==13) post()" >
<div id="messages">
</div>
<input name="post" size="80" id="post" align="absbottom" />
</div>

et voici le Post.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
<?php
 
header('Content-type: text/html; charset=iso-8859-1');
 
$username="toto";
 
$util = $_GET['util'];
$nick = $username;
 
if(isset($_GET['post'])){
$post = htmlentities($_GET['post']);
}else{$post=NULL;}
$heure = date("H:i:s");
 
(isset($post)&&$util==1) ? post($post,$nick,$heure) : refresh();
 
function refresh(){
 
	header('Content-type: text/html; charset=iso-8859-1');
 
	$fp = fopen('data',"a+") or die ('Une erreur est survenue');
	fseek($fp,0);
 
	while (!feof ($fp)){          	// tant que pas en fin de fichier
 
		$lecture = fgets($fp);	// stockage dans $lecture
 
	}
 
	$donnee=explode('*',$lecture);  // parsing des données
	$combien=count($donnee); 		// nbre d'éléments
 
	$affiche = '';
 
	$i=$combien-25;
 
	while($i!==$combien){
 
		if($i>=0) $affiche .= $donnee[$i];
		$i++;
 
	}
 
	fclose($fp) or die ('Une erreur est survenue');
 
	echo 'document.getElementById("messages").innerHTML = "'.$affiche.'";';
	echo 'tempo();';
 
}
 
function post($post,$nick,$heure){
 
	$fp = fopen('data',"a+") or die ('Une erreur est survenue');
	$new = '*['.$heure.'] '.$nick.' : '.$post.'<br/>';
	fputs($fp,$new);
	fclose($fp) or die ('Erreur fermeture fichier');
 
	refresh();
 
}
 
?>

[spawntux]

Bonsoir

Et ci tu mettais une meta balise genre :

Code :

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

<meta http-equiv="refresh" content="600"> //refresh toute les 600 secondes

[SpiritOfDoc]

Le problème avec le refresh automatique HTML c'est qu'il va effacer, si la personne tappe son message à ce moment, le message que la personne écrit, sans l'envoyer.

Ce qui peut-être asser embétant (Même si c'est toutes les 5minutes).

De plus cela ne réglera le problème qu'au bout de 5 minutes ...

[spawntux]

Bonsoir

Et juste une idée qui vien de me venir d'activer la balise une fois le bouton envoyer cliquer avec un laps de temps de par exemple 5 s ??

[Sub0]

• Perso, j'utiliserais Javascript pour faire un submit à interval régulier, en ayant pris soin de vérifier qu'il n'y ait rien dans le textarea avant... Ainsi, le formulaire ne sera pas envoyé si l'utilisateur est en train d'écrire un message... Pour cela, il suffit de connaître le nom du formulaire et du textarea, de programmer un interval avec la fonction Javascript appropriée.

• Une autre idée : Tu peux également utiliser une IFRAME pour afficher les messages reçus dans un autre conteneur et recharger ce dernier sans toucher au reste de la page... ou bien utiliser une popup pour l'édition du message... etc.

• Sinon, Flash, tu connais un peu ?

[Rakken]

J'ai déjà fait un petit chat comme ca en php.

Pour le problème de refresh, j'ai utilisé une iframe. Dans l'iframe, qui se rafraichissait toute les 2 ou 3 secondes automatiquement avec une balise meta, je ne fesais que lire un fichier texte (contenant ce que tout le monde avait dit) et l'afficher a l'écran.
L'iframe était incorporée dans une page plus générale avec le formulaire qui permettait de saisir son login, et le message qu'on voulait envoyer. Et quand on cliquait sur envoyer, ca raffraichissait la page complete en envoyant les données.

En terme de ressources et de propreté, c'était franchement pas top, mais ca marchait plutot bien, tant que le fichier texte qui contiennait le chat en lui même restait a une taille raissonnable.

Sinon, tu peux utiliser des techniques genre ajax pour ne recharger régulièrement que la partie qui contient le chat en lui même, c'est un peu plus propre.

Après, il te reste du pur java. C'est nettement mieux, mais faut savoir faire du java ^_^