addons Afficher le nombre d'utilisateurs en ligne en temps réel

[UnderFR 31]

Salut à tous !

 

Aujourd'hui j'ai décidé de vous partager un petit + pour votre rétro !

 

Un petit système d'affichage d'utilisateurs en ligne, mais en temps réel !

 

Ce partage sera en deux parties, une pour les cms codés en PDO, et une autre pour les CMS codés en MySQL_

 

Première partie: PDO

 

1.Copiez-collez ce code, à l'endroit où vous voulez qu'il s'affiche !

PS: Je vous laisse styliser tout ça !  

 

                                                  <div id="online"><?= $online->users_online; ?></div>

 

2. Récupérer le nombre d'utilisateurs en ligne de la base de données.

Ce code doit se situer en haut de page !

 

                                                $onlines = $bdd->prepare("SELECT * FROM server_status");
                                                $onlines->execute();
                                                $online = $onlines->fetch(PDO::FETCH_OBJ);

3. Création du code JavaScript, pour "rafraîchir" toutes les 5 secondes, uniquement la div !

 

                                                          var refresh_online = setInterval(
                                                          function ()
                                                          {
                                                          $('#online').load('./connected.php');
                                                          }, 5000); 

4. Créez le fichier connected.php ou un autre nom, mais n'oubliez pas de le modifier dans le code JS, si vous le changez ! Et insérez-y ce code !

 

 

                                                      <?php
                                                      require './{FICHIER INIT}.php';
                                                      $onlines = $bdd->prepare("SELECT * FROM server_status");
                                                      $onlines->execute();
                                                      $online = $onlines->fetch(PDO::FETCH_OBJ);
                                                      echo "<div id=\"online\">".$online->users_online."</div>";
													  ?>

N'oubliez pas de configurer le fichier connected.php, à la deuxième ligne !

 

Deuxième partie ! Pour le MySQL !

 

1: Copiez-collez ce code, à l'endroit où vous-voulez que le nombre d'utilisateurs en ligne apparaisse !

 

								<div id="online"><?= $online['users_online']; ?></div>

2.Passons maintenant à la requête PHP, comme précédemment dit, elle doit se situer en haut de page !

                                                                  <?php
                                                                  $online = mysql_query("SELECT * FROM server_status");
                                                                  $online = mysql_fetch_assoc($online);
                                                                  ?>

3. Le code JavaScript ! Celui-ci ne change pas !

 

                                                                  var refresh_online = setInterval(
                                                                  function ()
                                                                  {
                                                                  $('#online').load('./connected.php');
                                                                  }, 5000); 

4. Créez le fichier connected.php et copiez-collez-y ce code !

 

                                                                    <?php
                                                                    require './{FICHIER INIT}.php';
                                                                    $online = mysql_query("SELECT * FROM server_status");
                                                                    $online = mysql_fetch_assoc($online)
                                                                    echo "<div id=\"online\">".$online['users_online']."</div>";

Voilà pour ce tutoriel !

 

J'espère qu'il vous sera utile !

 

UnderFR, Enjoy !

[Invité]

Merci de ton partage, super sympa.

[UnderFR 31]

il y a 40 minutes, Lucas Orsini a dit :

Merci de ton partage, super sympa.

 

No problem, y'en aura d'autres  

[TuesdayATB 50]

Du trés trés t-r-é-s bon boulot woaw, t'es franchement super bon !

[UnderFR 31]

Wouaw ! Hummm... ^^

 

Écoutes si ça te fait plaisir, ça me fait plaisir aussi !  

[Runyard 70]

Merci  

[Moon 15]

Très utile, merci !