[PHPBB2]Afficher la majeure partie des variables avec un bouton sur l'éditeur

Hello les ami(e)s,

pour que l'astuce fonctionne, il faut activer les statistiques pour tous les membres:

Général/Statistiques/Statistiques du forum/Autorisations

Qui est autorisé à voir les statistiques en ligne ?
Cochez  Utilisateur enregistré  

Dans le cas inverse, ce n'est pas la peine de lire le reste   .

En faite, l'astuce suivante fonctionne aussi bien avec le bouton ajouté dans l'éditeur ( visible que par le staff et les modos) mais aussi sur n'importe quelle page du fofo.
Il suffit de mettre les balises suivantes à l'endroit désiré:

Code:


Votre Pseudo est: <span class="M14_UserName"id="M14_var"></span>
Nombre de membres: <span class="M14_totalUser"id="M14_var"></span>
Nombre de sujets ouverts: <span class="M14_totalPosts"id="M14_var"></span>
Nombre de sujets par jour: <span class="M14_totalPostsDay"id="M14_var"></span>
Nombre d'utilisateurs connectés en même temps: <span class="M14_simulRecord"id="M14_var"></span>
Nombre de messages: <span class="M14_UserPost"id="M14_var"></span>
Nombre de messages par jour: <span class="M14_UserDay"id="M14_var"></span>
Dernier membre enregistré: <span class="M14_lastUser"id="M14_var"></span>
Date de record de connexion: <span class="M14_dateRecord"id="M14_var"></span>
Date d'enregistrement du dernier membre: <span class="M14_dateLastUser"id="M14_var"></span>
Date d'ouverture du forum: <span class="M14_dateForum"id="M14_var"></span>
Age du forum: <span class="M14_ageForum"id="M14_var"></span>
Votre nombre de messages: <span class="UserPosT"id="M14_var"></span>
Votre avatar: <span class="UserAvatar"id="M14_var"></span>
Votre nombre de messages privés: <span class="UserPriv"id="M14_var"></span>


Ce qui donnera dans un message ou dans un template:

---

---

---

---

   Votre Pseudo est:
   Nombre de membres:
   Nombre de sujets ouverts:
   Nombre de sujets par jour:
   Nombre d'utilisateurs connectés en même temps:
   Nombre de messages:
   Nombre de messages par jour:
   Dernier membre enregistré:
   Date de record de connexion:
   Date d'enregistrement du dernier membre:
   Date d'ouverture du forum:
   Age du forum:
   Votre nombre de messages:
   Votre avatar:
   Votre nombre de messages privés:

---

---

---

---

Ensuite dans le script, vous aurez ceci:

Code:

//BOUTON SUR L EDITEUR (LIEN DE L IMAGE)
  var M14_image='https://i.servimg.com/u/f87/11/26/21/37/user10.png';

Ce sera l'image qui sera placée sur l'éditeur.


Allez assez parlé écrit , on passe au choses sérieuses   .

Pour les membres connectés:


Pour les invités:


Le bouton sur l'éditeur:


Au clic:

-Astuce des Forums Milouze14&Compagnie- Astuce postée par: Réponse automatique: Merci de cliquer ici pour voir le message Pour toute information,merci de contacter un Membre du Staff

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur toutes les pages.


Déposez ceci:

Code:


$(function(){
        var UserPosT=_userdata["user_posts"];
        var UserAvatar=_userdata["avatar"];
        var UserPriv=_userdata["user_nb_privmsg"];
        var M14_UserNameVAR=_userdata["username"];
        var SpanUserPost=$('span[class="UserPosT"]');
        var SpanUserAvatar=$('span[class="UserAvatar"]');
        var SpanUserPriv=$('span[class="UserPriv"]');
        var M14_usernameVAR=$('span[class="M14_UserName"]');
        var M14_UserPostVAR=$('span[class="M14_UserPost"]');
        var M14_UserDayVAR =$('span[class="M14_UserDay"]');
        var M14_totalPostsVAR=$('span[class="M14_totalPosts"]');
        var M14_totalPostsDayVAR=$('span[class="M14_totalPostsDay"]');
        var M14_totalUserVAR=$('span[class="M14_totalUser"]');
        var M14_totalUserDayVAR=$('span[class="M14_totalUserDay"]');
        var M14_dateForumVAR=$('span[class="M14_dateForum"]');  
        var M14_ageForumVAR=$('span[class="M14_ageForum"]');  
        var M14_dateLastUserVAR=$('span[class="M14_dateLastUser"]');  
        var M14_lastUserVAR=$('span[class="M14_lastUser"]');
        var M14_dateRecordVAR=$('span[class="M14_dateRecord"]');  
        var M14_simulRecordVAR=$('span[class="M14_simulRecord"]');    
        $.get('/statistics', function(data){
     var message=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(2)').find('td:eq(1)').find('.gen').text();
var messageday=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(2)').find('td:last').find('.gen').text();
var posts=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(3)').find('td:eq(1)').find('.gen').text();
var postsday=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(3)').find('td:last').find('.gen').text();
var totalUser=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(4)').find('td:eq(1)').find('.gen').text();
var totalUserday=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(4)').find('td:last').find('.gen').text();
var M14_date=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(5)').find('td:eq(1)').find('.gen').text();
var M14_age=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(5)').find('td:last').find('.gen').text();
var M14_datelastuser=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(6)').find('td:eq(1)').find('.gen').text();  
var b=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(6)').find('td:last').find('.gen a').text();
var c=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(6)').find('td:last').find('.gen a').attr('href');
var M14_daterecord=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(7)').find('td:eq(1)').find('.gen').text();
var M14_simulrecord=$(data).find('span[class="cattitle"]:contains(Statistiques globales du forum)').closest('table').find('tr:eq(7)').find('td:last').find('.gen').text();
    if(b)
    {
      SpanUserPost.html(UserPosT).attr('title','Nombre de messages');
      SpanUserAvatar.html(UserAvatar).attr('title','Votre avatar');
      SpanUserPriv.html(UserPriv).attr('title','Votre nombre de messages privés');
      M14_UserPostVAR.html(message).attr('title','Nombre de messages dans le forum');
      M14_UserDayVAR.html(messageday).attr('title','Nombre de messages par jour');
      M14_totalPostsVAR.html(posts).attr('title','Nombre de sujets ouvert dans le forum');
      M14_totalPostsDayVAR.html(postsday).attr('title','Nombre de sujets par jour');
      M14_totalUserVAR.html(totalUser).attr('title','Nombre d\'utilisateurs');
      M14_totalUserDayVAR.html(totalUserday).attr('title','Nombre d\'utilisateurs par jour ');
      M14_dateForumVAR.html(M14_date).attr('title','Ouverture du forum');
      M14_ageForumVAR.html(M14_age).attr('title','Age du forum en jours');
      M14_dateLastUserVAR.html(M14_datelastuser).attr('title','Date d\'enregistrement du dernier utilisateur');
      M14_lastUserVAR.html(' <a href="'+c+'"style="color:#000;"title="Dernier utilisateur enregistré">'+b+'</a>');  
      M14_dateRecordVAR.html(M14_daterecord).attr('title','Date du record de connexions');
      M14_simulRecordVAR.html(M14_simulrecord).attr('title','Nombre record d\'utilisateurs connectés en même temps ');
    }
    else
    {
    $('span[id="VAR"]').attr('title','Vous ne pouvez pas visualiser ses informations');
    SpanUserPost.html('<a href="/login">Merci de vous connecter</a>');
    SpanUserAvatar.html('<a href="/login">Merci de vous connecter</a>');
    SpanUserPriv.html('<a href="/login">Merci de vous connecter</a>');
    M14_UserPostVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_UserDayVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_totalPostsVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_totalPostsDayVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_lastUserVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_totalUserDayVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_dateForumVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_ageForumVAR.html('<a href="/login">Merci de vous connecter</a>');  
    M14_dateLastUserVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_totalUserVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_dateRecordVAR.html('<a href="/login">Merci de vous connecter</a>');
    M14_simulRecordVAR.html('<a href="/login">Merci de vous connecter</a>');
    }
  if (_userdata["user_id"] >= (0))
{
  M14_usernameVAR.html(M14_UserNameVAR).attr('title','Votre Pseudo');
}
       // start tooltipster
        $('.M14_UserName,.M14_UserPost,.M14_UserDay,.M14_totalPosts,.M14_totalPostsDay,.M14_totalUser,.M14_totalUserDay,.M14_dateForum,.M14_ageForum,.M14_dateLastUser,.M14_lastUser a,.M14_dateRecord,.M14_simulRecord,.UserPosT,.UserAvatar,.UserPriv').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
 if (_userdata["user_id"] < (0)){
  M14_usernameVAR.html('<a href="/login">Merci de vous connecter</a>');
 }
    });});
    $(function(){
    if(_userdata["user_level"] ==1||_userdata["user_level"] ==2)

    $(function(){
      //BOUTON SUR L EDITEUR (LIEN DE L IMAGE)
      var M14_image='https://i.servimg.com/u/f87/11/26/21/37/user10.png';
    $('<div class="sceditor-dropdown M14_variable"style="display:none;width: 250px;right: -250px;">
    <div class="var1"><label title="Pseudo"style="cursor:pointer;">Pseudo</label></div>
    <div class="var2"><label title="Nombre de membres"style="cursor:pointer;">Nombre de membres</label></div>
    <div class="var3"><label title="Nombre de sujets ouverts"style="cursor:pointer;">Nombre de sujets ouverts</label></div>
    <div class="var4"><label title="Nombre de sujets par jour"style="cursor:pointer;">Nombre de sujets par jour</label></div>
    <div class="var5"><label title="Nombre d\'utilisateurs connectés en même temps"style="cursor:pointer;">Nombre d\'utilisateurs connectés..</label></div>
    <div class="var6"><label title="Nombre de messages"style="cursor:pointer;">Nombre de messages</label></div>
    <div class="var7"><label title="Nombre de messages par jour"style="cursor:pointer;">Nombre de messages par jour</label></div>
    <div class="var8"><label title="Dernier membre enregistré"style="cursor:pointer;">Dernier membre enregistré</label></div>
    <div class="var9"><label title="Date de record de connexion"style="cursor:pointer;">Date de record de connexion</label></div>
    <div class="var10"><label title="Date d\'enregistrement du dernier membre"style="cursor:pointer;">Date d\'enregistrement du..</label></div>
    <div class="var11"><label title="Date d\'ouverture du forum"style="cursor:pointer;">Date d\'ouverture du forum</label></div>
    <div class="var12"><label title="Age du forum"style="cursor:pointer;">Age du forum</label></div>
    <div class="var13"><label title="Votre nombre de message"style="cursor:pointer;">Votre nombre de message</label></div>
    <div class="var14"><label title="Votre avatar"style="cursor:pointer;">Votre avatar</label></div>
    <div class="var15"><label title="Votre nombre de messages privés"style="cursor:pointer;">Votre nombre de messages..</label></div>
    </div>').appendTo('.sceditor-toolbar');
     // start tooltipster
            $('.sceditor-dropdown.M14_variable div[class^="var"] label').tooltipster({
              animation : 'fade',
              arrow : true,
              speed : 300,
              delay : 300,
              onlyOne : true,
              theme : 'tooltipster-default'
            });
    $('<a class="sceditor-button M14_variable"title="Bouton variables" unselectable="on"><div unselectable="on"style="background-image:url('+M14_image+')">Bouton variables</div></a>').insertAfter('a.sceditor-button-source');
      // start tooltipster
            $('a.sceditor-button.M14_variable').tooltipster({
              animation : 'fade',
              arrow : true,
              speed : 300,
              delay : 300,
              onlyOne : true,
              theme : 'tooltipster-default'
            });
    $('.sceditor-button.M14_variable').click(function(){
    $('.sceditor-dropdown.M14_variable').slideToggle();});
    $('.var1').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Votre Pseudo est: <span class="M14_UserName"id="M14_var"></span>\n');});  
    $('.var2').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Nombre de membres: <span class="M14_totalUser"id="M14_var"></span>\n');});
    $('.var3').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Nombre de sujets ouverts: <span class="M14_totalPosts"id="M14_var"></span>\n');});
    $('.var4').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Nombre de sujets par jour: <span class="M14_totalPostsDay"id="M14_var"></span>\n');});  
    $('.var5').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Nombre d\'utilisateurs connectés en même temps: <span class="M14_simulRecord"id="M14_var"></span>\n');});
    $('.var6').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Nombre de messages: <span class="M14_UserPost"id="M14_var"></span>\n');});  
    $('.var7').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Nombre de messages par jour: <span class="M14_UserDay"id="M14_var"></span>\n');});
    $('.var8').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Dernier membre enregistré: <span class="M14_lastUser"id="M14_var"></span>\n');});
    $('.var9').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Date de record de connexion: <span class="M14_dateRecord"id="M14_var"></span>\n');});
    $('.var10').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Date d\'enregistrement du dernier membre: <span class="M14_dateLastUser"id="M14_var"></span>\n');});
    $('.var11').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Date d\'ouverture du forum: <span class="M14_dateForum"id="M14_var"></span>\n');});
    $('.var12').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Age du forum: <span class="M14_ageForum"id="M14_var"></span>\n');});
    $('.var13').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Votre nombre de messages: <span class="UserPosT"id="M14_var"></span>\n');});
      $('.var14').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Votre avatar: <span class="UserAvatar"id="M14_var"></span>\n');});
      
    $('.var15').click(function(){
      $('#text_editor_textarea').sceditor("instance").insert('Votre nombre de messages privés: <span class="UserPriv"id="M14_var"></span>\n');});
      
    })});



