Membres connectés récemment
[PHPBB3] Membres connectés chatbox
2 participants
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
- 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.
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.
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.
Milouze14 aime ce message
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é:
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){}
})});
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). :
Mais l'utilisation de fonctions dans le script semble poser problème.
Edit:
J'ai essayé ça:
Et là le nombre de connectés est majoré de 1. Bizarre.
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.
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){}
})});
@photoclic
Tu peux modifier de nouveau le script Serge:
https://www.milouze14.com/t33088-phpbb3-membres-connectes-chatbox#631429
Tu peux modifier de nouveau le script Serge:
https://www.milouze14.com/t33088-phpbb3-membres-connectes-chatbox#631429
Alors, voici le script modifié:
Et sa C.S.S:
Je serais absent jusqu'à Lundi soir, voir mardi, vacances oblige .
- 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 .
ç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).
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.
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.
Hello Serge,
juste avant de prendre la route.
Ce script comprenant un hover avec la petite image donnée devrait convenir:
La barre n'est pas très chouette Serge,
il faut un height et un min height .
Ce style devrait faire l'affaire:
A bientôt
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
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.
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.
Milouze14 aime ce message
Page 1 sur 2 • 1, 2
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum