[PHPBB2]Afficher les statistiques dans la liste des membres

Hello les ami(e)s,

un petit script bien sympa qui dans la liste des membres, au clic sur la flèche affichera  les statistiques du membre.
Le plus et que chaque cellule aura la couleur du pseudo et affichera si le membre est enligne ou non  
pouvez vous tester dans le template memberlist_body
Affichage/Templates/Général/memberlist_body


Mettre tout au début de template ce style:

Code:

   <style>
    .M14_list{width: 15%;}
    .M14_list  div
    {
    list-style:none;
    margin-top:10px;
    min-height:80px;
    height:auto;
    max-height:120px;
    overflow:auto;
    }
    .M14_list  div,.M14_list  div a
    {
    font-size:11px!important;
    }
    .M14_list  span
    {
    font-weight:bold;font-size:11px!important;
    }
    
    </style>


Ligne 51 environ:
juste après :

Code:

<th class="thTop" nowrap="nowrap">{L_INTERESTS}</th>

Déposez ceci:

Code:

 
<th class="thTop">Statistiques</th>

En dessous recherchez ceci:

Code:

<!-- BEGIN memberrow -->
 <tr>
 <td class="{memberrow.ROW_CLASS}" align="center"><span class="gen"> {memberrow.ROW_NUMBER} </span></td>
 <td class="{memberrow.ROW_CLASS}" align="center"><div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div></td>
 <td class="{memberrow.ROW_CLASS}" align="center"><span class="gen"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></span></td>
 <!-- BEGIN switch_td_group -->
 <td class="{memberrow.ROW_CLASS}" align="center"><span class="gen">{memberrow.GROUPS}</span></td>
 <!-- END switch_td_group -->
 <td class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberrow.INTERESTS}</span></td>
 <td class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberrow.JOINED}</span></td>
 <td class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberrow.LASTVISIT}</span></td>
 <td class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberrow.POSTS}</span></td>
 <td class="{memberrow.ROW_CLASS}" align="center"> {memberrow.PM_IMG} </td>
 <td class="{memberrow.ROW_CLASS}" align="center"> {memberrow.WWW_IMG} </td>
 </tr>
 <!-- END memberrow -->


Supprimez et remplacez par:

Code:


<!-- BEGIN memberrow -->
 <tr>
 <td class="{memberrow.ROW_CLASS}" align="center"><span class="gen"> {memberrow.ROW_NUMBER} </span></td>
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center"><div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div></td>
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center"><span class="gen"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></span></td>
 <!-- BEGIN switch_td_group -->
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center"><span class="gen">{memberrow.GROUPS}</span></td>
 <!-- END switch_td_group -->
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberrow.INTERESTS}</span></td>
          <td width="15%"class="{memberrow.ROW_CLASS} M14_getStats"align="center">
            <img class="M14_openStats"src="https://i.servimg.com/u/f87/11/26/21/37/arrow-10.png"style="cursor:pointer;"title="Afficher les statistiques"/>
            <img class="M14_closeStats"src="https://i.servimg.com/u/f87/11/26/21/37/arrow-11.png"style="display:none;cursor:pointer;"title="Masquer les statistiques"/>
          </td>
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberrow.JOINED}</span></td>
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberrow.LASTVISIT}</span></td>
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberrow.POSTS}</span></td>
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center"> {memberrow.PM_IMG} </td>
 <td width="15%"class="{memberrow.ROW_CLASS}" align="center"> {memberrow.WWW_IMG}&nbsp;</td>
 </tr>
   <tr class="{memberrow.ROW_CLASS}"style="display:none;">
            <td style="font-size:11px !important;">=></td>
            <td class="M14_list"valign="top"><center><span>Points</span></center><br /><div></div></td>
            <td class="M14_list"valign="top"><center><span>Réputation</span></center><br /><div></div></td>
            <td class="M14_list"valign="top"><center><span>Sujets</span></center><br /><div></div></td>
            <td class="M14_list"valign="top"><center><span>Messages</span></center><br /><div></div></td>
            <td class="M14_list"valign="top"><center><span>Visiteurs</span></center><br /><div></div></td>
            <td class="M14_list"valign="top"><center><span>Informations</span></center><br /><div></div></td>
            <td class="M14_list"valign="top"align="center"><center><span>Statut</span></center><br /><div></div></td>
            <td class="M14_list"valign="top"align="center"></td>
      <td class="M14_list"valign="top"align="center"></td>
</tr>
 <!-- END memberrow -->







Penser a enregistrer puis à valider en cliquant respectivement sur   puis




