Ajouter un title sur le bouton d'un menu déroulant

[photoclic]

Bonjour,

J'utilise sur mes sujets un script proposant un menu déroulant au dessus de l'avatar du membre à gauche des messages façon Invision.
Le script:

Code:


    $(function(){
      if (_userdata["user_id"] >= (0)){        
        $('.M14_member a[href^="/u"]').each(function(){  
        var M14_1=$(this).attr('href').substring(0,5);
        var M14_2=$(this).attr('href').substring(2);
        var M14_3=$(this).text();
        var M14_4=$(this).attr('href').substring(2,5);                

        $(this).closest('dt').find('li:eq(0) a').attr('href',''+M14_1+'').attr('title','Voir le profil de '+M14_3+'');
        $(this).closest('dt').find('li:eq(1) a').attr('href',''+M14_1+'stats').attr('title','Voir les statistiques et mini portfolio de '+M14_3+'');
        $(this).closest('dt').find('li:eq(2) a').attr('href','/privmsg?mode=post&u='+M14_2+'').attr('title','Envoyer un MP à '+M14_3+'');
        $(this).closest('dt').find('li:eq(3) a').attr('href','/spa/'+M14_3+'').attr('title','Trouver tous les messages postés par '+M14_3+'');
        $(this).closest('dt').find('li:eq(4) a').attr('href','/st/'+M14_3+'').attr('title','Nombre de sujets ouvert par '+M14_3+' dans le forum');
        $(this).closest('dt').find('li:eq(5) a').attr('href','/sta/'+M14_3+'').attr('title','Trouver tous les sujets où '+M14_3+' a participé');      
        });

    $('.M14_member ').click(function(){
    $('.M14_TogProfil').css('opacity', '0');
    setTimeout(function(){
    $('.M14_TogProfil').animate({opacity: '1'}); }, 300);  
    $(this).next().toggle();
     });
        
    $('.M14_member:contains("Invité")').next().remove();
        }
        });

Avec du css, j'ai ajouté une petite image en forme de V qui au clic déroule le menu.
Le css:

Code:


.M14_member {
    background-image: url(https://2img.net/i/fa/invision/menu_action_down.gif);
    background-position: 98% 40%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    margin-left: -102px;
    margin-top: -10px;
    position: absolute;
    width: 185px;
}

Avec cette ligne de code placée ligne 9 juste après les variables, le title apparait quand la souris arrive sur le pseudo du membre:

Code:


$(this).closest('strong').attr('title','Cliquer sur le v pour afficher/masquer le menu profil et statistiques');

Serait-il possible d'ajouter ce title uniquement lorsque la souris arrive sur le V?

Merci pour votre aide.

[Milouze14]

Hello Serge,
peux tu me donner le contenu de ton template s'il te plait .

a++

[photoclic]

Bonjour Philippe,

Merci pour ton aide.

Le template viewtopic_body:

Code:


<!-- retrait bouton panneau latéral -->
        <style>
        img.M14_open_Panneau {opacity: 0;}
        </style>

<!-- Compte à rebours vote -->
        <style>
        /*Compte à rebours 2*/
        #CompteTxt {margin-right: 115px;}
        #Compte {margin-right: -260px;}
        #Compte,#CompteTxt {position: relative;float: right;top: 74px;line-height: 30px;}
        #Compte div,#CompteTxt div{position: relative;float: left;margin-left: 5px;top: -70px;line-height: 30px;color: #3bd9eb;}
        #Compte div span{font-size:12px;text-align:center;color:#e2660a;}                   
        </style>
<!-- Fin Compte à rebours vote -->

        <!-- Position hauteur flèche et widgets dans sujets-->
        <style>
        .widget-arrow.isleft {margin-top: 434px;}
        #content-container div#left {margin-top: 460px;}
        </style>

        <!-- Position boutons nouveau et répondre -->
        <style>
        .buttons {margin: 15px 0 0 80px;position: relative;}
        </style>

        <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 = {  };
            }
        });

        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>
                             
        <br/><div class="M14_lAstSujets"><div></div></div>
       
        <div class="boutons_list">
        <ul class="linklist">
        <!-- BEGIN switch_user_logged_in -->
          <br/><br/>
                <!-- Ajout bouton Voir la page Facebook -->
                <li style="display: inline-block;"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" target="_blank" title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">La page Facebook du clic</a> • </li>
               
          <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;background: #177887;color: #fff;" href="{U_SEARCH_NEW}">Les nouveaux messages</a></li>
        <li>&nbsp;•&nbsp;<a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;" target="_blank"title="Voir les dernières photos partagées" href="/images">Les dernières photos</a></li>       
          <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_UNANSWERED}">Les messages sans réponses</a></li>     
                <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li> 

          <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
                <br/><br/><br/>
          <!-- END switch_user_logged_in -->
        </ul>
        </div>

            <h1 class="page-title" style="display:none;">
                  <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>           
                </h1>

        <div style="position:relative;top: 90px; width: 1px;" id="M14_aNcHoR"></div>

        <div class="topic-actions">
        <!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" title="{switch_push_direct_send.L_PUSH_SEND}"style="font-size: 1.5em;margin: 15px;position: absolute;"></span><!-- END switch_push_direct_send -->
                   
          <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> 
          <!--            <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="https://i.imgur.com/DmZrfKT.png" id="bouton_poster" 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>
         
          <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="clear"></div>
        </div>
       
                    <div class="pathname-box" style="display:none;">
                    <p>
                      <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                      {NAV_CAT_DESC}
                    </p>
                    </div>

        <!-- Compte à rebours vote -->
        <div id="CompteTxt"></div>
        <div id="Compte"></div>


              <div id="M14_ariane" class="pathname-box ariane">
                          <p class="M14_ariane">
                                <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
                                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                                {NAV_CAT_DESC}
                                <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                         
              <script type="text/javascript">
                    jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
                    </script>           
                        </p>
                      </div>

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

