Cherche script - en ligne hors ligne

[Glorio]

Bonjour à vous,

Je suis actuellement entrain de créer un page HTML (il n'a donc pas le haut et le bas de page de mon forum).

En cherchant un peu partout sur votre service, je n'ai pas trouvé ce que je cherchais réellement. Je suis à la recherche d'un scrip en javascript qui permet de voir si le modérateur est en ligne ou hors ligne. Je voudrais le même système que nos amis sur le forum :

→

Je ne sais pas si c'est possible, si quelqu'un pourrait m'aider ça serait super !

Merci d'avance !

[Neptunia]

Bonjour ^^


Une solution a été proposée ici :

Statut : Connecté / déconnecté

[Glorio]

Bonjour ^^


Une solution a été proposée ici :

Statut : Connecté / déconnecté

Bonjour,

Merci bien pour ta réponse, mais cela ne marche que si je met le haut et le bas de page de mon forum. Sauf que moi je pars d'une page toute blanche et donc ça ne fonctionne pas.

Est-ce que je dois apporter des modifications pour que cela marche sur un page html toute faite ?

Cordialement.

[Glorio]

J'ai trouvé la solution pour le mettre dans une page vierge en ajoutant ceci

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Par contre, ça me l'affiche sous forme de liste, sauf que moi ce n'est pas bon, voici ce que ça donne :



Je voudrais que ça donne ceci :


Comment y remédier ?


le code java :

Code:

<script type="text/javascript">
  var staff = ["Glorio", "1" , "Oseko" , "14"];
  var liste = "";
  var j = 1;
  var n;
  var online = '<div><img style="margin-right:5px" src="http://khromov.files.wordpress.com/2012/01/online.png"> En Ligne';
  var offline = '<div><img style="margin-right:5px" src="http://blog.khromov.se/serverstatus/files/offline.png"> Hors Ligne';
  $.get( "../viewonline", function( data ) {
      for(var i=0; i<staff.length;i=i+2)
      {
        var co = data.substr(data.search("coMembres"));
        var n = co.search(staff[i]);
        if (n > 0){
            liste += online + '<a href="http://agat.forumofficiel.fr/u' + staff[j] + '">' + staff[i] + '</a></div>';
        }
        else {
            liste += offline + '<a href="http://agat.forumofficiel.fr/u' + staff[j] + '">' + staff[i] + '</a></div>';
        }
        j= j+2;;
      }
      document.getElementById("connect").innerHTML = liste;
   
  });
</script>

la balise :

Code:

<span id="connect"></span> 

Est-il possible de mettre plusieurs connectes ? Du genre "connect1" pour la première personne "connect2" pour la deuxième personne etc ...

[[Nihil]]

Hello

Pour qu'on puisse t'aider, pourrais tu nous fournir le lien de la page HTML s'il te plait ?

[Glorio]

Hello

Pour qu'on puisse t'aider, pourrais tu nous fournir le lien de la page HTML s'il te plait ?

Le voici : http://agat.forumofficiel.fr/h61-test

[[Nihil]]

Oups j'avais mal lu ton message

Est-il possible de mettre plusieurs connectes ? Du genre "connect1" pour la première personne "connect2" pour la deuxième personne etc ...

Oui voilà c'est ce qu'on va faire.

Pour chaque membre en dessous, tu vas mettre une span comme ceci :

Code:

<span id="connect-1"></span>

En remplaçant 1 par l'id du membre
Par exemple pour Oseko il faut mettre connect-14

Je sais pas si je suis claire, dis moi si tu ne comprends pas :s

Une fois que ça sera fait il faudra rajouter une petite modif dans le script js et ça sera bon.

[Glorio]

Oups j'avais mal lu ton message

Est-il possible de mettre plusieurs connectes ? Du genre "connect1" pour la première personne "connect2" pour la deuxième personne etc ...

Oui voilà c'est ce qu'on va faire.

Pour chaque membre en dessous, tu vas mettre une span comme ceci :

Code:

<span id="connect-1"></span>

En remplaçant 1 par l'id du membre
Par exemple pour Oseko il faut mettre connect-14

Je sais pas si je suis claire, dis moi si tu ne comprends pas :s

Une fois que ça sera fait il faudra rajouter une petite modif dans le script js et ça sera bon.

Pas compris XD

Même si dans mon script js j'ai fait

Code:

 var staff = ["Glorio", "-1" , "Oseko" , "-14"];

et j'ai ajouté la span

Code:

<span id="connect-14"></span>

pour Oseko mais cela ne fonctionne pas :s

[[Nihil]]

Une fois que ça sera fait il faudra rajouter une petite modif dans le script js et ça sera bon.

Il faut que tu l'ajoutes dans le HTML (pour l'instant je ne le vois pas dans le code source). Une fois que c'est bon il faut remplacer le script par ceci :

Code:

<script type="text/javascript">
  var staff = ["Glorio", "1" , "Oseko" , "14"];
  var j = 1;
  var n;
  var online = '<img style="margin-right:5px" src="http://khromov.files.wordpress.com/2012/01/online.png"> En Ligne';
  var offline = '<img style="margin-right:5px" src="http://blog.khromov.se/serverstatus/files/offline.png"> Hors Ligne';
  $.get( "../viewonline", function( data ) {
      for(var i=0; i<staff.length;i=i+2)
      {
        var liste = '';
        var co = data.substr(data.search("coMembres"));
        var n = co.search(staff[i]);
        if (n > 0){
            liste = online;
        }
        else {
            liste = offline;
        }
       
        $('#connect-' + staff[j]).html(liste);
       
        j= j+2;
      }
 
  });
</script>

Pour ma part cela fonctionne

[Glorio]

Une fois que ça sera fait il faudra rajouter une petite modif dans le script js et ça sera bon.

Il faut que tu l'ajoutes dans le HTML (pour l'instant je ne le vois pas dans le code source). Une fois que c'est bon il faut remplacer le script par ceci :

Code:

<script type="text/javascript">
  var staff = ["Glorio", "1" , "Oseko" , "14"];
  var j = 1;
  var n;
  var online = '<img style="margin-right:5px" src="http://khromov.files.wordpress.com/2012/01/online.png"> En Ligne';
  var offline = '<img style="margin-right:5px" src="http://blog.khromov.se/serverstatus/files/offline.png"> Hors Ligne';
  $.get( "../viewonline", function( data ) {
      for(var i=0; i<staff.length;i=i+2)
      {
        var liste = '';
        var co = data.substr(data.search("coMembres"));
        var n = co.search(staff[i]);
        if (n > 0){
            liste = online;
        }
        else {
            liste = offline;
        }
       
        $('#connect-' + staff[j]).html(liste);
       
        j= j+2;
      }
 
  });
</script>

Super ! Cela fonctionne parfaitement ! Merci beaucoup [Nihil] ! Ainsi qu'à Neptune-