Pensez a cliquer sur le bouton Valider

Un peu de style:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:

Code:


/*Le conteneur de variable*/
.sceditor-dropdown.M14_variable div
{
background-color:#96CA2D;  
}
/*Les titres du conteneur*/
.sceditor-dropdown.M14_variable div label
{
color:white;  
}
    /*CHAQUE SPAN DE VARIABLE*/
    #M14_var
    {
    background:#96CA2D;
    padding: 1px 3px;
    line-height: 20px;
    cursor:pointer;
    color:white !important;
    }
/*Chaque lien pour les invités*/
    #M14_var a
    {
    color:white !important;
    text-decoration:none!important;
    }
    /*Pour l avatar*/
    #M14_var img
    {
    width:16px;
    height:16px;
    top:2px;
    position: relative;
    border-radius: 6px;
    }


Pensez à valider les modifications en cliquant sur le bouton Valider

Intéressant !

Merci.

Merci beaucoup !

Merci beaucoup !

Merci Philippe
Mais je n'y comprends rien .
je reviens juste maintenant , j'ai formater mon pc , et je suis en plein aménagement

Hello,

Waaoo, génial : C'est un mode sup. formidable

Merci bcp

Hello les ami(e)s,
je viens d'ajouter le résultat d'ajout de variable dans le message:

https://www.milouze14.com/t31792-phpbb2afficher-la-majeure-partie-des-variables-avec-un-bouton-sur-l-editeur#604485

Merci beaucoup !

Merci beaucoup !