<span class="participant">
{POSTERS_LIST}
</span>

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

        <!-- END topicpagination -->

        <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="M14_post 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>
                               
                <!--  Ancrage des sujets  -->                     
          <!--<div class="M14_anchonext" style="position: relative; top: -105px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>      -->

            <div class="M14_anchonext" style="position: relative; top: -145px;margin-top:40px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div> 
                                                   
              <!-- Affichage des numéros de message -->
          <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>{postrow.displayed.MULTIQUOTE_IMG}</li>
  <!-- Bouton Transmettre par mp -->                                   
<!--    <img class="post2pm" data-pid="{postrow.displayed.U_POST_ID}" src="https://i.servimg.com/u/f31/19/32/37/01/abouto10.png" title="Transmettre par MP" alt="Transmettre par MP" />              -->
                                       
                      <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>
           
                    <!-- Debut bouton ajouter aux favoris -->                         
                        <li id="M14_FavORiTebis"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img style="margin-top:-3px;" src="https://i.servimg.com/u/f31/19/32/37/01/36125814.png" title= "Ajouter à vos favoris"/></a></li>                 
                        <!-- Fin bouton ajouter aux favoris -->                           
                                       
                  </ul>
                                   
                  <div class="avatarBlog"></div>             
                                   
                    <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}" /> {postrow.displayed.POSTER_NAME}                                 
              <!--    {postrow.displayed.POSTER_NAME}    posté    -->                                 
                    <span class="M14_time">{postrow.displayed.POST_DATE_NEW}</span>
                    <span class="M14_time_get"></span>
                    </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:40px;"></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">
                                       
                                      <!-- pour bouton copie lien photo -->
                                          <div class="M14_reception_photos" style="display:none"></div>
                                       
                      <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>
                           
                    <span class="edited_post">{postrow.displayed.EDITED_MESSAGE}</span>
                                 
                    <!-- 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>
                         
                                   
            <strong class="M14_member" style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
            <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">Statistiques</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>
           
            <!-- visiteurs retiré --      <li><a class="M14_link"target="_blank">Visiteurs</a></li>    ---->
            <!-- Message sur profil retiré --      <li><a class="M14_link"target="_blank">Message sur profil</a></li>    ---->

            </div>
            <br />
              {postrow.displayed.POSTER_AVATAR}
                                               
            <br />                                       
                      </dt>
                      <dd class="M14_rang">{postrow.displayed.POSTER_RANK_NEW}</dd>
                      <dd class="M14_rang">{postrow.displayed.RANK_IMAGE}</dd>

                      <dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                      {postrow.displayed.AWARDS}
          </dd>
          <dd class="award_more"></dd>
                     
                      <dd><br /></dd>
                      <dd>
                          <!-- BEGIN profile_field -->
                                                                   
  <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL}
  <span class="value">{postrow.displayed.profile_field.CONTENT}</span>
  {postrow.displayed.profile_field.SEPARATOR}</span>
                       
                          <!-- 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>
                               
      <!--  <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  -->
                                                         
                <span class="corners-bottom"><span></span></span></div>
                      <!-- BEGIN switch_likes_active -->
            <div class="fa_like_div" style="display:none;">
            <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
            <!-- END switch_like_list -->
            <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
            <!-- END switch_dislike_list -->
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
            <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
            <span> Best </span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
            </button>
            <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
            <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
            <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
            </button>
           
            <!-- END switch_dislike_button --> 
            </div>
            <!-- END switch_likes_active -->
         
    </div>
              <!-- BEGIN first_post_br -->
              <hr id="first-post-br" />
              <!-- END first_post_br -->
          <!-- END displayed -->
        <!-- END postrow -->

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


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

        <!-- BEGIN switch_user_logged_in -->
       
        <!-- BEGIN watchtopic -->

        <li class="rightside" style="float:right;">  {S_WATCH_TOPIC}<br /></li>

        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
        </div>

        <hr />
              <div id="M14_ariane" class="pathname-box ariane">
              <p class="M14_ariane">
              <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
              <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
              {NAV_CAT_DESC}
              <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                         
              <script type="text/javascript">
              jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
              </script>           
              </p>
              </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}" 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 />

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

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

        <!-- 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 -->

        <!-- Laisse le bouton favori uniquement sur 1ier message -->
            <script type="text/javascript">
              $(function(){
              if(_userdata["user_id"] < (0)){$('li#M14_FavORiTebis').remove();}
              $('ul.profile-icons:not(:first)').find('li#M14_FavORiTebis').remove();
              });
            </script>