Puis le script sur toutes pages en prenant soin d'avoir le profil avancé d'activé:
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui


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(){
    $('.M14_openStats').click(function(){
    $(this).hide();$(this).next().show();
    $(this).closest('tr').next().fadeIn();
    });
    $('.M14_closeStats').click(function(){
    $(this).hide();$(this).prev().show();
    $(this).closest('tr').next().fadeOut();
    });
    $('div.avatar.mini').each(function(){
    var $this=$(this);
    var Linkmember=$(this).find('a[href^="/u"]').attr('href');
    var Textmember=$(this).closest('td').next().find('a[href^="/u"] span strong').text();
    var TextmemberNot=$(this).closest('td').next().find('a[href^="/u"]').text();
    var color=$(this).closest('td').next().find('a[href^="/u"] span').css('color');
    var colorNone=$(this).closest('td').next().find('a[href^="/u"]').css('color');
    var stats='stats';
$.get(Linkmember+stats, function(data){
var online=$(data).find('#profile-advanced-details').closest('td[valign="top"]').next().find('table:first em').text();
var pointsLength=$(data).find('#profile-advanced-details  fieldset legend:contains(Points)').length;
var reputationLength=$(data).find('#profile-advanced-details fieldset legend:contains(Réputation)').length;
var sujetLength=$(data).find('#profile-advanced-details fieldset legend:contains(Sujets)').length;
var messageLength=$(data).find('#profile-advanced-details fieldset legend:contains(Messages)').length;
var visiteurLength=$(data).find('#profile-advanced-details fieldset legend:contains(Messages des visiteurs)').length;
var informationLength=$(data).find('#profile-advanced-details fieldset legend:contains(Informations)').length;
var points=$(data).find('#profile-advanced-details  fieldset legend:contains(Points)').next().html();
var reputation=$(data).find('#profile-advanced-details fieldset legend:contains(Réputation)').next().html();
var sujet=$(data).find('#profile-advanced-details fieldset legend:contains(Sujets)').next().html();
var message=$(data).find('#profile-advanced-details fieldset legend:contains(Messages)').next().html();
var visiteur=$(data).find('#profile-advanced-details fieldset legend:contains(Messages des visiteurs)').next().html();
var information=$(data).find('#profile-advanced-details fieldset legend:contains(Informations)').next().html();
if(pointsLength){$this.closest('tr').next().find('td.M14_list:eq(0) div').html(points);}else {$this.closest('tr').next().find('td.M14_list:eq(0) div').html('<center>Non activé</center>');}
if(reputationLength){$this.closest('tr').next().find('td.M14_list:eq(1) div').html(reputation);}else {$this.closest('tr').next().find('td.M14_list:eq(1) div').html('<center>Non activé</center>');}
if(sujetLength){$this.closest('tr').next().find('td.M14_list:eq(2) div').html(sujet);}else {$this.closest('tr').next().find('td.M14_list:eq(2) div').html('<center>Non activé</center>');}
if(messageLength){$this.closest('tr').next().find('td.M14_list:eq(3) div').html(message);}else {$this.closest('tr').next().find('td.M14_list:eq(3) div').html('<center>Non activé</center>');}
if(visiteurLength){$this.closest('tr').next().find('td.M14_list:eq(4) div').html(visiteur);}else {$this.closest('tr').next().find('td.M14_list:eq(4) div').html('<center>Non activé</center>');}
if(informationLength){$this.closest('tr').next().find('td.M14_list:eq(5) div').html(information);}else {$this.closest('tr').next().find('td.M14_list:eq(5) div').html('<center>Non activé</center>');}
      if(color)
      {
    $this.closest('tr').next().find('td,td span,td  div,td div label,td div label a ').css('color',color);
      }
      else
        {
    $this.closest('tr').next().find('td,td span,td  div,td div label,td div label a ').css('color',colorNone);
      }
    //LE LIEN DE L IMAGE EN LIGNE
    var M14_Enlign='https://2img.net/i/fa/responsive/icons/mini/online.png';
    //LE LIEN DE L IMAGE HORS LIGNE
    var M14_horsligne='https://2img.net/i/fa/responsive/icons/mini/offline.png';
    if(online)
    {
    $this.closest('tr').next().find('td:eq(7) div').html(' <img src="'+M14_Enlign+'"style="cursor:pointer;"title="'+Textmember+' est En ligne"/>');
    }
    else if(TextmemberNot)
    {
    $this.closest('tr').next().find('td:eq(7) div').html(' <img src="'+M14_horsligne+'"style="cursor:pointer;"title="'+TextmemberNot+' est Hors ligne"/>');
    }
    });

    

    });});


Penser a cliquer sur le bouton

Merci Philippe 

ça marche pas pour moi

Désolée... ça marche !!