[MODERNBB] Chatbox toolbar amélioration

Alors je ne c'est pas pourquoi le code .JS ne s'affiche pas complètement peut être que c'est fait exprès ? merci

Bonjour j'ai édité votre post pour le corriger, prenez soin de mettre vos codes dans une balise code, vous pouvez le faire en cliquant sur l'icône de l'éditeur.

Bienvenue parmi nous.

Je vous remercie beaucoup

Hello Cédric,

merci Arnaud   .
Je viens encore de me servir de tes services .

https://forum.forumactif.com/t379605-chatbox-afficher-nombre-connectes#3201237
Cédric,


Dans le template index_body:
Affichage/Templates/Général/index_body

Recherches ligne 77 (environ)
Ceci:

Code:

{CHATTERS_LIST}

Supprimes et remplaces par:

Code:


<span id="chattersList">{CHATTERS_LIST}</span>


Penses a enregistrer puis à valider en cliquant respectivement sur puis

Puis supprimes le script donné:
Par celui-ci:

Code:

jQuery(document).ready(function() {
  jQuery('body').append('<table id="M14_Chat_Box"style="display:none;position:fixed; top:34px;left:10%;background-color: #;z-index:10000;"><tr><td><div scrolling="no" style="width: 800px; height: 400px; marginwidth="0" marginheight="0" frameborder="0" title="ChatBox du Forum Crazy Mocs">
<iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 380px;" ></iframe>
</div></td><td id="M14_Close"style="vertical-align: bottom;cursor:pointer;"title="Fermer la Chatbox"><img src="https://i.servimg.com/u/f37/11/44/92/25/fermer10.png"/></td></tr></table>'); } );
$(function(){
$(function(){
$('<span id="M14_Chat"style="cursor:pointer;"title="Rejoindre la Chatbox"> <img src="https://i.servimg.com/u/f39/11/26/21/37/ouvrir10.png"alt="Rejoindre la ChatBox"  align="absmiddle"/>    <span class="nbUtilisateursChatbox"></span></span>').insertBefore('#fa_menu');
  $('#M14_Chat').click(function(){$('#M14_Chat_Box').fadeIn(800);});
$('#M14_Close').click(function(){$('#M14_Chat_Box').fadeOut(800);});
})});
$(function(){
          try{
          var chattersList=function(){
            $.get("/",function(d){
              var a=$("#chattersList a",d);
                $(".nbUtilisateursChatbox").html(a.length);
            });
          };
          chattersList();
          setInterval(chattersList,10000);
          }catch(e){}
});

a++

super merci @Milouze14 c'est top  sa a bien ajouté le nombre de membre connecté, par contre je voudrais aussi 
inclure aussi la :

Notification des nouveau message en live notif 
&
Connexion automatique des membres

Ah ah c'est un vieux sujet ça ne me rajeunit pas ^^

Cedou a écrit:super merci @Milouze14 c'est top  sa a bien ajouté le nombre de membre connecté, par contre je voudrais aussi 
inclure aussi la :

Notification des nouveau message en live notif 
&
Connexion automatique des membres

Je veux bien mais la place est restreinte Cédric

no_way a écrit:Ah ah c'est un vieux sujet ça ne me rajeunit pas ^^

Oh, presque 5 ans et tu n'as pas prit une ride .

si j'arrive a écarter le bouton on peux faire quelque chose   ?

Ou alors je regarde pour supprimer l'image et insérer du texte non?

le texte chatbox en jaune ?

au plus simple une petite infobulle news message ou une cloche ou le logo chatbox qui clignote je c'est pas au plus simple quoi lol c'est vous les pros et je reste admiratif bravo en tout cas et merci de votre aides

Ce script affichera au survol de l'image les informations demandées Cédric:

Code:

jQuery(document).ready(function() { jQuery('body').append('<table id="M14_Chat_Box"style="display:none;position:fixed; top:34px;left:10%;background-color: #;z-index:10000;"><tr><td><div scrolling="no" style="width: 800px; height: 400px; marginwidth="0" marginheight="0" frameborder="0" title="ChatBox du Forum Crazy Mocs">
<iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 380px;" ></iframe>
</div></td><td id="M14_Close"style="vertical-align: bottom;cursor:pointer;"title="Fermer la Chatbox"><img src="https://i.servimg.com/u/f37/11/44/92/25/fermer10.png"/></td></tr></table>'); } );
$(function(){
$(function(){
$('<span id="M14_Chat"style="cursor:pointer;"> <img src="https://i.servimg.com/u/f39/11/26/21/37/ouvrir10.png"alt="Rejoindre la ChatBox" align="absmiddle" title="Rejoindre la Chatbox. [Notification des nouveau message en live notif &Connexion automatique des membres]"/>    <span class="nbUtilisateursChatbox"></span></span>').insertBefore('#fa_menu');
$('#M14_Chat').click(function(){$('#M14_Chat_Box').fadeIn(800);});
$('#M14_Close').click(function(){$('#M14_Chat_Box').fadeOut(800);});
})});
$(function(){
          try{
          var chattersList=function(){
             $.get("/",function(d){
              var a=$("#chattersList a",d);
                $(".nbUtilisateursChatbox").html(a.length);
             });
          };
          chattersList();
          setInterval(chattersList,10000);
          }catch(e){}
});

Ce script affichera que du texte de couleur jaune:

Code:

jQuery(document).ready(function() { jQuery('body').append('<table id="M14_Chat_Box"style="display:none;position:fixed; top:34px;left:10%;background-color: #;z-index:10000;"><tr><td><div scrolling="no" style="width: 800px; height: 400px; marginwidth="0" marginheight="0" frameborder="0" title="ChatBox du Forum Crazy Mocs">
<iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 380px;" ></iframe>
</div></td><td id="M14_Close"style="vertical-align: bottom;cursor:pointer;"title="Fermer la Chatbox"><img src="https://i.servimg.com/u/f37/11/44/92/25/fermer10.png"/></td></tr></table>'); } );
$(function(){
$(function(){
  $('<span id="M14_Chat"style="cursor:pointer;height:30px;line-height:30px;font-size:12px;color:yellow;">Rejoindre la ChatBox [Notification des nouveaux messages en live notif & Connexion automatique des membres]  <span class="nbUtilisateursChatbox" style="font-size:12px;color:yellow;">( <span></span> )</span></span>').insertBefore('#fa_menu');
$('#M14_Chat').click(function(){$('#M14_Chat_Box').fadeIn(800);});
$('#M14_Close').click(function(){$('#M14_Chat_Box').fadeOut(800);});
})});
$(function(){
          try{
          var chattersList=function(){
            $.get("/",function(d){
              var a=$("#chattersList a",d);
                $(".nbUtilisateursChatbox span").html(a.length);
            });
          };
          chattersList();
          setInterval(chattersList,10000);
          }catch(e){}
});

non ce n'est pas bon je suis navré sa m'affiche un très long message au survol pour le premier js 

et le deuxième sa me mes un message statique tres long en jaune ce que je veux en fait c'est simplement que lorsque un membres ce connect a mon forum soit d'office connecté a la chatbox 

et pour les les notifications qu'il soit alerter par une bulle ou autres merci beaucoup d'avance

Alors,
sur l'entraide, il n'y a qu'une demande à la fois cher ami.

Alors concrètement que veux tu exactement pour la partie Chatbox?

Pour le reste ce sera un autre sujet.

et bien ce n'est q'une seul demande je n'es pas changez ma demande de départ qui es celle ci 

avoir a coté de l'icone chatbox le nombre de membre connecté à côté de l'image, notification nouveau message en live notif, connexion automatique des membres en ligne sur le forum.

Mes si il faut faire un nouveau sujet pour chaque chose je le fait aucun soucis merci

le nombre de membre connecté à côté de l'image, notification nouveau message en live notif, connexion automatique des membres en ligne sur le forum.

Cela représente pour moi 3 demandes.

Mais si il faut faire un nouveau sujet pour chaque chose je le fais sans aucun soucis merci

Et c'est un principe pour les éventuelles recherches...

Donc tu veux garder l'image et avoir le nombre de membres connectés.
Ce sera donc ce script:

Code:

   jQuery(document).ready(function() {
      jQuery('body').append('<table id="M14_Chat_Box"style="display:none;position:fixed; top:34px;left:10%;background-color: #;z-index:10000;"><tr><td><div scrolling="no" style="width: 800px; height: 400px; marginwidth="0" marginheight="0" frameborder="0" title="ChatBox du Forum Crazy Mocs">
    <iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 380px;" ></iframe>
    </div></td><td id="M14_Close"style="vertical-align: bottom;cursor:pointer;"title="Fermer la Chatbox"><img src="https://i.servimg.com/u/f37/11/44/92/25/fermer10.png"/></td></tr></table>'); } );
    $(function(){
    $(function(){
    $('<span id="M14_Chat"style="cursor:pointer;"title="Rejoindre la Chatbox"> <img src="https://i.servimg.com/u/f39/11/26/21/37/ouvrir10.png"alt="Rejoindre la ChatBox"  align="absmiddle"/>    <span class="nbUtilisateursChatbox"></span></span>').insertBefore('#fa_menu');
      $('#M14_Chat').click(function(){$('#M14_Chat_Box').fadeIn(800);});
    $('#M14_Close').click(function(){$('#M14_Chat_Box').fadeOut(800);});
    })});
    $(function(){
              try{
              var chattersList=function(){
                $.get("/",function(d){
                  var a=$("#chattersList a",d);
                    $(".nbUtilisateursChatbox").html(a.length);
                });
              };
              chattersList();
              setInterval(chattersList,10000);
              }catch(e){}
    });

notification nouveau message en live notif

C'est au bon vouloir du membre dans ses préférences.
Donc impossible.

d'accord je comprend donc on peux classer sa en résolue je vous remercie je ré ouvre une autres demande et je comprend tout a fait 

merci beaucoup

Pas de soucis:

Merci de suivre la procédure pour mettre ton sujet en "Résolu" Cédric.