[PHPBB3] Affichage évaluations données

Bonjour,

Dans le système de réputation, une fois activé, on y trouve  dans les votes les Evaluations positives reçues, les Evaluations positives données etc.
J'ai fait apparaitre dans les messages sous l'avatar les Evaluations positives reçues que j'ai rebaptisé Votes reçus.

Serait-il possible de faire apparaitre aussi sous l'avatar les Evaluations positives données ?
Et si cela est possible avec une petite image qui pourrait être celle-ci: https://i.servimg.com/u/f25/18/97/96/21/bouton10.png + éventuellement un petit texte.

Merci pour votre aide.

Hello Serge,

tu peux tester ce script stp:


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur les sujets.


Déposes ceci:

Code:


$(function(){
if (_userdata.session_logged_in == 1) {
$('.postprofile').each(function(){
  $(this).find('dt').after('<dt class="M14_Eval"style="display:none;text-align:center;"><div class="M14_Eval"style="cursor:pointer;"><img src="https://i.servimg.com/u/f25/18/97/96/21/bouton10.png"/><br /><span></span></div></dt>');
var $this=$(this).find('dt:eq(1)');
var lienProfil=$(this).find('dt').find('a[href^="/u"]').attr('href');
var stats="stats";
var tout=lienProfil+stats;
$.get(tout , function(data){
$(data).find('#profile-advanced-details').each(function(){
if(lienProfil){
var e=$(data).find('fieldset.stats-field.genmed:eq(1) li:eq(4)').text();
$this.show();
var texte='Nombre d\'évalution positive';
$this.find('div.M14_Eval').attr('title',e);
$this.find('div.M14_Eval span').text(texte);


    // start tooltipster
        $this.find('div').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });
        // end tooltipster
   
}});});});}});




Penses a cliquer sur le bouton Valider



Le code html suivant:

Code:

<dt class="M14_Eval"style="display:none;text-align:center;"><div class="M14_Eval"style="cursor:pointer;"><img src="https://i.servimg.com/u/f25/18/97/96/21/bouton10.png"/><br /><span></span></div></dt>

Viendra se positionner en dessous de l'avatar, seulement si il trouve le lien du profil.

Code:

<span></span>

Le span recevra le texte de la variable "texte":

Code:

var texte='Nombre d\'évalution positive';

L'image que tu désires et qui sera centrée

Code:

<img src="https://i.servimg.com/u/f25/18/97/96/21/bouton10.png"/>

Puis la div qui au survol affichera l’infobulle

Bonjour Philippe,

Merci pour cette aide. Un super boulot encore, mais une petite incompréhension par rapport à ma demande.
J'aurais du ajouter une image. J'en suis désolé.

Voici le résultat souhaité; il s'agirait de la ligne encadrée en rouge ici.:


Pour info, ton script au survol indique les évaluations négatives données.
Ma demande concerne les évaluations positives données.
J'ai mis ton script en place si tu veux voir, et l'accès admin.

Merci pour ta patience Phil.

Re Serge,
huuuuummm:

Serait-il possible de faire apparaitre aussi sous l'avatar les Evaluations positives données ?
Et si cela est possible avec une petite image qui pourrait être celle-ci: https://i.servimg.com/u/f25/18/97/96/21/bouton10.png + éventuellement un petit texte.

Donc plus d'image alors ?
J'ai fais ce que tu voulais mon ami!!


Pour les évaluations négatives données ,
en fait sur mon fofo j'avais une ligne de plus:
Remerciements reçus : xxxx


Il fallait changer l'interprétation de cette ligne:

Code:


var e=$(data).find('fieldset.stats-field.genmed:eq(1) li:eq(4)').text();


Par:

Code:

 
var e=$(data).find('fieldset.stats-field.genmed:eq(1) label:contains("Evaluations positives données :")').closest('li').text();


Je viens de le changer sur ton fofo.

Re Phil,

Encore désolé pour ce quiproquo. J'aurais du écrire .... sous la liste sous l'avatar....