<!-- BEGIN switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<script>
    //<![CDATA[
    $(document).ready(function() {
        $('#push-answer').jqm({toTop: true});
 
        $('#push-bell').click(function () {
            return sendWebPush({TOPIC_ID});
        });
 
        function sendWebPush(tId) {
            $.get("/ajax_push.php?topicID=" + tId).done(showPushAnswer);
        }
 
        function showPushAnswer(data) {
            $('#push-answer').html(data).jqmShow();
            $('.jqmOverlay').bgiframe();
            $('#push-answer').bgiframe();
        }
    });
    //]]>
</script>
<!-- END switch_push_direct_send -->


[Milouze14]

Re,
merci, alors il suffit de mettre le title directement dans ton template à ce niveau:

Code:

<strong class="M14_member" style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>

A remplacer par ce que tu souhaites:

Code:


<strong class="M14_member" style="font-size:1.2em"title="Cliquer sur le v pour afficher/masquer le menu profil et statistiques">{postrow.displayed.POSTER_NAME}</strong>


Et-ce ton souhait ?

a++

[photoclic]

Re Phil,

Alors cela serait parfait, j'ai bien maintenant le title quand je mets la souris sur le V, mais:
. j'ai aussi le title quand je mets la souris sur le pseudo du membre.
. et j'ai un conflit avec un autre script où il y a aussi un titlle (ligne 24);
quand le passe la souris sur l'@ j'ai les 2 title en même temps.

Il s'agit de ce script:

Code:


