Membres connectés récemment
[PHPBB3] Afficher les statistiques dans la liste des membres
2 participants
Page 1 sur 1
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
peux tu tester dans le template memberlist_body
Affichage/Templates/Général/memberlist_body
Mettre tout au début de template ce style:
Ensuite recherchez ceci ligne 55 environ:
Juste après déposez ceci:
Puis plus bas , recherchez ceci:
Supprimez et remplacez par:
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
Mets un titre explicite.
Coches sur toutes les pages.
Déposes ceci:
Penser a cliquer sur le bouton
Si ce dernier n'a pas été modifié, le template dans sa totalité:
Penser a enregistrer puis à valider en cliquant respectivement sur puis
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
peux tu 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;
}
</style>
Ensuite recherchez ceci ligne 55 environ:
- Code:
<th class="interests">{L_INTERESTS}</th>
Juste après déposez ceci:
- Code:
<th class="interests">Statistiques</th>
Puis plus bas , recherchez ceci:
- Code:
<!-- BEGIN memberrow -->
<tr class="{memberrow.ROW_CLASS}">
<td> {memberrow.ROW_NUMBER} </td>
<td class="avatar-mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG} {memberrow.USERNAME}</a></td>
<!-- BEGIN switch_td_group -->
<td>{memberrow.GROUPS}</td>
<!-- END switch_td_group -->
<td>{memberrow.INTERESTS}</td>
<td>{memberrow.JOINED}</td>
<td>{memberrow.LASTVISIT}</td>
<td>{memberrow.POSTS}</td>
<td> {memberrow.PM_IMG} </td>
<td> {memberrow.WWW_IMG} </td>
</tr>
<!-- END memberrow -->
Supprimez et remplacez par:
- Code:
<!-- BEGIN memberrow -->
<tr class="{memberrow.ROW_CLASS}">
<td> {memberrow.ROW_NUMBER} </td>
<td class="avatar-mini"width="15%"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG} {memberrow.USERNAME}</a></td>
<!-- BEGIN switch_td_group -->
<td>{memberrow.GROUPS}</td>
<!-- END switch_td_group -->
<td width="15%">{memberrow.INTERESTS}</td>
<td width="15%"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%">{memberrow.JOINED}</td>
<td width="15%">{memberrow.LASTVISIT}</td>
<td width="15%">{memberrow.POSTS}</td>
<td width="15%"> {memberrow.PM_IMG} </td>
<td width="15%"> {memberrow.WWW_IMG} </td>
</tr>
<tr class="{memberrow.ROW_CLASS}"style="display:none;">
<td> </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>
</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
Mets un titre explicite.
Coches sur toutes les pages.
Déposes 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();
});
$('td[class="avatar-mini"]').each(function(){
var $this=$(this);
var Linkmember=$(this).find('a[href^="/u"]').attr('href');
var Textmember=$(this).find('a[href^="/u"] span strong').text();
var TextmemberNot=$(this).find('a[href^="/u"] ').text();
var color=$(this).find('a[href^="/u"] span').css('color');
var colorNone=$(this).find('a[href^="/u"]').css('color');
var stats='stats';
$.get(Linkmember+stats, function(data){
var online=$(data).find('#profile-advanced-right .module:first .h3 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').css('color',color);
}
//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
{
$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
Si ce dernier n'a pas été modifié, le template dans sa totalité:
- 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;
}
</style>
<!-- BEGIN switch_user_logged_in -->
<p class="right rightside">{LAST_VISIT_DATE}</p>
<!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<h1 class="page-title solo">{PAGE_TITLE}</h1>
<form action="{S_MODE_ACTION}" method="get">
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<h2 class="h3">{L_ORDER_OR_SELECT}</h2>
<p style="text-align:right; margin: 0; padding: 0;">
{L_USER_SELECT} <input type="text" class="inputbox tiny" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />
{L_SELECT_SORT_METHOD} {S_MODE_SELECT}
{L_ORDER} {S_ORDER_SELECT}
{S_HIDDEN_SID}
<input class="button2" type="submit" name="submit" value="{L_SUBMIT}" />
</p>
<span class="corners-bottom"><span></span></span></div>
</div>
</form>
<div class="forumbg forumbg-table">
<div class="inner"><span class="corners-top"><span></span></span>
<table class="table1" cellspacing="1" id="memberlist">
<thead>
<tr>
<th class="number">#</th>
<th class="name">{L_AVATAR} - {L_USERNAME}</th>
<!-- BEGIN switch_th_group -->
<th class="group">{L_GROUPS}</th>
<!-- END switch_th_group -->
<th class="interests">{L_INTERESTS}</th>
<th class="interests">Statistiques</th>
<th class="joined">{L_JOINED}</th>
<th class="active">{L_VISITED}</th>
<th class="posts">{L_POSTS}</th>
<th class="pm">{L_PM}</th>
<th class="website">{L_WEBSITE}</th>
</tr>
</thead>
<tbody>
<!-- BEGIN memberrow -->
<tr class="{memberrow.ROW_CLASS}">
<td> {memberrow.ROW_NUMBER} </td>
<td class="avatar-mini"width="15%"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG} {memberrow.USERNAME}</a></td>
<!-- BEGIN switch_td_group -->
<td>{memberrow.GROUPS}</td>
<!-- END switch_td_group -->
<td width="15%">{memberrow.INTERESTS}</td>
<td width="15%"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/Masquer 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%">{memberrow.JOINED}</td>
<td width="15%">{memberrow.LASTVISIT}</td>
<td width="15%">{memberrow.POSTS}</td>
<td width="15%"> {memberrow.PM_IMG} </td>
<td width="15%"> {memberrow.WWW_IMG} </td>
</tr>
<tr class="{memberrow.ROW_CLASS}"style="display:none;">
<td> </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>
</tr>
<!-- END memberrow -->
<!-- BEGIN switch_no_user -->
<tr class="row1">
<td colspan="{switch_no_user.COLSPAN_NUMBER}">{switch_no_user.L_NO_USER}</td>
</tr>
<!-- END switch_no_user -->
</tbody>
</table>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="pagination" style="float:none;">
<!-- BEGIN switch_pagination -->
{PAGINATION}<br /><br />
<!-- END switch_pagination -->
</div>
Penser a enregistrer puis à valider en cliquant respectivement sur puis
@Jackymi
Hello Jean,
je viens de mettre à jour le script afin qu'il affiche ce qui est présent sur le profil du membre afin de ne pas avoir un vide dans la liste des membres .
J'ai aussi ajouté la class sur la balise th dans le template afin d'avoir le même rendu que les autres onglets:
Puis supprimes le script présent actuellement sur ton fofo de test et remplaces par celui qui est présent ici:
https://www.milouze14.com/t31640-phpbb3-afficher-les-statistiques-dans-la-liste-des-membres#601444
Hello Jean,
je viens de mettre à jour le script afin qu'il affiche ce qui est présent sur le profil du membre afin de ne pas avoir un vide dans la liste des membres .
J'ai aussi ajouté la class sur la balise th dans le template afin d'avoir le même rendu que les autres onglets:
- Code:
<th class="interests">Statistiques</th>
Puis supprimes le script présent actuellement sur ton fofo de test et remplaces par celui qui est présent ici:
https://www.milouze14.com/t31640-phpbb3-afficher-les-statistiques-dans-la-liste-des-membres#601444
Sujets similaires
» [PHPBB2]Afficher les statistiques dans la liste des membres
» [PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
» [PHPBB3] Afficher les forums de la catégorie dans la liste des sujets
» [PHPBB3] Afficher la description du forum dans la liste des sujets
» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
» [PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
» [PHPBB3] Afficher les forums de la catégorie dans la liste des sujets
» [PHPBB3] Afficher la description du forum dans la liste des sujets
» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum