rafraichir un div

micka30 · 21/04/2008, 20h02

Bonjour,

je ne connait rien en ajax ni en javascript et je cherche a rafraichire le <div id="lecture"></div>

quelqu'un pourrait t il me donner un coup de mains svp!

j'ai chercher quelque tutos , mais j'ai rien trouver de bien clair!

voila j'espere que vous pourrait m'aider!

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
<?php 
	session_start(); 
	$_SESSION['pseudo']; 
	$_SESSION['logged']; 
 
	$cnx=mysql_connect("************", "***********", "**********") or die("Pb connexion au serveur".mysql_error());
$db=mysql_select_db("************") or die("Pb selection base".mysql_error());
 
 
 
	if ( isset( $_POST['message'] ) && !is_null( $_POST['message'] ) )
	{ 
		$message = mysql_real_escape_string( htmlspecialchars( $_POST['message'] ) ); 
		$timestamp = time(); 
		$expediteur = $_SESSION['pseudo']; 
		$destinataire = $_GET['pseudo']; 
		mysql_query( "INSERT INTO chat VALUES('', '$expediteur', '$destinataire', '$message', '$timestamp', '')" );  // et tu ne stockes pas le résultat dans une variable ?
	} 
 
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
	<head> 
		<title>t'chat uncupidon</title> 
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <head></head>
		<style type="text/css"> 
 
 
#chatcomplet 
{ 
width:400px; 
height:400px; 
background-repeat: no-repeat; 
border: 1px solid black; 
} 
#lecture 
{ 
position : absolute ; 
width:400px; 
height:300px; 
background-color: red; 
color : yellow; 
overflow : scroll ; 
border: 1px solid green; 
} 
#message 
{ 
background-color: green; 
background-attachment: fixed; 
width:400px; 
height:100px; 
border: 1px solid green; 
padding: 1px; 
padding-top: 300px; 
} 
		</style> 
	</head> 
	<body>
	<div id="chatcomplet"> 
 
<form action="<?php echo'chat.php?pseudo='.$pseudo.''?>" method="post"/> 
<div id="lecture">
<?php 
$reponse = mysql_query("SELECT expediteur, message, timestamp FROM chat WHERE destinataire='".$_SESSION['pseudo']."'OR expediteur='".$_SESSION['pseudo']."'"); 
while ($donnees = mysql_fetch_array($reponse) ) 
{ 
 
$date = date('d/m/Y \à H\hi', $donnees2['timestamp']); 
$message = $donnees['message']; 
$expediteur = $donnees['expediteur']; 
$pseudo= $_GET['pseudo']; 
 
echo '<p><strong> '.$expediteur.' </strong> le '.$date.' : '.$message.' </p>'; 
} 
?>
 
 
</div> 
 
<div id="message"> 
 
<p>Message : <input type="text" name="message" size="30"/><br /> 
 
<input type="submit" value="Envoyer" /> 
</p> 
 
</div> 
</div> 
 
<?php 
 
 
mysql_close(); 
?> 
 
 
		</form> 
 
	</body> 
</html>

E.Bzz · 22/04/2008, 09h15

Bonjour,
pour pouvoir t'aider il serait intéressant de savoir ce que doit faire ton script, et également : quel est ton problème ?

Quant aux tutos : si si il y en a !

A+

PS : déplacé dans le forum Ajax ...

micka30 · 22/04/2008, 11h55

re!

et merci de ta reponse!

enfaite je voudrai faire un chat privé!

donc j'aimerai que le <div lecture> se rafraichisse toute les 5 secondes

merci

Neji44 · 22/04/2008, 12h06

Tu peux utiliser la fonction setInterval() qui va appeler ta fonction qui va aller chercher tes Infos grâce à l'ajax.

micka30 · 22/04/2008, 14h50

aurais tu un petit exemple a me donner stp,

car je ne connais vraiment rien en ajax et ca fait trois jours que je bloque sur ca!

merci d'avance

E.Bzz · 22/04/2008, 15h00

Citation:

Envoyé par micka30

car je ne connais vraiment rien en ajax et ca fait trois jours que je bloque sur ca!

Heu ... pour un chat tu aurais quand même intérêt à d'abord maîtriser l'Ajax.
Commence par là !

Ensuite seulement, tu verras comment optimiser le mode d'appel ...

A+

micka30 · 22/04/2008, 15h21

Bonjour,

j'ai reussi a faire un script qui ne marche pas

plus rien ne s'affiche dans lecture ni les message envoyer , ni les message recu!

je pensse que le problême c'est que je n'arrive pas a inisialiser $retour_xajax.

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
function chat ()
	{ 
		$retour_xajax = new xajaxResponse(); 
		$retour = ''; 
		$reponse = mysql_query( "SELECT expediteur, message, timestamp FROM chat WHERE destinataire='".$_SESSION['pseudo']."'OR expediteur='".$_SESSION['pseudo']."'" ); 
		while( $donnees = mysql_fetch_array( $reponse ) ) 
		{ 
			$date = date( 'd/m/Y \à H\hi', $donnees['timestamp'] ); 
			$message = $donnees['message']; 
			$expediteur = $donnees['expediteur']; 
			$pseudo= $_GET['pseudo']; 
			$retour='<p><strong> '.$expediteur.' </strong> le '.$date.' : '.$message.' </p>'; 
		} 
		$retour_xajax->addAssign( 'lecture' , 'innerHTML' , $retour ); 
		return $retour_xajax->getXML(); 
	}