Là tu vas bien chercher la bonne variable. Super.

Si, si il y a bien une image comme sur sur l'img que j'ai joins ci-dessus.

Un zoom ci-dessous où on voit mieux l'image et le texte à ajouter, suivi du nombre des évaluations données:

OKI, je vais essayer de te donner tout çà, mais l'image est vraiment necessaire car on fait une requête supplémentaire plus l'image.
Ne serait il pas plus judicieux de placer directement le texte de la requête ?

Je vais faire un test pour voir Serge .

L'image était un plus, sinon avoir simplement: Votes donnés : 32 ne pose pas de problème.

Ah mincouille, faut récupérer juste la valeur ?
Bon,je remets l'autre script pour ce soir Serge:

Il faudra modifier le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Pour les class label afin quel soit sur une seule ligne(je me comprends).

Tu pourras me donner tout cela mon ami et je verrais tout cela demain matin voir demain soir au plus tard.

Je vais chercher ça et je reviens...

Aucune urgence Phil. C'est déjà bien sympa de traiter ça.

S'il faut aller dans le template Phil, n'y aurait-il pas une solution qui consisterait à ajouter dans "Utilisateurs - Profile" un champ supplémentaire baptisé Votes donnés et lui faire afficher  le nombre des évaluations données par une de tes formules magiques.

Le template:

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };


$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }

 return false;
};

//]]>
</script>

<h1 class="page-title">
 <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
 <div class="buttons">

 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </div>

 <div class="pathname-box">
 <p>
            <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
 </div>

 <p class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
 <!-- END switch_fb_likebtn -->
 </p>

 <div class="pagination">
 {PAGE_NUMBER}
  • 
 <a class="addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
  • 
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 
 insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </div>
 <div class="clear"></div>
</div>

      <a id="M14"style="position: relative;top: -30px;"></a>

<!-- BEGIN topicpagination -->

