[AJAX] 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

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>

[AJAX] rafraichir un div

JavaScript

Discussions similaires

Partager

Partager