Status : Connecté / déconnecté

[phinolex1]

Bonjour,

Aujourd'hui, je souhaiterais réaliser un système de "status" dans une page html de mon forum.

Je souhaiterais mettre le lien du membre : exemple http://monforum.com/u1 puis mettre deux images "Connecté" ou "Déconnecté".





Merci beaucoup à ceux qui seront m'aider !!!

[Xoomi34]

Ce que tu voudrais est que ce soit un favicon ?

[phinolex1]

Ce que tu voudrais est que ce soit un favicon ?

Non, juste une simple image.

Exemple :

Phinolex

Qui signifie que je suis connecté.

Inversement,

Phinolex

Qui signifie que je suis déconnecté.


^_^

[phinolex1]

Up

[Xoomi34]

Et bien, dans un sujet, il suffit de déplacer l'icône de mise en ligne par les templates .
Ou sinon, si c'est sous une autre forme

[phinolex1]

Et bien, dans un sujet, il suffit de déplacer l'icône de mise en ligne par les templates .
Ou sinon, si c'est sous une autre forme

Bonjour,

Merci beaucoup de votre réponse.

Je souhaiterais vraiment que cela sois dans une page HTML et non dans un template ou autre...

Up.

[phinolex1]

Up

[phinolex1]

Up. S'il vous plaît.

[phinolex1]

Up

[Neptunia]

Bonjour ^^

Pourrions nous avoir un peu plus d'infos ?

A quoi servirait cette page ?
Indiquer la présence où l'absence de membres du staff ? Ou d'autres personnes dont les noms et par conséquent les liens seront toujours les mêmes ?

[phinolex1]

Bonjour ^^

Pourrions nous avoir un peu plus d'infos ?

A quoi servirait cette page ?
Indiquer la présence où l'absence de membres du staff ? Ou d'autres personnes dont les noms et par conséquent les liens seront toujours les mêmes ?

Bonjour,

cela me servirait à indiquer la présence ( ou l'absence ) d'un membre du staff. ^^

[Neptunia]

D'un seul membre, ou de plusieurs sur la même page ?

[phinolex1]

D'un seul membre, ou de plusieurs sur la même page ?

Bonjour ! ^^

J'aimerais qu'il y ai plusieurs membre de mon équipe sur la même page.

[phinolex1]

Up

[phinolex1]

Up

[phinolex1]

Up

[phinolex1]

Up

[phinolex1]

up

[phinolex1]

up

[phinolex1]

up

[Maxmax]

Salut,

Dans ta page html ajoute ce script au début :

Code:

<script type="text/javascript">
   var staff = ["Admin", "1", "Adjoint", "2"];
   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">';
   var offline = '<div><img style="margin-right:5px" src="http://blog.khromov.se/serverstatus/files/offline.png">';
   $.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://tonforum/u' + staff[j] + '">' + staff[i] + '</a></div>';
         }
         else {
            liste += offline + '<a href="http://tonforum/u' + staff[j] + '">' + staff[i] + '</a></div>';
         }
         j= j+2;;
      }
      document.getElementById("connect").innerHTML = liste;
   });
   
      
</script>

Ensuite rends-toi dans ton template viewonline_body et cherche la ligne : (ligne 16 chez moi)

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">

Et remplace par :

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4" id="coMembres">

Enregistre et publie ton template.

Petite explication :

Code:

var staff = ["Admin", "1", "Adjoint", "2"];

C'est la liste des membres que tu souhaites afficher et leur id associé.
Tu trouveras leur id en allant voir leur fiche. Dans la barre d'adresse tu auras un truc du genre : http://tonforum/u12. Le 12 est l'id du membre.
Donc pour compléter la liste, tu mets le nom du membre, puis l'id du membre, puis le nom d'un autre membre, puis l'id de l'autre membre etc...

Code:

'<a href="http://tonforum/u

Tu remplaces ici http://tonforum par le lien de ton forum. Fais bien attention qu'il y ai le /u à la fin.

Code:

document.getElementById("connect").innerHTML = liste;

La liste de tes membres va se mettre dans la balise qui aura pour id connect.
Donc dans ta page html, créé une balise, div par exemple, avec cette id (<span id="connect"></span> par exemple).

Cordialement,

Max

[phinolex1]

Salut,

Dans ta page html ajoute ce script au début :

Code:

<script type="text/javascript">
   var staff = ["Admin", "1", "Adjoint", "2"];
   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">';
   var offline = '<div><img style="margin-right:5px" src="http://blog.khromov.se/serverstatus/files/offline.png">';
   $.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://tonforum/u' + staff[j] + '">' + staff[i] + '</a></div>';
         }
         else {
            liste += offline + '<a href="http://tonforum/u' + staff[j] + '">' + staff[i] + '</a></div>';
         }
         j= j+2;;
      }
      document.getElementById("connect").innerHTML = liste;
   });
   
      
</script>

Ensuite rends-toi dans ton template viewonline_body et cherche la ligne : (ligne 16 chez moi)

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">

Et remplace par :

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4" id="coMembres">

Enregistre et publie ton template.

Petite explication :

Code:

var staff = ["Admin", "1", "Adjoint", "2"];

C'est la liste des membres que tu souhaites afficher et leur id associé.
Tu trouveras leur id en allant voir leur fiche. Dans la barre d'adresse tu auras un truc du genre : http://tonforum/u12. Le 12 est l'id du membre.
Donc pour compléter la liste, tu mets le nom du membre, puis l'id du membre, puis le nom d'un autre membre, puis l'id de l'autre membre etc...

Code:

'<a href="http://tonforum/u

Tu remplaces ici http://tonforum par le lien de ton forum. Fais bien attention qu'il y ai le /u à la fin.

Code:

document.getElementById("connect").innerHTML = liste;

La liste de tes membres va se mettre dans la balise qui aura pour id connect.
Donc dans ta page html, créé une balise, div par exemple, avec cette id (<span id="connect"></span> par exemple).

Cordialement,

Max

MERCI BEAUCOUP !!!

C'est exactement ce je souhaitais !!!! <3