[PHPBB3] Membres connectés chatbox

photoclic Sam 31 Juil 2021 - 1:08

Milouze14 Sam 31 Juil 2021 - 6:14

Hello Serge,

en allant sur ton forum et en bas de ton Qeel, tu as cet id :
M14_GetNameChat et sa balise strong représente le nombre de membre(s) connecté(s).

A partir de là,ce script devrait fonctionner   .

Puis le script modifié:

Code:

//Bouton chatbox en haut à droite
$(function(){
$(function(){
$('<a id="fa_chat_button">Chatbox <span id="fa_chatters">(<span>0</span>)</span></a>').insertAfter('#fa_notifications');
try{
 var chattersList=function(){
$.get("/",function(d){
 var a=$("#M14_GetNameChat strong",d).text();                
$("#fa_chatters span").html(a);});
};
chattersList();
setInterval(chattersList,5000);}catch(e){}
})});

photoclic Sam 31 Juil 2021 - 12:22

Milouze14 Sam 31 Juil 2021 - 15:23

Salut Serge,
je capture du texte et non un nombre quelconque dans mon script !!!
Il est fonctionnel cher ami sur mon fofo

photoclic Sam 31 Juil 2021 - 15:34

Milouze14 Sam 31 Juil 2021 - 15:39

Re Serge,
Je verrais cela dans la soirée car je suis avec mon iPhone

photoclic Sam 31 Juil 2021 - 15:41

Milouze14 Sam 31 Juil 2021 - 17:48

Re Serge,
le script fonctionne cher ami:

Milouze14 Sam 31 Juil 2021 - 18:13

photoclic Sam 31 Juil 2021 - 18:15

Il se passe des trucs bizarres sur mon fofo ou c'est moi qui devient gaga

Là j'ai bien le bon nombre de connectés suivi des noms d'utilisateurs, tout collés.


C'est excellent.

Je ne sais pas s'il est possible de mettre un espace ou un tiré entre chaque item.

photoclic Sam 31 Juil 2021 - 18:16

Milouze14 Sam 31 Juil 2021 - 18:18

photoclic Sam 31 Juil 2021 - 18:23

Ton derniers scripts fonctionne comme prévu au début avec le bon nombre de connectés.

Avec le nom des membres c'était bien aussi

Milouze14 Sam 31 Juil 2021 - 18:25

photoclic Sam 31 Juil 2021 - 18:40

Milouze14 Sam 31 Juil 2021 - 18:44

photoclic Sam 31 Juil 2021 - 18:46

Milouze14 Sam 31 Juil 2021 - 18:54

Je regarde Serge .

Milouze14 Sam 31 Juil 2021 - 19:44

Alors, voici le script modifié:

Code:

//Bouton chatbox en haut à droite
        $(function(){
        $(function(){
        $('<a id="fa_chat_button">Chatbox <span id="fa_chatters">(<span>0</span>)</span></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();
        $("#fa_chatters span").html(a);
        $("#fa_chatters_list span").html(b);
        
          });
        };
        chattersList();
        setInterval(chattersList,5000);}catch(e){}
        })});



Et sa C.S.S:

Code:

/*La barre des membres connectes*/
#fa_chatters_list
{

background-color: #333;
width:100%;
height: 20px;
line-height: 20px;
position:fixed;
}
/*on decale de 5px les membres en ligne*/
#fa_chatters_list span{margin-left:5px;}
/*on donne une couleur à la virgule separant les membres*/
#fa_chatters_list{color:white;}
/*On donne une couleur unique aux membres connectes*/
#fa_chatters_list a[href^="/u"],#fa_chatters_list a[href^="/u"] span
{
color:#2a89a9 !important;
}



Je serais absent jusqu'à Lundi soir, voir mardi, vacances oblige .

photoclic Sam 31 Juil 2021 - 19:58

Milouze14 Sam 31 Juil 2021 - 20:02

photoclic Sam 31 Juil 2021 - 20:06

photoclic Sam 31 Juil 2021 - 20:13

Milouze14 Dim 1 Aoû 2021 - 5:28

Hello Serge,
juste avant de prendre la route.
Ce script comprenant un hover avec la petite image donnée devrait convenir:

Code:


//Bouton chatbox en haut à droite
        $(function(){
        $(function(){
          $('<a id="fa_chat_button">Chatbox <span id="fa_chatters">(<span>0</span>)</span><img 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();
        $("#fa_chatters span").html(a);
        $("#fa_chatters_list span").html(b);
       
          });
        };
        chattersList();
        setInterval(chattersList,5000);}catch(e){}
        })
       
});

$(function(){$(function(){
$('#fa_chat_button').hover(function(){
$('#fa_chatters_list').slideToggle();
}, function(){
$('#fa_chatters_list').slideToggle();
});
})});

La barre n'est pas très chouette Serge,
il faut un height et un min height .

Ce style devrait faire l'affaire:

Code:

/*La barre des membres connectes*/
#fa_chatters_list
{
display:none;
position:fixed;
background-color: #333;
color: #fff;
height: 20px;
line-height: 20px;
left: 75%;
width: 24%;
top: 37px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
  z-index: 1000!important;
 
}



A bientôt

photoclic Dim 1 Aoû 2021 - 11:15

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.