[PHPBB3] Personnaliser nouveau bouton J'aime

Hello Serge,
certaines parties sont paramétrables et d'autres non, ensuite tu n'as pas d'image appropriée en relation avec les dimensions du bouton car l'image est vraiment disproportionnée...

Re Serge,
alors j'ai commencé le codage via la css, cette dernière est commentée, par contre il est impératif d'avoir une image pas trop important car il faut prendre en compte le nombre de membres ayant voté.


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


/*ON MASQUE LE POUCE*/
button.rep-button.fa_like path, button.rep-button.fa_liked path{display: none;}
/*DEBUT OPTIONNEL*/
/*SI NON CLIQUE ON AFFICHE UN MOINS*/
button.rep-button.fa_like:before{content:'-';color:red;}
/*SI SI CLIQUE ON AFFICHE UN PLUS*/
button.rep-button.fa_liked:before{content:'+';color:green;}
/*FIN OPTIONNEL*/
/*L IMAGE APRES LE VOTE*/
button.rep-button.fa_liked  .rep-nb:after
{
content:'';
background-image:url('https://i.servimg.com/u/f20/20/11/87/27/27357310.gif');
background-repeat:no-repeat;
background-position: right center;
width: 24px;
height: 10px;
display: inline-block;
position: absolute;
margin-left: 10px;
}

/*ON MASQUE LE TEXTE " aime ce message"*/
.fa_like_div .fa_like_list{font-size:0px;}
/*ON IMPOSE UNE TAILLE DE POLICE AU PSEUDOS*/
.fa_like_div .fa_like_list a[href^="/u"]{font-size: 10px!important;}
/*ON AFFICHE UNE VIRGULE AVANT LE DEUXIEME MEMBRE*/
.fa_like_div .fa_like_list a[href^="/u"]:nth-child(2):before
{content:',';}
/*ON AFFICHE UN POINT APRES LE DERNIER MEMBRE*/
.fa_like_div .fa_like_list a[href^="/u"]:last-child:after
{content:'.';}


Penser a cliquer sur le bouton

Ensuite le code html déposé dans le template:

Code:

<!-- BEGIN switch_likes_active -->
         <div class="fa_like_div">
            <!-- 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>  1 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 -->


Bonjour Philippe,

C'est extra Phil et impressionné par la rapidité avec laquelle tu m'as fait cela.

Juste une inversion entre le + et le - je crois, mais de toutes façons j'adapterai les textes et style.
Pas évident d'imaginer ce que cela donnerait avant de voir le résultat.

ça fonctionne quasiment comme je l'avais imaginé.

Je ne sais pas si cela est normal, mais quand il y a 1 membre qui clique, cela affiche 1 et une image Best se positionne. Jusque là c'est normal.
Quand un second membre clique, cela affiche 2 et toujours 1 seule image Best. C'est peut-être normal, mais je m'attendais à avoir 2 images Best etc.
Mais s'il reclique pour faire - alors l'image disparait ce qui me semble anormal. Le chiffre lui passe bien normalement à 1.
S'il y a 3 Best et que le membre clique sur - l'image disparait aussi.

Il n'y a pas de virgule entre le 2ième et le 3ième membre. Mais Il y a bien le point à la fin.
Dans le système original, il y a un et avant le dernier membre, mais il est retiré en même temps que le texte " aime ce message", car tu as mis le font size à 0.
Si compliqué, peut-être ne mettre qu'un tiré - entre chaque membre.

je ne sais pas s'il est possible d'aller plus loin:
. N'avoir ce système que sur le 1ier message
. n'avoir ce système que sur les forums f4, f5, F16
. Ne pas l'afficher pour les invités ou ajouter un title dans ce cas pour indiquer qu'il faut se connecter.

Tout cela est pour l’instant sur mon forum test ici: https://sergetest.kanak.fr/
Un grand merci Phil pour ce que tu as déjà fait.


Je mets ce § pour mémoire:
[Pour aller encore plus loin, mais à l'occasion d'une autre demande après validation de tout cela: quand un membre clique, ajouter l'image du Best (la grande) dans l'éditeur (peut être avec un petit texte)]

Coucou Serge, je suis avec mon Android actuellement.
Pour tes questions, le fonctionnement est tout à fait normal car c'est le reflet de ce que peut voir le membre et non un affichage global.
Ensuite, pour les conditions elles sont déjà fonctionnelles sur mon fofo de tests.
Pour ta dernière question, il faut juste ajouter du texte et la photo en dessous et envoyer ensuite ?

Bonjour Philippe,

Pour la question, non ne pas envoyer.

L'idée est que quand une photo plait, le membre clique sur le Best qui fait donc +1.
Puis le texte et l'image du Best se mettent dans l'éditeur et le membre poursuit son commentaire et il envoie ensuite.

En fait ça permet d'aller plus loin que FB en poussant le membre à commenter.

Re Serge,
alors on va mettre un display none dans le template afin d’éviter les conditions inutiles.

Le code html:

Code:

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


J'ai revu la css afin d'avoir une virgule et un point la ou il se doit:

Code:

/*ON MASQUE LE POUCE*/
button.rep-button.fa_like path, button.rep-button.fa_liked path{display: none;}
/*DEBUT OPTIONNEL*/
/*SI NON CLIQUE ON AFFICHE UN MOINS*/
button.rep-button.fa_like:before{content:'+';color:green;}
/*SI SI CLIQUE ON AFFICHE UN PLUS*/
button.rep-button.fa_liked:before{content:'ok';color:orange;}
/*FIN OPTIONNEL*/
/*L IMAGE APRES LE VOTE*/
button.rep-button.fa_liked  .rep-nb:after
{
content:'';
background-image:url('https://i.servimg.com/u/f20/20/11/87/27/27357310.gif');
background-repeat:no-repeat;
background-position: right center;
width: 24px;
height: 10px;
display: inline-block;
position: absolute;
margin-left: 10px;
}

/*ON MASQUE LE TEXTE " aime ce message"*/
.fa_like_div .fa_like_list{font-size:0px;}
/*ON IMPOSE UNE TAILLE DE POLICE AU PSEUDOS*/
.fa_like_div .fa_like_list a[href^="/u"]{font-size: 10px!important;}
/*ON AFFICHE UNE VIRGULE APRES LE MEMBRE*/
.fa_like_div .fa_like_list a[href^="/u"]:after
{content:',';}
/*ON AFFICHE UN POINT APRES LE DERNIER MEMBRE*/
.fa_like_div .fa_like_list a[href^="/u"]:last-child:after
{content:'.';}

Puis pour finir le script :


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Coches Sur les sujets

Déposes ceci:

Code:


$(function(){
var fofo=$('a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f16-"]').length;
if(fofo)
{
$editor = $('.sceditor-container');
var member=_userdata["username"];
if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
$('div[class*="post--"]:first').each(function(){
$(this).find('.fa_like_div').show();
var message=$(this).find('.postbody .content div').text();
var pictures=$(this).find('.postbody .content div img').attr('src');
$(this).find('button.rep-button.fa_like').wrap('<a href="#quickreply"></a>').click(function(){
$(this).unwrap(); 
  alert('Un petit commentaire '+member+' ?');
$('#quick_reply textarea ').val(''+message+'\n<img src="'+pictures+'"/>\n\n');

});
});

}
});


Penses a cliquer sur le bouton

Bonjour Phil,

Super merci!

Cette fois c'est moi qui suis sur mon androïd.

J'ai hâte d'essayer ça vers 18h.

Pas de soucis Serge,
j'ai ajouté une touche perso est une alerte.

Re Phil,

C'est excellent Philippe merci. Cela commence à prendre forme.

Ces 3 points fonctionnent à merveille:
. n'avoir ce système que sur le 1ier message
. n'avoir ce système que sur les forums f4, f5, F16
. La virgule entre les membres et le point à la fin.

J'ai adapté le css à ma sauce en agrandissant un peu l'ensemble  et revu les textes ainsi:

Code:


/*Nouveau sytème de Best*/
    /*ON MASQUE LE POUCE*/
    button.rep-button.fa_like path, button.rep-button.fa_liked path{display: none;}
    /*DEBUT OPTIONNEL*/
    /*SI NON CLIQUE ON AFFICHE UN MOINS*/
    button.rep-button.fa_like:before{content:'Ajouter un';color:green;}
    /*SI SI CLIQUE ON AFFICHE UN PLUS*/
    button.rep-button.fa_liked:before{content:'Retirer votre';color:red;}
    /*FIN OPTIONNEL*/
    /*L IMAGE APRES LE VOTE*/
   button.rep-button.fa_liked .rep-nb::after {
   
          
   background-image: url(https://i.servimg.com/u/f25/18/97/96/21/059010.gif);
                        
   background-position: right center;
   background-repeat: no-repeat;
   content: '';
   display: inline-block;
   height: 25px;
   margin-left: 17px;
   position: absolute;
   width: 58px;
}

    /*ON MASQUE LE TEXTE " aime ce message"*/
    .fa_like_div .fa_like_list{font-size:0px;}
    /*ON IMPOSE UNE TAILLE DE POLICE AU PSEUDOS*/
    .fa_like_div .fa_like_list a[href^="/u"]{font-size: 10px!important;}
    /*ON AFFICHE UNE VIRGULE APRES LE MEMBRE*/
    .fa_like_div .fa_like_list a[href^="/u"]:after
    {content:',';}
    /*ON AFFICHE UN POINT APRES LE DERNIER MEMBRE*/
    .fa_like_div .fa_like_list a[href^="/u"]:last-child:after
    {content:'.';}

    /*Hauteur boutons et Best*/
   .rep-nb {
   line-height: 25px;
   margin-left: 10px;
   padding-left: 5px;
   }
   .rep-button, .rep-button:active, .rep-button:focus {margin-bottom: 10px;
   }


Une incompréhension au niveau de ce qui s'affiche dans l'éditeur dans ce §:
"quand un membre clique, ajouter l'image du Best (la grande) dans l'éditeur (peut être avec un petit texte)".
L'image à mettre en bas est l'image du Best et non la photo postée. J'avais mis grande entre parenthèse parce que tu l'avais réduite précédemment à 24x10 px.
C'est donc bien cette image qu'il faudrait mettre:
https://i.servimg.com/u/f25/18/97/96/21/27357311.gif

Et le texte dans la fenêtre d'alerte serait: "XXXXX, un Best a été ajouté dans l'éditeur."

Resterait si cela est possible l'ajout d'un title quand en est en invité pour indiquer qu'il faut se connecter pour ajouter un Best.

j'espère ne reien avoir oublié, sinon je vais me faire disputer :-)

Re Serge,

tu peux tester ce script:

Code:


$(function(){
  if(!_userdata["session_logged_in"])return;
    var fofo=$('a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f16-"]').length;
    if(fofo)
    {
    $editor = $('.sceditor-container');
    var member=_userdata["username"];
    if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
    $('div[class*="post--"]:first').each(function(){
    $(this).find('.fa_like_div').show();
    var message=$(this).find('.postbody .content div').text();
      //LE LIEN DE L MIAGE
    var pictures="https://i.servimg.com/u/f25/18/97/96/21/27357311.gif";
      //LE TEXTE DE L ALERTE
    var texte="un Best a été ajouté dans l\'éditeur.";
    $(this).find('button.rep-button.fa_like').wrap('<a href="#quickreply"></a>').click(function(){
    $(this).unwrap();
alert(''+member+','+texte+'');
    $('#quick_reply textarea ').val(''+message+'\n<img src="'+pictures+'"/>\n\n');

    });
    });

    }
    });


Resterait si cela est possible l'ajout d'un title quand en est en invité pour indiquer qu'il faut se connecter pour ajouter un Best.

Hum, on a un display none dans le template et à partir de là, j'ai préféré ajouter une condition afin que les invités ne puissent pas voir la div.

j'espère ne rien avoir oublié, sinon je vais me faire disputer :-)

Mais non      

J'ai édité mon script afin d'apporter une correction Serge

Hum, je vois mon erreur, en fait le script reprend le contenu texte du message et de ton côté , tu désires mettre un texte défini Serge?

Edit:
le nouveau script:

Code:

$(function(){
  if(!_userdata["session_logged_in"])return;
    var fofo=$('a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f16-"]').length;
    if(fofo)
    {
    $editor = $('.sceditor-container');
    var member=_userdata["username"];
    if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
    $('div[class*="post--"]:first').each(function(){
    $(this).find('.fa_like_div').show();
      //LE TEXTE AJOUTE DANS L EDITEUR
    var message="LE TEXTE AU CHOIX";
      //LE LIEN DE L MIAGE
    var pictures="https://i.servimg.com/u/f25/18/97/96/21/27357311.gif";
      //LE TEXTE DE L EDITEUR
    var texte="un Best a été ajouté dans l\'éditeur.";
    $(this).find('button.rep-button.fa_like').wrap('<a href="#quickreply"></a>').click(function(){
    $(this).unwrap();
alert(''+member+','+texte+'');
    $('#quick_reply textarea ').val(''+message+'\n<img src="'+pictures+'"/>\n\n');

    });
    });

    }
    });

ça fonctionne Philippe

Un truc qui risque d'être gênant par rapport aux autres scripts relatif aux images.

Le Best en fait correspond à un smiley sur mon fofo et grâce aux différents scripts que tu m'as fait par ailleurs il sont traités pour ne pas être vus en tant qu'image.

Serait-il possible de ne pas mettre le Best en tant qu'image mais en tant que smiley.
Son code est :Best:
Suffit peut-être simplement de remplacer le lien de l'image pale texte :Best:

Nos messages se sont croisés.
Je reteste avec ton dernier script.

Oui, Phil ton dernier script est pafait avec l'auteur, c'est bien cela qu'il fallait.

reste cette histoire de smiley.

Hum, pour le code du Smileys, il vaut mieux rester avec l'image présente dans le script Serge.
Le soucis que l'on rencontre avec les code ANSI et que l'éditeur ne pourra pas l’interpréter .

Sur mon fofo Philippe, quand je tape le code d'un smiley il est interprété actuellement.
:Best: m'affiche bien l'image du Best.

Il me semble qu'il y a un souci dans l'affichage de la fenêtre d'alert.
Je testerai tout ça sur mon fofo dans la soirée Phil pour voir si tout colle.

PS: Waow, je viens de passer sur ton forum dans les astuces, je vois qu'il y a de la demande sur ce sujet.
J'espère que FA ne va faire de modifications qui remettraient en cause les scripts :-)

Re Phil.

Pas mal de tests faits. On y est presque l'ami.

. En mettant dans var= message le code du smiley :BEST: c'est bien l'image du smiley qui se met dans le message.

. La fenêtre d'alerte apparait bien quand on clique sur "Ajouter un Best" puis on arrive sur l'éditeur. ça c'est OK.
Par contre, si on reclique pour "Retirer son Best", la même fenêtre apparait à nouveau. cela me semble incorrect.

. Un truc aussi qui est ennuyeux, l'auteur du post peut se mettre un Best à lui même. Je ne sais pas si cela peut être évité.

Je laisse tout ça sur mon forum test Phil.

Merci pour tout ça. à demain.

Hello Serge,
je me suis mélangé les pinceaux avec le code du Smiley hier soir
Bref, pas de soucis sur ce point.

Par contre, si on reclique pour "Retirer son Best", la même fenêtre apparait à nouveau. cela me semble incorrect.

Dans le script , recherches ceci:

Code:

$(this).unwrap();

juste avant déposes ceci:

Code:

$(this).unbind();

. Un truc aussi qui est ennuyeux, l'auteur du post peut se mettre un Best à lui même. Je ne sais pas si cela peut être évité.

C'est une erreur de Forumactif je suppose car ce n'est pas très logique..

On peut via ce nouveau script afficher le tag seulement sur le premier message si ce n'est pas le notre:

Le script avec encore de lien de l'image.

Code:

$(function(){
  if(!_userdata["session_logged_in"])return;

    var fofo=$('a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f16-"]').length;
    if(fofo)
    {
    $editor = $('.sceditor-container');
    var member=_userdata["username"];
    if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
    $('div[class*="post--"]:first').each(function(){
var speudo=$('div[class*="post--"]:first .author a[href^="/u"]').text() ;
      if(speudo==member){$(this).find('.fa_like_div').hide();}
else{$(this).find('.fa_like_div').show();}
      //LE TEXTE AJOUTE DANS L EDITEUR
    var message="LE TEXTE AU CHOIX";
      //LE LIEN DE L MIAGE
    var pictures="https://i.servimg.com/u/f25/18/97/96/21/27357311.gif";
      //LE TEXTE DE L EDITEUR
     var texte="un Best a été ajouté dans l\'éditeur.";
    $(this).find('button.rep-button.fa_like').wrap('<a href="#quickreply"></a>').click(function(){
$(this).unbind();    $(this).unwrap();
alert(''+member+','+texte+'');
    $('#quick_reply textarea ').val(''+message+'\n<img src="'+pictures+'"/>\n\n');

    });
    });

    }
    });

Le script modifié avec le code du Smiley:

Code:

$(function(){
  if(!_userdata["session_logged_in"])return;

    var fofo=$('a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f16-"]').length;
    if(fofo)
    {
    $editor = $('.sceditor-container');
    var member=_userdata["username"];
    if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
    $('div[class*="post--"]:first').each(function(){
var speudo=$('div[class*="post--"]:first .author a[href^="/u"]').text() ;
      if(speudo==member){$(this).find('.fa_like_div').hide();}
else{$(this).find('.fa_like_div').show();}
      //LE TEXTE AJOUTE DANS L EDITEUR
    var message="LE TEXTE AU CHOIX";
      //LE CODE SMILEY
    var pictures=":Best: ";
      //LE TEXTE DE L EDITEUR
    var texte="un Best a été ajouté dans l\'éditeur.";
    $(this).find('button.rep-button.fa_like').wrap('<a href="#quickreply"></a>').click(function(){
$(this).unbind();    $(this).unwrap();
alert(''+member+','+texte+'');
    $('#quick_reply textarea ').val(''+message+'\n '+pictures+'\n\n');

    });
    });

    }
    });

Bonjour Philippe,

Merci pour ces compléments.

Pour le smiley, c'est OK.

L'idée de masquer tag fonctionne mais le but du truc est que tous le membres voient le nbre de Best.
Ce serait mieux si le membre peut voir le tag sans pouvoir cliquer. Comme c'était le cas pour les invités.

Re Serge,

L'idée de masquer tag fonctionne mais le but du truc est que tous le membres voient le nbre de Best.

Tu parles de membres ou d'invité?
Les membres voient bien le nombre mentionné comme ici le chiffre 3:


La seule partie propre au membre et celle de gauche .



A moins que je ne saisisse pas ta demande ?

Si tu désires laisser le visuel aux invités et afficher une infobulle, tu peux supprimer cette ligne:

Code:

 if(!_userdata["session_logged_in"])return;

Puis après ceci:

Code:


$('div[class*="post--"]:first').each(function(){




Ajoutes ceci:

Code:

if (_userdata["user_id"] < (0))
{
$(this).find('.fa_like_div').wrap('<a href="/login" title="Merci de vous connecter ou de vous enregistrer"></a>');  
}

Ce que tu as fait pour les invités est superbe Philippe. Un grand merci.
Faudrait que tu te fasses embaucher par FA :-)

Pour les membres Philippe avec cet ajout:

Code:

var speudo=$('div[class*="post--"]:first .author a[href^="/u"]').text() ;
      if(speudo==member){$(this).find('.fa_like_div').hide();}
else{$(this).find('.fa_like_div').show();}

le membre ne voit rien quand il arrive sur son post.
Il faudrait qu'il puisse voir les membres qui ont mis un best et le nombre de best mais qu'il ne puisse pas voter.

Tu as un exemple sur ton fofo Serge?
Est-ce son sujet ?