//Mentionner via le profil du message ttes pages
        /* FORUM VERSIONS
        * 0 = PHPBB2
        * 1 = PHPBB3
        * 2 = PUNBB
        * 3 = INVISION
        */
        $(function() {$(function() {
          var version = 1;
        
          if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
              document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
              my_setcookie('fa_mention','');
          } if (!/\/t\d+/.test(window.location.pathname)) return;
        
          for (var a = $(['.name strong a', '.M14_member a', '.username a', '.postprofile dt a ~ a'][version]), b, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'); i<j; i++) {
  
   $('.M14_member').tooltipster({animation : 'fade',arrow : true,speed : 300,delay : 300,onlyOne : true,theme : 'tooltipster-default'});          
        
              b = document.createElement('A');
              b.member = '' + $(a[i]).text();
              b.style.marginRight = '10px';
              b.title="Cliquer sur @ pour mentionner le membre";
              b.className = 'fa-mention';
              b.innerHTML = '@';
              b.href = '#';
              b.onclick = function() {
        var n = this.member.replace(/^.*?\s[\s]/,'');
                
                if ($.sceditor) t.insertText('@"' + n + '" ');
                else {
                    my_setcookie('fa_mention', n);
                    window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
                }
          
                return false;
              };
        
              a[i].parentNode.insertBefore(b, a[i]);
          }
      
          $(function(){
              if (!$.sceditor) return;
              t=$(t).sceditor('instance');
          });
        }); });

Merci encore pour ton aide Philippe.

[Milouze14]

Hello Serge,
alors j'ai revu la partie du template car il faut écarter la balise strong qui contient le pseudo :

La partie modifiée dans le template:

Ceci:

Code:

<strong class="M14_member" style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>

Par:

Code:

  
<strong class="M14_member" style="font-size:1.2em"><span class="M14_member_Info" title="Cliquer sur le v pour afficher/masquer le menu profil et statistiques"></span>
              {postrow.displayed.POSTER_NAME}</strong>


Le template dans sa totalité:

Code:

<!-- retrait bouton panneau latéral -->
        <style>
        img.M14_open_Panneau {opacity: 0;}
        </style>

<!-- Compte à rebours vote -->
        <style>
        /*Compte à rebours 2*/
        #CompteTxt {margin-right: 115px;}
        #Compte {margin-right: -260px;}
        #Compte,#CompteTxt {position: relative;float: right;top: 74px;line-height: 30px;}
        #Compte div,#CompteTxt div{position: relative;float: left;margin-left: 5px;top: -70px;line-height: 30px;color: #3bd9eb;}
        #Compte div span{font-size:12px;text-align:center;color:#e2660a;}                    
        </style>
<!-- Fin Compte à rebours vote -->

        <!-- Position hauteur flèche et widgets dans sujets-->
        <style>
        .widget-arrow.isleft {margin-top: 434px;}
        #content-container div#left {margin-top: 460px;}
        </style>

        <!-- Position boutons nouveau et répondre -->
        <style>
        .buttons {margin: 15px 0 0 80px;position: relative;}
        </style>

        <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 = {  };
            }
        });

        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>
                              
        <br/><div class="M14_lAstSujets"><div></div></div>
        
        <div class="boutons_list">
        <ul class="linklist">
        <!-- BEGIN switch_user_logged_in -->
          <br/><br/>
                <!-- Ajout bouton Voir la page Facebook -->
                <li style="display: inline-block;"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" target="_blank" title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">La page Facebook du clic</a> • </li>
                
          <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;background: #177887;color: #fff;" href="{U_SEARCH_NEW}">Les nouveaux messages</a></li>
        <li>&nbsp;•&nbsp;<a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;" target="_blank"title="Voir les dernières photos partagées" href="/images">Les dernières photos</a></li>        
          <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_UNANSWERED}">Les messages sans réponses</a></li>      
                <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>  

          <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
                <br/><br/><br/>
          <!-- END switch_user_logged_in -->
        </ul>
        </div>

            <h1 class="page-title" style="display:none;">
                  <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>            
                </h1>

        <div style="position:relative;top: 90px; width: 1px;" id="M14_aNcHoR"></div>

        <div class="topic-actions">
        <!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" title="{switch_push_direct_send.L_PUSH_SEND}"style="font-size: 1.5em;margin: 15px;position: absolute;"></span><!-- END switch_push_direct_send -->
                    
          <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>  
          <!--            <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="https://i.imgur.com/DmZrfKT.png" id="bouton_poster" 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>
          
          <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="clear"></div>
        </div>
        
                    <div class="pathname-box" style="display:none;">
                    <p>
                      <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                      {NAV_CAT_DESC}
                    </p>
                    </div>

        <!-- Compte à rebours vote -->
        <div id="CompteTxt"></div>
        <div id="Compte"></div>


              <div id="M14_ariane" class="pathname-box ariane">
                          <p class="M14_ariane">
                                <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
                                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                                {NAV_CAT_DESC}
                                <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                          
              <script type="text/javascript">
                    jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
                    </script>            
                        </p>
                      </div>

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

