[INVISION]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>
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>
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>


Ce qui donnera dans un message ou dans un template:

---

---

---

---

Votre Pseudo est:
Votre nombre de messages:
Votre avatar:
Votre nombre de messages privés:
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:

---

---

---

---

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:






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('.statistics table.ipbtable:eq(1) tr:eq(1) td:eq(1)').text();
        var messageday=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(1) td.row1').text();

        var posts=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(2) td:eq(1)').text();
        var postsday=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(2) td.row1').text();

        var totalUser=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(3) td:eq(1)').text();
        var totalUserday=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(3) td.row1').text();
          //Ouverture du forum
        var M14_date=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(4) td:eq(1)').text();
          //Age du forum (jours)
        var M14_age=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(4) td.row1').text();

        var M14_datelastuser=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(5) td:eq(1)').text();
          //Dernier membre enregistré link+text
        var b=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(5) td.row1').text();
        var c=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(5) td.row1 a[href^="/u"]').attr('href');
        var M14_daterecord=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(6) td:eq(1)').text();
        var M14_simulrecord=$(data).find('.statistics table.ipbtable:eq(1) tr:eq(6) td.row1').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="M14_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('Ton 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