Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Membres connectés chatbox


2 participants

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 1:08

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour à tous les milouziens,

Un script sur mon forum permet d'afficher en haut de page à droite, le nombre de membres connectés sur la chatbox.

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=$("#chattersList a",d);
   $("# fa_chatters span").html(a.length);                              
                });
              };
              chattersList();
              setInterval(chattersList,5000);
              }catch(e){}
    })
    });

Or le nombre affiché, n'est plus actualisé. Il reste à zéro alors qu'il devrait correspondre au nombre affiché juste au dessus de la chatbox qui est en bas de page d'accueil.

Je crois que c'est depuis la dernière évolution de la chatbox.

Merci pour votre aide.


Dernière édition par photoclic le Mar 3 Aoû 2021 - 12:34, édité 2 fois

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 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  hinhin .

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
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 12:22

Bonjour Philippe,

Merci pour ton aide.
Le code est en place.

Alors le nombre de connectes n'est plus affiché.

Comme tu le dis, M14_GetNameChat et sa balise strong représente bien le nombre de membre(s) connecté(s).

Ce code pour la variable a renvoie bien le nombre de membre(s) connecté(s). :
Code:
var a=$("#M14_GetNameChat strong").length;

Mais l'utilisation de fonctions dans le script semble poser problème.


Edit:
J'ai essayé ça:
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');
$.get("/",function(a){
 var a=$("#M14_GetNameChat strong").length;             
$("#fa_chatters span").html(a);
  console.log('Il y a '+a);
 });
})});

Et là le nombre de connectés est majoré de 1. Bizarre.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 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 ok
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 15:34

Re Phil,

J'ai remis ton script sur mon fofo Phil pour que tu puisses voir et le nombre de connecté n'est pas affiché.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 31 Juil 2021 - 15:39

Re Serge,
Je verrais cela dans la soirée car je suis avec mon iPhone ok
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 15:41

OK. Pas de souci Phil, je laisse ton script en place.

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 31 Juil 2021 - 17:48

Re Serge,
le script fonctionne cher ami:

[PHPBB3] Membres connectés chatbox 116
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 31 Juil 2021 - 18:13

Modifies le script ainsi Serge:

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=$("div[id='M14_GetNameChat'] strong:first",d).text();                
    $("#fa_chatters span").html(a);});
    };
    chattersList();
    setInterval(chattersList,5000);}catch(e){}
    })});


Dernière édition par Milouze14 le Sam 31 Juil 2021 - 18:18, édité 1 fois
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 18:15

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

Là j'ai bien le bon nombre de connectés suivi des noms d'utilisateurs, tout collés.
[PHPBB3] Membres connectés chatbox Captu205

C'est excellent.

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


photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 18:16

Nos messages se sont croisés.
j'essaie ton dernier script et je reviens.

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 31 Juil 2021 - 18:18

photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic 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
pasvuT
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 31 Juil 2021 - 18:25

Tu désires avoir les pseudos avec ?
Imagines si tu as même que 5 membres de connectés l'espace est vraiment très restreint Serge!!!!
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 18:40

Cela aurait été bien, mais tu as raison faudrait mettre ... après le 2ième ou 3ième.
ça doit être bien compliqué ça.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 31 Juil 2021 - 18:44

Oui cela risque d'être très compliqué Serge car la page s'actualise toutes les 5 secondes..
Ensuite on peut mettre les membres connectés en dessous de la Toolbar ?
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 18:46

Ah oui, bonne idée à essayer ça.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 31 Juil 2021 - 18:54

Je regarde Serge ok .
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 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 Merci .


photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 19:58

Merci Philippe.

C'est en place Phil, mais le nom des membres n'apparait pas.
Peut-être un conflit avec un autre script.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 31 Juil 2021 - 20:02

Tu as bien placé la c.s.s car je ne vois pas celle-ci:
Code:
#fa_chatters_list


Edit:
modifies cet id dans ta c.s.s:
Code:
/*La barre des membres connectes*/
#fa_chatters_list
{
display:none;
background-color: #333;
width:100%;
height: 20px;
line-height: 20px;
position:fixed;
  top: 30px;
z-index: 999;
}
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 20:06

Oui, tout est en place.

En fait la barre que tu as créée se trouve plus bas sur le logo du clic.
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 31 Juil 2021 - 20:13

ça avance bien Phil, et ton idée de pouvoir faire apparaitre les membres connectés n'est pas pour me déplaire.

Pour avoir la barre chat au bon endroit, sans qu'elle recouvre la barre des membre en ligne (où apparait aussi le nbre de mp non lus), j'ai complété ton css ainsi pour que la barre chat soit à droite et n'avoir que les 2 premiers membres connectés visibles suivis de ...
(Peut-être faire apparaitre toute la liste sur un hover  mais je ne sais pas faire ça).

Code:

#fa_chatters_list {
    background-color: #333;
    color: #fff;
    margin-left: 74%;
    max-width: 25%;
    overflow: hidden;
    position: fixed;
    text-overflow: ellipsis;
    top: 37px;
    white-space: nowrap;
    z-index: 1000!important;
    display: none;
}

La masquer est une bonne idée pour ne pas trop surchargée.

Faut trouver un moyen de la faire apparaitre sur un :hover

Peut-être avec une petite image sur la barre à gauche du mot Chatbox.
Comme cette image: https://i.servimg.com/u/f20/20/11/87/27/add_it10.png

Mais je ne sais pas faire non plus :-)

Merci pour tout Philippe.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 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 hinhin
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic 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  tape la

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.

Milouze14 aime ce message

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum