bonsoir à tous,

j'ai vue qu'avec la fonction setinterval on pouvait mettre à jour un div...

je réalise un petit tchat la page appeler s'appelle popup.php

et elle est composé de 4 div :

1 qui affiche les personnes, 1 la fiche de la personne, 1 la zone de message (a rafraichir automatiquement) et 1 zone textare pour saisir les messages....

voic le code html.... pourriez vous me donner un grand coup de main en me faisant un petit script rapide... et ou le placer dans la page

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
 
<!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">
<head>
<eta http-equiv="Refresh" content="10" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style>
* {margin:0; padding:0}
.tchat { float:left; display:block; width:700px}
 
.tchat-left { float:left; display:block; height:600px; width:249px; border-right:1px solid #ccc}
.tchat-right { float:right; display:block; height:600px; width:450px}
 
.tchat-top { float:left; display:block; height:69px; width:450px; padding:5px; border-bottom:1px solid #ccc}
#tchat-middle { float:left; display:block; height:330px; width:450px; overflow-x: hidden; padding:5px}
.tchat-bottom { float:left; display:block; background:yellow; height:169px; width:450px; padding:5px; border-top:1px solid #ccc; overflow-x: hidden}
 
</style>
 
</head>
 
<body>
 
<div class="tchat">
	<div class="tchat-left">les personnes en discussions</div>
	<div class="tchat-right">
		<div class="tchat-top">la fiche du membre avec qui on discute</div>
		<script language="javascript">
window.onload = auto_refresh;
 
function auto_refresh()
{
	new Ajax.Updater('tchat-middle', 'popup.php', {parameters:'mode=auto_refresh', evalScripts:true, asynchronous:true})
 
  setTimeout("auto_refresh()",4000);
  return true
}
 
</script>
		<div id="tchat-middle">la zone des messages à rafraichir</div>
		<div class="tchat-bottom">la zone de saisie de messages</div>
	</div>
</div>
 
</body>
</html>

MERCI DE VOTRE AIDE