[PHPBB3] Membres connectés chatbox

Bonjour Philippe,

Je crois comprendre que tu es sur la route. Des vacances bien méritées. Profites en bien.

Un grand merci l'ami pour tout ce travail. Encore un joli et riche développement.
ça fonctionne à merveille  

A bientôt Phil et merci encore pour tout.

Edit: La liste des membres connectés ne s'affichent que sur la page d'accueil. Peut-être retirer dans ce cas le texte "Membre(s) connecté(s) sur la ChatBox:" sur les autres pages et aussi ne pas afficher ce texte sur aucune page quand le nombre de connectés est égal à 0.

@photoclic
Hello Serge,
pour avoir ce que tu souhaites, voici le script complet:

Code:

//Bouton chatbox en haut à droite
        $(function(){
        $(function(){
          $('<a id="fa_chat_button">Chatbox <span id="fa_chatters">(<span>0</span>)</span><img class="M14_more_chat_box"src="https://i.servimg.com/u/f20/20/11/87/27/add_it10.png"Title="Voir les membres connecté(s)" style="vertical-align: middle;margin-left:4px;"/></a>').insertAfter('#fa_notifications');
          $('<div id="fa_chatters_list">Membre(s) connecté(s) sur la ChatBox:<span></span></div> ').insertAfter('#fa_toolbar');
        try{
         var chattersList=function(){
        $.get("/",function(d){
        
         var a=$("div[id='M14_GetNameChat'] strong:first",d).text();    
         var b= $("p.M14_GetNameChat").html();
          var c= $("p.M14_GetNameChat").find('a[href^="/u"]').length;
          if(c>=1){        
        $("#fa_chatters span").html(a);
        $("#fa_chatters_list span").html(b);
            $('#fa_chat_button').hover(function(){
$('#fa_chatters_list').fadeIn();
}, function(){
$('#fa_chatters_list').fadeOut();
});
            
          }
          else
          {
            $('img[class="M14_more_chat_box"]').hide();
          }
        
          });
        };
        chattersList();
        setInterval(chattersList,5000);}catch(e){}
        })
        
});

Message envoyé via la réponse rapide par: @Milouze14

Bonjour Philippe,

Merci pour cette reprise du script.

Alors pour la page d'accueil, c'est tout bon  

Par contre sur les autres pages, on a "Chatbox (0) +" même quand il y a des membres connectés.

J'ai donc retiré le zéro pour ne garder que les parenthèses sur la ligne 4 ici:

Code:

$('<a id="fa_chat_button">Chatbox <span id="fa_chatters">(<span>0</span>)</span>

Je ne sais pas s'il est possible de retirer aussi l'image + sur les autres pages.

Hello Serge,
alors le script était coché que sur l'index sur mon fofo de tests, ce qui me paraissait logique.
Si c'est sur toutes les pages et en restant avec l'idée de base, ce sera ce script:

Code:

//Bouton chatbox en haut à droite
        $(function(){
        $(function(){
          $('<a id="fa_chat_button">Chatbox <span id="fa_chatters">(<span>0</span>)</span><img class="M14_more_chat_box"src="https://i.servimg.com/u/f20/20/11/87/27/add_it10.png"Title="Voir les membres connecté(s)" style="vertical-align: middle;margin-left:4px;"/></a>').insertAfter('#fa_notifications');
          $('<div id="fa_chatters_list">Membre(s) connecté(s) sur la ChatBox:<span></span></div> ').insertAfter('#fa_toolbar');
        try{
         var chattersList=function(){
        $.get("/",function(d){
        
         var a=$("div[id='M14_GetNameChat'] strong:first",d).text();    
         var b= $("p.M14_GetNameChat",d).html();
          var c= $("p.M14_GetNameChat",d).find('a[href^="/u"]').length;
          if(c>=1){        
        $("#fa_chatters span").html(a);
        $("#fa_chatters_list span").html(b);
            $('#fa_chat_button').hover(function(){
$('#fa_chatters_list').fadeIn();
}, function(){
$('#fa_chatters_list').fadeOut();
});
            
          }
          else
          {
            $('img[class="M14_more_chat_box"]').hide();
          }
        
          });
        };
        chattersList();
        setInterval(chattersList,5000);}catch(e){}
        })
        
});

---

---

Ou ce script qui affichera les membres connectés au clic:



Une fois ouvert et au clic sur le - on rétractera le menu:
Le petit moins est représenté par ce code html dans le script:

Code:

<img class="M14_less_chat_box"src="https://i.servimg.com/u/f20/20/11/87/27/remove12.png"title="Masquer les membres connecté(s)" style="display:none;vertical-align: middle;margin-left:4px;"/>

Code:


//Bouton chatbox en haut à droite
        $(function(){
        $(function(){
          $('<a id="fa_chat_button">Chatbox <span id="fa_chatters">(<span>0</span>)</span><img class="M14_more_chat_box"src="https://i.servimg.com/u/f20/20/11/87/27/add_it10.png"title="Voir les membres connecté(s)" style="vertical-align: middle;margin-left:4px;"/><img class="M14_less_chat_box"src="https://i.servimg.com/u/f20/20/11/87/27/remove12.png"title="Masquer les membres connecté(s)" style="display:none;vertical-align: middle;margin-left:4px;"/></a>').insertAfter('#fa_notifications');
          $('<div id="fa_chatters_list">Membre(s) connecté(s) sur la ChatBox:<span></span></div> ').insertAfter('#fa_toolbar');
        try{
         var chattersList=function(){
        $.get("/",function(d){
        
         var a=$("div[id='M14_GetNameChat'] strong:first",d).text();    
         var b= $("p.M14_GetNameChat",d).html();
          var c= $("p.M14_GetNameChat",d).find('a[href^="/u"]').length;
          if(c>=1){        
        $("#fa_chatters span").html(a);
        $("#fa_chatters_list span").html(b);
$('img.M14_more_chat_box').click(function(){
$(this).hide();$(this).next().show();
$('#fa_chatters_list').fadeIn();});
$('img.M14_less_chat_box').click(function(){
$(this).hide();$(this).prev().show();
$('#fa_chatters_list').fadeOut();
});
            
          }
          else
          {
            $('img[class="M14_more_chat_box"],img[class="M14_less_chat_box"]').hide();
          }
        
          });
        };
        chattersList();
        setInterval(chattersList,5000);}catch(e){}
        })
        
});



Bonjour Philippe,

Magnifique l'ami, c'est parfait

Un nouveau script qui me plait beaucoup!

Message envoyé via la réponse rapide par: @Milouze14