[AJAX] Nombre visiteur actuellement sur le site

Version imprimable

17/02/2009, 14h04
toufou

[AJAX] Nombre visiteur actuellement sur le site

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.

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:

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

17/02/2009, 14h31
Bovino

setInterval fera ton bonheur !
17/02/2009, 16h19
toufou
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:

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:

<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......