<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <div class="post {postrow.hidden.ROW_COUNT}">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
 <div class="clear"></div>
 <span class="corners-bottom"><span></span></span>
 </div>
 </div>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
 <div class="inner"><span class="corners-top"><span></span></span>
                          
                    <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
         <div class="postNumberContainer"><a href="{postrow.displayed.POST_URL}" class="postNumber">#{postrow.displayed.COUNT_POSTS}</a></div>
                          
 <div class="postbody">
                          

 <ul class="profile-icons">
 <li>{postrow.displayed.THANK_IMG}</li>
                                  
   <li class="IDmess">#{postrow.displayed.U_POST_ID}</li>
                                                                        
 <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
                                                                  
                                      <span class="post2pm" data-pid="{postrow.displayed.U_POST_ID}"title="Transmettre par MP">Tp MP</span>
 <li>{postrow.displayed.QUOTE_IMG}</li>
 <li>{postrow.displayed.EDIT_IMG}</li>
 <li>{postrow.displayed.DELETE_IMG}</li>
 <li>{postrow.displayed.IP_IMG}</li>
 <li>{postrow.displayed.REPORT_IMG_NEW}</li>
 </ul>

 <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
 <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
 <div class="clearfix"></div>

 <!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->

 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->

 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->

 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
 <!-- END switch_vote_active -->

 <div style="display:none"></div>
 <div class="content clearfix">
 <div>{postrow.displayed.MESSAGE}</div>
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd class="attachments">
 <!-- BEGIN switch_post_attachments -->
 <dl class="file clearfix">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
 </dt>
 <dd>
 <!-- BEGIN switch_dl_att -->
 <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
 <!-- END switch_no_dl_att -->

 <!-- BEGIN switch_no_comment -->
 <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
 <!-- END switch_no_dl_att -->

 <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
 </dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->
 </div>
 {postrow.displayed.EDITED_MESSAGE}
 <!-- BEGIN switch_signature -->
 <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
 <!-- END switch_signature -->
                                                  
    <div class="M14_Thank_Cont">
    <div><span class="M14_Texte_liste">Le membre suivant remercie</span>
    <span class="M14_ThankUser"></span> pour ce sujet : <a target="_blank" href="" class="M14_Thank_link"></a><br />
    </div>
    <div class="M14_Thank_list"><div></div></div>
    </div>                                                    
                          
 </div>

 <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
 <!-- div class="online2"></div-->
 <dl>
 <dt>
                                          
                                          
                                    
    <span class="M14_member"style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</span>                              
                                                                              
    <div class="M14_TogProfil">
    <span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span>
    <li><a class="M14_link"target="_blank">Profil</a></li>
    <li><a class="M14_link"target="_blank">MP</a></li>
    <li><a class="M14_link"target="_blank">Messages</a></li>
    <li><a class="M14_link"target="_blank">Sujets</a></li>
    <li><a class="M14_link"target="_blank">Participation</a></li>
  
    <script>
    $(function() {if (_userdata["user_id"] < (0)){$(".M14_TogProfil").remove();}});
    </script>
    </div>
      <br />
      <br />
      {postrow.displayed.POSTER_AVATAR}
    <br />


      
      
                                          
                                          
                                          
 </dt>
 <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
 <dd><br /></dd>
 <dd>
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </dd>
 <dd><br /></dd>
 <dd>
 {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
 </dd>
 </dl>
 </div>

 <div class="clear"></div>

 <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p>
 <span class="corners-bottom"><span></span></span></div>
 </div>
 <!-- BEGIN first_post_br -->
 <hr id="first-post-br" />
 <!-- END first_post_br -->
 <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a></p>

<div class="clear"></div>

<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
 <span class="corners-top"><span></span></span>
 <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
 <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
 <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
 <span class="corners-top"><span></span></span>
 <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
 <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
 <div class="clear"></div>
 <div>
 <!-- BEGIN link -->
 » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </div>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
 <span class="corners-top"><span></span></span>
 <div class="h3"> {L_FORUM_RULES}</div>
 <div class="clear"></div>
 <table class="postbody">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<hr />

<div class="topic-actions">
 <div class="buttons">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>   
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </div>

 <div class="pathname-box">
 <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
 </div>

 <div class="pagination">
 {PAGE_NUMBER}
 </div>
</div>
<div class="clear"></div>

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
 <label>{L_JUMP_TO}: </label>
 {S_JUMPBOX_SELECT} 
 <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
 <label>{L_MOD_TOOLS}: </label>
 {S_SELECT_MOD}&nbsp;
 <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
 <div class="h3">{L_TABS_PERMISSIONS}</div>
 {S_AUTH_LIST}
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
                  
 <!-- Boutons sous 1ier message posté -->
    <script>
      $(document).ready(function() {
    $('.post:eq(0)').after('<div class="sharepostadipst">
      
    <a id="linksharepost" href="{TOPIC_URL}"class="vtip"title="Ensuite clic droit avec votre souris sur le lien colorisé pour le copier puis le coller ailleurs. "onclick="link_bbcode();return false">Copier le lien</a>
    <a id="favorisharepost" href="/search.forum?search_id=favouritesearch&add_favourite={TOPIC_ID}"class="vtip"title="Vos favoris se trouvent dans votre profil.">Rajouter à mes favoris</a>
    <a id="favoris" href="/search?search_id=favouritesearch"class="vtip"title="Accéder à mes sujets favoris">Voir mes favoris</a>
    <a id="friendsharepost" href="/privmsg?mode=post">Envoyer un message privé</a>
    
      </div>');
    });
    </script>
                  
    <!--script source d'un copier/coller -->
    <script type="text/javascript">
    /*<![CDATA[*/
    function protectContent() {
                    var body_element = document.getElementsByTagName('body')[0];
                    var selection;
                    selection = window.getSelection();
                    var pagelink = "<br /><br /> source: <a href='"+document.location.href+"'>"+document.location.href+"</a><br />";
                    var copytext = selection + pagelink;
                    var newdiv = document.createElement('div');
                    newdiv.style.position='absolute';
                    newdiv.style.left='-99999px';
                    body_element.appendChild(newdiv);
                    newdiv.innerHTML = copytext;
                    selection.selectAllChildren(newdiv);
                    window.setTimeout(function() {
                        body_element.removeChild(newdiv);
                    },0);
                }
    document.oncopy = protectContent;
    /*]]>*/
    </script>
    <!--Fin script source d'un copier/coller -->
    
      

                  
                  
                  
    

Hum, directement dans le template non, par sécurité vaut mieux un script mon ami.

Alors recherches ces variables:

Code:

                                         
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}


Remplaces par:

Code:

                                         
<span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}


Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  