voici le script:

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
<?php 
	session_start(); 
	$_SESSION['pseudo']; 
	$_SESSION['logged']; 
 
	$cnx = mysql_connect( "***********", "*************", "************") or die( "Pb connexion au serveur".mysql_error() );
	$db = mysql_select_db( "************" ) or die( "Pb selection base".mysql_error() );
 
	if ( isset( $_POST['message'] ) && !is_null( $_POST['message'] ) )
	{ 
		$message = mysql_real_escape_string( htmlspecialchars( $_POST['message'] ) ); 
		$timestamp = time(); 
		$expediteur = $_SESSION['pseudo']; 
		$destinataire = $_GET['pseudo']; 
		mysql_query( "INSERT INTO chat VALUES('', '$expediteur', '$destinataire', '$message', '$timestamp', '')" );  // et tu ne stockes pas le résultat dans une variable ?
	} 
 
	function chat ()
	{ 
		$retour_xajax = new xajaxResponse(); 
		$retour = ''; 
		$reponse = mysql_query( "SELECT expediteur, message, timestamp FROM chat WHERE destinataire='".$_SESSION['pseudo']."'OR expediteur='".$_SESSION['pseudo']."'" ); 
		while( $donnees = mysql_fetch_array( $reponse ) ) 
		{ 
			$date = date( 'd/m/Y \à H\hi', $donnees2['timestamp'] ); 
			$message = $donnees['message']; 
			$expediteur = $donnees['expediteur']; 
			$pseudo= $_GET['pseudo']; 
			$retour='<p><strong> '.$expediteur.' </strong> le '.$date.' : '.$message.' </p>'; 
		} 
		$retour_xajax->addAssign( 'lecture' , 'innerHTML' , $retour ); 
		return $retour_xajax->getXML(); 
	} 
 
	require( 'xajax.inc.php' ); 
	$xajax = new xajax(); 
	$xajax->registerFunction( 'chat' ); 
	$xajax->processRequests(); 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
	<head> 
		<title>t'chat uncupidon</title> 
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<?php $xajax->printJavascript(); ?> 
		<script type="text/javascript"> 
function refresh() 
{ 
	chat(); 
	setTimeout("refresh()", 5000); 
} 
		</script> 
		<style type="text/css"> 
#chatcomplet 
{ 
width:400px; 
height:400px; 
background-repeat: no-repeat; 
border: 1px solid black; 
} 
#lecture 
{ 
position : absolute ; 
width:400px; 
height:300px; 
background-color: red; 
color : yellow; 
overflow : scroll ; 
border: 1px solid green; 
} 
#message 
{ 
background-color: green; 
background-attachment: fixed; 
width:400px; 
height:100px; 
border: 1px solid green; 
padding: 1px; 
padding-top: 300px; 
} 
		</style> 
	</head> 
	<body>
		<div id="chatcomplet"> 
			<form action="<?php echo'chat.php?pseudo='.$pseudo.''?>" method="post"> 
			<div id="lecture"></div> 
			<div id="message"> 
				<p>Message :
					<input type="text" name="message" size="30"/>
					<br /> 
					<input type="submit" value="Envoyer" /> 
				</p> 
			</div> 
		</div> 
		</form> 
		<script type="text/javascript">refresh();</script>
	</body> 
</html>

22/04/2008, 09h15	#2
E.Bzz Responsable Modération Inscription : janvier 2007 Messages : 9 316 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Secteur : Finance Informations forums : Inscription : janvier 2007 Messages : 9 316 Points : 15 522 Points : 15 522	Bonjour, pour pouvoir t'aider il serait intéressant de savoir ce que doit faire ton script, et également : quel est ton problème ? Quant aux tutos : si si il y en a ! A+ PS : déplacé dans le forum Ajax ...
	00

22/04/2008, 11h55	#3
micka30 Invité de passage Inscription : janvier 2007 Messages : 10 Détails du profil Informations forums : Inscription : janvier 2007 Messages : 10 Points : 0 Points : 0	re! et merci de ta reponse! enfaite je voudrai faire un chat privé! donc j'aimerai que le <div lecture> se rafraichisse toute les 5 secondes merci
	00

22/04/2008, 12h06	#4
Neji44 Nouveau Membre du Club Inscription : mai 2005 Messages : 81 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mai 2005 Messages : 81 Points : 25 Points : 25	Tu peux utiliser la fonction setInterval() qui va appeler ta fonction qui va aller chercher tes Infos grâce à l'ajax.
	00

22/04/2008, 14h50	#5
micka30 Invité de passage Inscription : janvier 2007 Messages : 10 Détails du profil Informations forums : Inscription : janvier 2007 Messages : 10 Points : 0 Points : 0	aurais tu un petit exemple a me donner stp, car je ne connais vraiment rien en ajax et ca fait trois jours que je bloque sur ca! merci d'avance
	00

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