Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

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


3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 19 Nov 2018 - 19:42

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  pasvuT .

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  clin oeil .

Pour les membres connectés:
[PHPBB3]Afficher la majeure partie des variables avec un bouton sur l'éditeur 189

Pour les invités:
[PHPBB3]Afficher la majeure partie des variables avec un bouton sur l'éditeur 1bis12

Le bouton sur l'éditeur:
[PHPBB3]Afficher la majeure partie des variables avec un bouton sur l'éditeur 219

Au clic:
[PHPBB3]Afficher la majeure partie des variables avec un bouton sur l'éditeur 1149






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('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 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');});
  
})});



Penser a cliquer sur le bouton Valid

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;
        }






Penser a cliquer sur le bouton Valid


Dernière édition par Milouze14 le Sam 7 Déc 2024 - 8:02, édité 10 fois

Freedom Sun aime ce message

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 19 Nov 2018 - 20:49

Merci beaucoup !
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 20 Nov 2018 - 14:56

Hello Serge,
je viens de mettre a jour l'astuce pour la feuille de style afin de personnaliser les différents titres du conteneur des variables clin oeil .
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 20 Nov 2018 - 15:05

Milouze14 a écrit:Hello Serge,
je viens de mettre a jour l'astuce pour la feuille de style afin de personnaliser les différents titres du conteneur des variables clin oeil .

Hello Philippe. Merci pour l'info. Installé sur mon forum test, je réfléchis à son utilisation.
Freedom Sun
Freedom Sun
Modérateur

https://misterswing.forumactif.com/

MessageFreedom Sun Ven 22 Nov 2024 - 22:38

Bonjour à vous, ⁣hinhin

Je passerai par ici, et je me suis dit ! Tien ! je vais me coller ce tutoriel...
Il est vraiment pratique,

Un grand merci @Milouze14 (Phil) de cette astuce et du travail effectué... Merci

Un bientôt sur d'autres idées 💡

Milouze14 et fred9545 aiment ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 23 Nov 2024 - 5:08

@Freedom Sun,
merci Stefano,
c'est vrai qu'il est pratique ok,
j'ai réactivé le script ainsi que la css associée afin avoir le visuel hinhin


fred9545 et Freedom Sun aiment ce message

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum