[PUNBB]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('.main-content:eq(1) .table tr:eq(1)').find('td.tc2:first').text();
var messageday=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(0)').find('td.tcr').text();
var posts=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(1)').find('td.tc2:eq(0)').text();
var postsday=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(1)').find('td.tcr').text();
var totalUser=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(2)').find('td.tc2:eq(0)').text();
var totalUserday=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(2)').find('td.tcr').text();
      //Ouverture du forum
    var M14_date=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(3)').find('td.tc2:eq(0)').text();
      //Age du forum (jours)
    var M14_age=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(3)').find('td.tcr').text();

    var M14_datelastuser=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(4)').find('td.tc2:eq(0)').text();
      //Dernier membre enregistré link+text
    var b=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(4)').find('td.tcr').text();
    var c=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(4)').find('td.tcr a[href^="/u"]').attr('href');
    var M14_daterecord=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(5)').find('td.tc2:eq(0)').text();
    var M14_simulrecord=$(data).find('.main-content:eq(1) .table tbody').find('tr:eq(5)').find('td.tcr').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