[AJAX] Nombre visiteur actuellement sur le site

**toufou** · 17/02/2009, 15h04

Bonjour,
J'heberge actuellement un site sur lequel j'aimerai afficher le nombre de visiteurs en ligne.
Pour l'instant j'ai un script php qui affiche dans une DIV le nombre de personnes sur le site à l'instant ou l'on arrive dessus et j'aimerai que cette div se mette à jour toute seule, histoire d'etre averti de l'arrivée d'autre visiteurs.

J'ai donc vu que la solution etait de se pencher sur l'ajax

J'ai pas forcement envie de tout réinventer et de passer pas mal d'heure pour réaliser une fonction qui existe deja, mais après maintes recherches sur le web, je n'ai pas trouvé de script tout fait répondant à mon besoin....

Est-ce que quelqu'un ici peut m'indiquer ou trouver ce code? ou bien m'aider.

Par avance, merci.

**toufou** · 17/02/2009, 15h17

Pour completer mes avancées....

Pour l'instant, j'arrive en appuyant sur un bouton à mettre à jour le contenu d'une DIV par le contenu d'une page php appelé lors du clic sur ce bouton.

Ce que j'aimerai, c'est ne pas avoir à clquer sur le bouton, mais que dès le chargement de la page, la requette soit effectuée, et cela toutes les x secondes par la suite sans aucune intervention de l'utilisateur.

Le code utilisé est le suivant:

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
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
 
	</head>
	<body>
 
 
 
<a class="noncolore" href="#" onclick="envoieRequete('ajax.php','page');"><font color="black"><b>liste des membres</b></font></a>
 
 
	<script type="text/javascript">
	function envoieRequete(url,id)
	{
	var xhr_object = null;
	var position = id;
	if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
	else
	if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
 
	// On ouvre la requete vers la page désirée
	xhr_object.open("GET", url, true);
	xhr_object.onreadystatechange = function(){
	if ( xhr_object.readyState == 4 )
	{
	// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
	document.getElementById(position).innerHTML = xhr_object.responseText;
	}
	}
	// dans le cas du get
	xhr_object.send(null);
 
	}
</script>
<div id="page">
div page:
</div>
 
 
 
</body>
</html>

Merci pour vos aides,
TouFou

**Bovino** · 17/02/2009, 15h31

setInterval fera ton bonheur !

**toufou** · 17/02/2009, 17h19

Merci pour l'info.
Entre temps j'ai continué mes recherches et suis tombé sur un code simple et efficace!

A mettre dans le header d'une page html:

Code :

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

1
2
3
4
<script src="prototype.js" type="text/javascript"></script>
<script type="text/javascript">
new Ajax.PeriodicalUpdater('page2','ajax.php',{frequency: 1})
</script>

Puis Dans le body de la page:

Code :

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

<div id="page2"></div>

Et bien sur le fichier prototype.js que l'on trouve simplement sur le net.

Et un fichier ajax.php avec le code php à executer.

Par contre je rencontre un nouveau probleme, mais qui n'est plus en rapport avec le forum....Si je teste ce code sur mon serveur dans un repertoire test, pas de souci, par contre si je le mets sur ma page principale qui tourne sous SPIP, rien ne se passe....... Si quelqu'un connait spip......

[AJAX] Nombre visiteur actuellement sur le site

JavaScript

Discussions similaires

Partager

Partager