Ensuite ce script fait à la va vite .


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur les sujets.


Déposez ceci:

Code:


$(function(){
if (_userdata.session_logged_in == 1) {
$('.postprofile').each(function(){

var $this=$(this).find('.M14_blocSpan:first');
var lienProfil=$(this).find('dt').find('a[href^="/u"]').attr('href');
var stats="stats";
var tout=lienProfil+stats;
$.get(tout , function(data){
$(data).find('#profile-advanced-details').each(function(){
if(lienProfil){
var e=$(data).find('fieldset.stats-field.genmed:eq(1) label:contains("Evaluations positives données :")').closest('li').text();
var f=e.substring(31,);        
$this.before('<span class="M14_blocSpan"><span class="label"><span style="color:#222222;">Votes donnés</span> : </span>'+f+'</span><br />');
}});});});}});



Penses a cliquer sur le bouton Valider


Le seul soucis est qu'il sera positionné en tête de liste Serge .



Edit, pour ta demande et afin de placer le contenu là ou tu le souhaites , ce script fera l'affaire:

Code:


$(function(){
if (_userdata.session_logged_in == 1) {
$('.postprofile').each(function(){

var $this=$(this).find('.M14_blocSpan:eq(4)');
var lienProfil=$(this).find('dt').find('a[href^="/u"]').attr('href');
var stats="stats";
var tout=lienProfil+stats;
$.get(tout , function(data){
$(data).find('#profile-advanced-details').each(function(){
if(lienProfil){
var e=$(data).find('fieldset.stats-field.genmed:eq(1) label:contains("Evaluations positives données :")').closest('li').text();
var f=e.substring(31,);       
$this.after('<span class="M14_blocSpan"><span class="label"><span style="color:#222222;">Votes donnés</span> : </span>'+f+'</span><br />');
}});});});}});



Merci, c'est en place Phil et super, ça marche

Dommage que cela ne puisse s'intercaler.
Peut-être l'image dans ce cas, si cela est possible.

Je vais essayer de décortiquer ton script à titre d'exercice.

Re-Phil,

je n'avais pas vu ton second script. Il fonctionne à merveille l'ami. T'es vraiment très fort!

Et à titre d'exercice, et je trouve ça mieux finalement j'ai remplacé le texte par l'image en modifiant la fin de ton script.
ça donne ça:

Code:

