[EDGE]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 les personnes ayant droit de modérer) 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>


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 M14_UserNameVAR=_userdata["username"];
    var UserPosT=_userdata["user_posts"];
    var UserAvatar=_userdata["avatar"];
    var UserPriv=_userdata["user_nb_privmsg"];
    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('table.forumline.values:eq(1)').find('tr:eq(2)').find('td:eq(1)').find('.gen').text();
    var messageday=$(data).find('table.forumline.values:eq(1)').find('tr:eq(2)').find('td:last').find('.gen').text();
    var posts=$(data).find('table.forumline.values:eq(1)').find('tr:eq(3)').find('td:eq(1)').find('.gen').text();
    var postsday=$(data).find('table.forumline.values:eq(1)').find('tr:eq(3)').find('td:last').find('.gen').text();
    var totalUser=$(data).find('table.forumline.values:eq(1)').find('tr:eq(4)').find('td:eq(1)').find('.gen').text();
    var totalUserday=$(data).find('table.forumline.values:eq(1)').find('tr:eq(4)').find('td:last').find('.gen').text();
      //Ouverture du forum
    var M14_date=$(data).find('table.forumline.values:eq(1)').find('tr:eq(5)').find('td:eq(1)').find('.gen').text();
      //Age du forum (jours)
    var M14_age=$(data).find('table.forumline.values:eq(1)').find('tr:eq(5)').find('td:last').find('.gen').text();
    var M14_datelastuser=$(data).find('table.forumline.values:eq(1)').find('tr:eq(6)').find('td:eq(1)').find('.gen').text();  
      //Dernier membre enregistré link+text
    var b=$(data).find('table.forumline.values:eq(1)').find('tr:eq(6)').find('td:last').find('.gen a').text();
    var c=$(data).find('table.forumline.values:eq(1)').find('tr:eq(6)').find('td:last').find('.gen a').attr('href');
    var M14_daterecord=$(data).find('table.forumline.values:eq(1)').find('tr:eq(7)').find('td:eq(1)').find('.gen').text();
    var M14_simulrecord=$(data).find('table.forumline.values:eq(1)').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');
      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_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
        $('.UserPosT,.UserAvatar,.UserPriv,.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').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(){
$('<div class="sceditor-dropdown M14_variable"style="display:none;width:150px;right:-150px;">
<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">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:


/*LA COULEUR DE FOND DU CONTENEUR*/
.sceditor-dropdown.M14_variable div{background-color:#96CA2D;}
/*L APPARENCE DES TITRES*/
.sceditor-dropdown.M14_variable div label{color:white;font-size: 11px;}
/*L APPARENCE SUR LES MESSAGES*/
#M14_var{background:#96CA2D;padding: 1px 3px;line-height:20px;cursor:pointer;color:white !important;}
/*L APPARENCE SUR DES LIENS SUR LES MESSAGES*/
#M14_var a{color:white !important;text-decoration:none!important;}
/*L AVATAR*/
#M14_var img{width:16px;height:16px;top:8px;position: relative;border-radius: 6px;}
/*LE SYMBOLE SUR L EDITEUR*/
.sceditor-button.M14_variable:after{content: "\f21d";}





Pensez à valider les modifications en cliquant sur le bouton Valider






Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide 
https://www.milouze14.com/f108-entraide-tous-supports

Merci beaucoup !

bonjour
ca ne fonctionne pas chez moi !

message reçu
pourquoi ouvrir un autre sujet alors qu'on peut y repondre ici

Parce que ce forum n'a pas vocation a recevoir de l'aide Emeline.
L'entraide est prévu pour.

Merci beaucoup !