<span class="participant">
{POSTERS_LIST}
</span>

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

        <!-- END topicpagination -->

        <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="M14_post 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>
                                
                <!--  Ancrage des sujets  -->                      
          <!--<div class="M14_anchonext" style="position: relative; top: -105px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>      -->

            <div class="M14_anchonext" style="position: relative; top: -145px;margin-top:40px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>  
                                                    
              <!-- Affichage des numéros de message -->
          <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>{postrow.displayed.MULTIQUOTE_IMG}</li>
  <!-- Bouton Transmettre par mp -->                                    
<!--    <img class="post2pm" data-pid="{postrow.displayed.U_POST_ID}" src="https://i.servimg.com/u/f31/19/32/37/01/abouto10.png" title="Transmettre par MP" alt="Transmettre par MP" />              -->
                                        
                      <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>
            
                    <!-- Debut bouton ajouter aux favoris -->                          
                        <li id="M14_FavORiTebis"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img style="margin-top:-3px;" src="https://i.servimg.com/u/f31/19/32/37/01/36125814.png" title= "Ajouter à vos favoris"/></a></li>                  
                        <!-- Fin bouton ajouter aux favoris -->                            
                                        
                  </ul>
                                    
                  <div class="avatarBlog"></div>              
                                    
                    <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}" /> {postrow.displayed.POSTER_NAME}                                  
              <!--    {postrow.displayed.POSTER_NAME}    posté    -->                                  
                    <span class="M14_time">{postrow.displayed.POST_DATE_NEW}</span>
                    <span class="M14_time_get"></span>
                    </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:40px;"></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">
                                        
                                      <!-- pour bouton copie lien photo -->
                                          <div class="M14_reception_photos" style="display:none"></div>
                                        
                      <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>
                            
                    <span class="edited_post">{postrow.displayed.EDITED_MESSAGE}</span>
                                  
                    <!-- 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>
                          
                                    
                        <strong class="M14_member" style="font-size:1.2em"><span class="M14_member_Info" title="Cliquer sur le v pour afficher/masquer le menu profil et statistiques"></span>
              {postrow.displayed.POSTER_NAME}</strong>
            <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">Statistiques</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>
            
            <!-- visiteurs retiré --      <li><a class="M14_link"target="_blank">Visiteurs</a></li>    ---->
            <!-- Message sur profil retiré --      <li><a class="M14_link"target="_blank">Message sur profil</a></li>    ---->

            </div>
            <br />
              {postrow.displayed.POSTER_AVATAR}
                                                
            <br />                                        
                      </dt>
                      <dd class="M14_rang">{postrow.displayed.POSTER_RANK_NEW}</dd>
                      <dd class="M14_rang">{postrow.displayed.RANK_IMAGE}</dd>

                      <dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                      {postrow.displayed.AWARDS}
          </dd>
          <dd class="award_more"></dd>
                      
                      <dd><br /></dd>
                      <dd>
                          <!-- BEGIN profile_field -->
                                                                    
  <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL}
  <span class="value">{postrow.displayed.profile_field.CONTENT}</span>
  {postrow.displayed.profile_field.SEPARATOR}</span>
                        
                          <!-- 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>
                                
      <!--  <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  -->
                                                          
                <span class="corners-bottom"><span></span></span></div>
                      <!-- BEGIN switch_likes_active -->
            <div class="fa_like_div" style="display:none;">
            <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
            <!-- END switch_like_list -->
            <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
            <!-- END switch_dislike_list -->
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
            <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
            <span> Best </span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
            </button>
            <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
            <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
            <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
            </button>
            
            <!-- END switch_dislike_button -->  
            </div>
            <!-- END switch_likes_active -->
          
    </div>
              <!-- BEGIN first_post_br -->
              <hr id="first-post-br" />
              <!-- END first_post_br -->
          <!-- END displayed -->
        <!-- END postrow -->

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


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

        <!-- BEGIN switch_user_logged_in -->
        
        <!-- BEGIN watchtopic -->

        <li class="rightside" style="float:right;">  {S_WATCH_TOPIC}<br /></li>

        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
        </div>

        <hr />
              <div id="M14_ariane" class="pathname-box ariane">
              <p class="M14_ariane">
              <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
              <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
              {NAV_CAT_DESC}
              <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                          
              <script type="text/javascript">
              jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
              </script>            
              </p>
              </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}" 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 />

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

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

        <!-- 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 -->

        <!-- Laisse le bouton favori uniquement sur 1ier message -->
            <script type="text/javascript">
              $(function(){
              if(_userdata["user_id"] < (0)){$('li#M14_FavORiTebis').remove();}
              $('ul.profile-icons:not(:first)').find('li#M14_FavORiTebis').remove();
              });
            </script>

<!-- BEGIN switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<script>
    //<![CDATA[
    $(document).ready(function() {
        $('#push-answer').jqm({toTop: true});
 
        $('#push-bell').click(function () {
            return sendWebPush({TOPIC_ID});
        });
 
        function sendWebPush(tId) {
            $.get("/ajax_push.php?topicID=" + tId).done(showPushAnswer);
        }
 
        function showPushAnswer(data) {
            $('#push-answer').html(data).jqmShow();
            $('.jqmOverlay').bgiframe();
            $('#push-answer').bgiframe();
        }
    });
    //]]>
</script>
<!-- END switch_push_direct_send -->

La css modifiée :

J'ai remplacé la class "M14_member" par :

Code:


.M14_member_Info {
    background-image: url(https://2img.net/i/fa/invision/menu_action_down.gif);
    background-position: 98% 40%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    margin-left: -102px;
    margin-top: -10px;
    position: absolute;
    width: 185px;
}


Le script modifié car il y avait une anomalie:

Code:

$(function(){
      if (_userdata["user_id"] >= (0)){        
        $('.M14_member a[href^="/u"]').each(function(){  
        var M14_1=$(this).attr('href').substring(0,5);
        var M14_2=$(this).attr('href').substring(2);
        var M14_3=$(this).text();
        var M14_4=$(this).attr('href').substring(2,5);                
 
        $(this).closest('dt').find('li:eq(0) a').attr('href',''+M14_1+'').attr('title','Voir le profil de '+M14_3+'');
        $(this).closest('dt').find('li:eq(1) a').attr('href',''+M14_1+'stats').attr('title','Voir les statistiques et mini portfolio de '+M14_3+'');
        $(this).closest('dt').find('li:eq(2) a').attr('href','/privmsg?mode=post&u='+M14_2+'').attr('title','Envoyer un MP à '+M14_3+'');
        $(this).closest('dt').find('li:eq(3) a').attr('href','/spa/'+M14_3+'').attr('title','Trouver tous les messages postés par '+M14_3+'');
        $(this).closest('dt').find('li:eq(4) a').attr('href','/st/'+M14_3+'').attr('title','Nombre de sujets ouvert par '+M14_3+' dans le forum');
        $(this).closest('dt').find('li:eq(5) a').attr('href','/sta/'+M14_3+'').attr('title','Trouver tous les sujets où '+M14_3+' a participé');      
    
 
          $('.M14_member ').each(function(){
            $(this).click(function(){
    $(this).find('.M14_TogProfil').css('opacity', '0');
    setTimeout(function(){
    $('.M14_TogProfil').animate({opacity: '1'}); }, 300);  
    $(this).next().toggle();
     });
           });
        });
    $('.M14_member:contains("Invité")').next().remove();
        }
        });

a++

[photoclic]

Bonsoir Philippe,

Merci pour tout ça.

Les title fonctionnent correctement, par contre le V se plaçait mal -->  juste au dessus du pseudo.

Si je modifiais le css pour le placer à droite du pseudo comme cela était auparavant, le menu déroulant ne se déroulait pas pour tous les membres.
De même pour  ce pavé des infos du membre qui venait quand je positionnais le curseur sur son id il n'apparaissait plus:

Spoiler:

Cela créait un conflit sur la ligne où se situe le pseudo; les boutons se chevauchaient.

En modifiant le css ainsi pour que le V se place plus haut à droite par exemple, tout fonctionne correctement:

Code:

.M14_member_Info {
    background-image: url(https://2img.net/i/fa/invision/menu_action_down.gif);
    background-position: 98% 40%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    margin-top: -34px;
    position: absolute;
    width: 162px;
}

Je crois que je vais laisser ainsi, ce n'est pas plus mal.

Je referai des essais demain avant de passer en résolu.
Merci encore Philippe.

[Milouze14]

Salut Serge,
effectivement il faut remonter la balise et garder la position absolute .


Ensuite pour ta demande,
on peut placer la balise span ajoutée hier (template):

Code:


<strong class="M14_member" style="font-size:1.2em">
<span class="M14_member_Info" title="Cliquer sur le v pour afficher/masquer le menu profil et statistiques"></span>
              {postrow.displayed.POSTER_NAME}</strong>


En dehors comme ceci:

Code:


<span class="M14_member_Info"></span>
<strong class="M14_member" style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>


J'ai volontairement supprimé l'infobulle afin d'être cohérent avec le script qu s'active seulement pour les membres:
Ensuite tu joues avec la css pour la placer ou tu veux .


La partie dans le script avec l'ajout de l'infobulle:

Code:

$('.M14_member_Info ').each(function(){
  $(this).attr('title','Cliquer sur le v pour afficher/masquer le menu profil et statistiques');

Le script complet:

Code:


$(function(){
      if (_userdata["user_id"] >= (0)){        
        $('.M14_member a[href^="/u"]').each(function(){  
        var M14_1=$(this).attr('href').substring(0,5);
        var M14_2=$(this).attr('href').substring(2);
        var M14_3=$(this).text();
        var M14_4=$(this).attr('href').substring(2,5);                
 
        $(this).closest('dt').find('li:eq(0) a').attr('href',''+M14_1+'').attr('title','Voir le profil de '+M14_3+'');
        $(this).closest('dt').find('li:eq(1) a').attr('href',''+M14_1+'stats').attr('title','Voir les statistiques et mini portfolio de '+M14_3+'');
        $(this).closest('dt').find('li:eq(2) a').attr('href','/privmsg?mode=post&u='+M14_2+'').attr('title','Envoyer un MP à '+M14_3+'');
        $(this).closest('dt').find('li:eq(3) a').attr('href','/spa/'+M14_3+'').attr('title','Trouver tous les messages postés par '+M14_3+'');
        $(this).closest('dt').find('li:eq(4) a').attr('href','/st/'+M14_3+'').attr('title','Nombre de sujets ouvert par '+M14_3+' dans le forum');
        $(this).closest('dt').find('li:eq(5) a').attr('href','/sta/'+M14_3+'').attr('title','Trouver tous les sujets où '+M14_3+' a participé');      
    
 
$('.M14_member_Info').each(function(){
  $(this).show().attr('title','Cliquer sur le v pour afficher/masquer le menu profil et statistiques');
  var a=$(this).closest('dt').find('.M14_TogProfil');
  var b=$(this).next();
$(this).click(function(){
    b.css('opacity', '0');
    setTimeout(function(){
    b.animate({opacity: '1'}); }, 300);  
    a.toggle();
     });
  });
});
    $('.M14_member:contains("Invité")').next().remove();
}
});


a++

[photoclic]

Bonjour Philippe,

Un énorme merci; c'est parfait ainsi sur mon forum test et bien plus souple.
Je le passerai sur mon fofo cet aprem.

Vraiment ravi par tous tes développements.
Bonne journée.