$this.after('<span class="M14_blocSpan"><Br/><img class="label"src="https://i.servimg.com/u/f25/18/97/96/21/bouton10.png" title="Nombre de votes effectués" alt=""style="vertical-align: middle;" />
<span style="color:#222222;"></span> : </span>'+f+'</span>');

Si tu pouvais corrigé mes éventuelles bêtises...



Par contre, l'image du rang pour ceux qui ont le rang Restriction n'est pas centrée, elle était positionnée à gauche  
J'ai ajouté ce CSS qui fonctionne, mais je ne suis pas sur pour adresser cette image:

Code:

/*Centrer image sous Restriction*/
dl:nth-child(1) > dd:nth-child(5) span:nth-child(1) > img:nth-child(2){
    display: block;
     margin-left: auto;
     margin-right: auto;
}


ça marche aussi en retirant ça au début du css

Code:

dl:nth-child(1) > dd:nth-child(5) >

Si tu pouvais m'éclairer aussi la dessus.

Cest codes sont en place et on peut voir 2 rangs restriction sur ce post par exemple: https://photoclic.forum-pro.fr/t20082-semaine-du-28-aout-au-3-septembre-2018#264808

Merci pour toute ton aide Philippe.

Hello Serge,

Et à titre d'exercice, et je trouve ça mieux finalement j'ai remplacé le texte par l'image en modifiant la fin de ton script.

Du texte et ensuite une image qui se ballade !!
Perso, je trouve cela brouillon Serge..


Ton code html:

Code:


<span class="M14_blocSpan"><Br/><img class="label"src="https://i.servimg.com/u/f25/18/97/96/21/bouton10.png" title="Nombre de votes effectués" alt=""style="vertical-align: middle;" /><span style="color:#222222;"></span> : </span>'+f+'</span>


Le saut de ligne et afin d'écrire quelque chose de propre:

Code:

<Br/>

Code:

<br/>

Puis ton image, tu renseignes le code html de ton image avec un alt non renseigné,
cela ne sert à rien autant supprimer cette balise mon ami.

Par contre, l'image du rang pour ceux qui ont le rang Restriction n'est pas centrée, elle était positionnée à gauche

Il fallait modifier la css dans le script Serge (je l'ai modifié   ) :

L'original ou la balise dd n'avait pas de style et l'image positionnée à 25% de la gauche

Code:


//Image sous avatar pour rang Restriction
    $(function(){
      $('span#M14_restriction').closest('dd').after('<dd><img src="https://i.servimg.com/u/f25/18/97/96/21/forum_11.gif"/ title="Forum allégé souhaité"style="margin-left:25%;margin-top:-15px;margin-bottom:-15px;"></dd>');
    });


L'actuel qui style la balise dd avec un text-align:center et on supprime le
margin-left sur l'image:

Code:

 
//Image sous avatar pour rang Restriction
$(function(){
  $('span#M14_restriction').closest('dd').after('<dd style="text-align:center;"><img src="https://i.servimg.com/u/f25/18/97/96/21/forum_11.gif"/ title="Forum allégé souhaité"style="margin-top:-15px;margin-bottom:-15px;"></dd>');
});



Ouh la Serge,
ta c.s.s, il manque une fermeture sur le commentaire:

Code:


/*Rang Restriction
/*centrer image*/
dl:nth-child(1) > dd:nth-child(5) > span:nth-child(1) > img:nth-child(2){
   display: block;
     margin-left: auto;
     margin-right: auto;
}

Et j'ai purement supprimé ce style car il ne sert strictement à rien car là tu appliques ce style à toutes les balises dl de ton forum .


Je me suis permis aussi d'ajouté ce style:

Code:


/*Positionnement du numéro de message*/
.postNumberContainer
{
position:absolute;
width: 40px;
right: 40px;
}


Car ce bouton ce balader tout seul comme un pauvre tit gars sans défense .

Il lui faut une position absolute Serge, sinon toute la partie du haut se trouve décalée:

Je l'ai rangé à droite, mais tu peux le positionner ailleurs en gardant la position absolute.

Bonjour Philippe,

Waouw, merci pour ce cours magistral.
Et je crois avoir quasiment compris l'essentiel.

C'est vrai que l'image en plein milieu, c'était pas terrible. Je l'ai remontée.


Pour l'image sous l'avatar, on ne parle pas de la même chose Phil.

Il s'agit de celle-ci sur ce post par exemple:https://photoclic.forum-pro.fr/t20082-semaine-du-28-aout-au-3-septembre-2018#264826


Et ce style me permettait de la centrer, et ce n'est probablement pas la meilleure façon de faire, car comme tu le dis il s'applique probablement à toutes les balises dl de mon forum, mais je ne sais pas comment faire autrement. Je ne l'ai pas remis pour le moment.

Code:


    /*centrer image Rang Restriction*/
    dl:nth-child(1) > dd:nth-child(5) > span:nth-child(1) > img:nth-child(2){
         display: block;
         margin-left: auto;
         margin-right: auto;
    }

Concernant le style du n° de message, bien vu pour le position absolute. Je dois en avoir d'autres des oublis de ce genre....
(Ce style est dans ma page HTML CSS. je l'y ai déplacé).


Ces échanges sont pour moi un régal

Re Serge,

j'avais un peu de temps devant moi .

Alors pour centrer les images de rang, effectivement ta c.s.s sera pour toutes les balises et surtout comme chaque profil de message est plus ou moins différent, il vaut être sûr de ce que l'on fait:

Ce script va rechercher l'image de rang et trouver la balise dd ou lui donner un text-align center:


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur les sujets.


Déposes ceci:

Code:


$(function(){
$('img[src="https://2img.net/i/itest/rank/ut/ut12.gif"]').closest('dd').css('textAlign','center');
});



Penses a cliquer sur le bouton Valider

Hello Philippe,

j'aime quand tu as un peu de temps devant toi

Bien plus précis ton JS effectivement pour viser la bonne variable.
Je suis incapable d'écrire ce genre de script, mais j'arrive parfois à les comprendre...

J'ai essayé, il ne se passait rien, mais en le regardant à la loupe j'ai vu qu'il manquais un S dans le lien à ranks.
Et là ça marche  

Par contre Phil, il concerne 1 image, or pour l'instant, j'en ai 2 concernées.
Il y a aussi celle là:
https://2img.net/i/itest/ranks/stars/stars1.gif
que l'on trouve par exemple ici : https://photoclic.forum-pro.fr/t20098-portraits-skater#264795

Faut il remettre un second script identique, ou peut-on l'ajouter dans le même script?

Vi, je me doute bien Serge .

Concernant le script, c'est de ma faute car l'éditeur m'a fait un truc louche et j'ai dû
supprimer la lettre s.

Alors pour tes images de rangs mentionnées:
Les voici:

https://2img.net/i/itest/ranks/ut/ut2.gif
https://2img.net/i/itest/ranks/stars/stars1.gif

Le script que je t'ai donné va rechercher le le lien de l'image.

Comme tu désires l'appliquer sur plusieurs lien d 'image et que la on à un coup de bol ou les liens des images de rangs sont presque similaires:

Les deux liens commencent ainsi:

Code:

https://illiweb.com/itest/ranks/

Le script sera alors pour les deux:

Code:


$(function(){
$('img[src^="https://illiweb.com/itest/ranks"]').closest('dd').css('textAlign','center');
});


Alors là Phil, c'est non seulement ingénieux mais parfait.

Un grand merci l'ami  

J'aurais une autre demande concernant la répétition de script. Il s'agirait de tooltipster.

Je poste une autre demande si tu le veux bien.

Ah Mince , j'ai mis en résolu trop hâtivement.

Tout ce qu'il y a en dessous de l'image est centré aussi pour ceux qui ont ce rang

Un lien ici: https://photoclic.forum-pro.fr/t20098-portraits-skater#264795

Je viens de déplacer ton sujet Serge,
alors on va apporter une correction dans le template:

Code:

                                           
<span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}


Remplaces par:

Code:

                                           
<div class="M14_blocSpan">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>{postrow.displayed.profile_field.SEPARATOR}


Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis


Ensuite j'ai supprimé le script chez toi.
Il faudra mettre celui-ci pour le fondateur:

Code:


//Centrage photo Rang admin   
$(function(){
$('img[src="https://2img.net/i/itest/ranks/stars/stars1.gif"]').closest('div.M14_blocSpan').css('textAlign','center');
});



Et pour l'autre rang :

Code:


    $(function(){
    $('img[src="https://2img.net/i/itest/rank/ut/ut12.gif"]').closest('dd').css('textAlign','center');
    });



Je ne sais pas pourquoi,les emplacement sont différents

Merci Philippe,
Je dois m'absenter; J'essaierai dans la soirée.

Comme il faut 2 scripts cela aurait pu marcher aussi avec ces 2 scripts en changeant donc le lien de l'image ou pas?
 

Code:

 
   $(function(){
   $('img[src="https://2img.net/i/itest/ranks/ut/ut12.gif"]').closest('dd').css('textAlign','center');
   });
et celui-ci:

   $(function(){
   $('img[src="https://2img.net/i/itest/ranks/stars/stars1.gif"]').closest('dd').css('textAlign','center');
   });


Pour le rang du fondateur seulement, ce sera :

Code:


//Centrage photo Rang admin 
$(function(){
$('img[src="https://2img.net/i/itest/ranks/stars/stars1.gif"]').closest('div.M14_blocSpan').css('textAlign','center');
});



Pour les autres rangs:

Code:


$(function(){
$('img[src="https://2img.net/i/itest/ranks/ut/ut12.gif"]').closest('dd').css('textAlign','center');
});


Tu peux toujours ajouter d'autre liens comme ceci:

Code:


$(function(){
$('img[src="https://2img.net/i/itest/ranks/ut/ut12.gif"] , img[src="AUTRE LIEN"]').closest('dd').css('textAlign','center');
});


Re Phil

Alors j'ai modifié le template et mis les derniers JS.

L'image seule se centre bien pour le rang administrateur avec ce script:

Code:


//Centrage photo Rang admin
    $(function(){
    $('img[src="https://2img.net/i/itest/ranks/stars/stars1.gif"]').closest('div.M14_blocSpan').css('textAlign','center');
    });


Mais tout se centre (image + les textes en dessous) pour l'autre rang avec ce script:

Code:


        $(function(){
        $('img[src="https://2img.net/i/itest/rank/ut/ut12.gif"]').closest('dd').css('textAlign','center');
        });


Alors j'ai mis le même script en changeant simplement l'adresse de l'image ainsi, et ça semblait collé:

Code:


//Centrage photo autre Rang
    $(function(){
    $('img[src="https://2img.net/i/itest/ranks/ut/ut12.gif"]').closest('div.M14_blocSpan').css('textAlign','center');
    });


Alors en suivant la syntaxe de ton dernier script, je suis arrivé à cela:

Code:


//Centrage photo Rang sous l'avatar            
$(function(){
$('img[src="https://2img.net/i/itest/ranks/stars/stars1.gif"],img[src="https://2img.net/i/itest/ranks/ut/ut12.gif"]').closest('div.M14_blocSpan').css('textAlign','center');
});


C'est ce dernier que j'ai laissé en place. Merci Phil de me dire si je n'ai pas fait de bêtise en faisant cela.



Par contre avec le changement dans le template, ça m'a mis un saut de ligne en plus du saut de ligne qui était configuré dans les champs de profils où le séparateur était paramétré à saut de ligne. (J'avais donc 2 sauts de lignes au lieu d'un entre chaque ligne).
J'ai donc mis aucun partout.

Donc là tout est devenu correct, sauf le 1er qui est le sexe avec une image et qui était déjà sur aucune.
Je ne sais pas si on peut lui faire un saut de ligne arrière, si je peux m'exprimer ainsi, pour qu'il soit à coté du prénom comme avant.
Sinon, tant pis Phil on laisse ainsi.

Hello Serge,

tu as déposé des balises center sur tous les rangs donc ce script n'est plus d’actualité dans ce cas Serge:

Code:

//Centrage photo Rang sous l'avatar           
$(function(){
$('img[src="https://2img.net/i/itest/ranks/stars/stars1.gif"],img[src="https://2img.net/i/itest/ranks/ut/ut12.gif"]').closest('div.M14_blocSpan').css('textAlign','center');
});


Pour le sexe, il faut juste choper le lien de l'image et dans le cas ou le membre a renseigné son prénom et le sexe on déposera l'image devant le prénom, mais ce matin le temps me manque, je verrais tout cela cette après midi Serge.