Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Personnaliser nouveau bouton J'aime


2 participants

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Lun 22 Juin 2020 - 19:23

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour à tous les milouziens,


Le nouveau sytème de j'aime vient d'être mis en place sur FA et j'attendais un développement de ce genre depuis un moment.


Je n'activerais que la fonction j'aime, et avec les pseudos des membres.


Serait-il possible de le personnaliser de la façon suivante:

. Remplacer le texte J'aime par " + 1 Best"
. Retirer si possible l'image du pouce
. Rajoutre à droite du texte une image à chaque fois qu'un membre clique.
S'il y a par exemple 3 membres qui ont cliqué, avoir 3 fois cette image cote à cote
https://i.servimg.com/u/f25/18/97/96/21/27357311.gif
. Retirer le texte au dessus aime ce message et positionner le nom du membre au dessus de l'image
ça pourrait ressembler à ça:
Spoiler:
. N'avoir ce système que sur le premier message
. n'avoir ce système que sur les forums f4, f5, F16

Merci pour votre aide.


Dernière édition par photoclic le Ven 26 Juin 2020 - 22:31, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 22 Juin 2020 - 19:50

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...
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 22 Juin 2020 - 20:20

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 [PHPBB3] Personnaliser nouveau bouton J'aime Sans_t10

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


avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 0:17

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)]
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 23 Juin 2020 - 8:34

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 ?
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 12:39

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.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 23 Juin 2020 - 15:45

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 MDR MDR :


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 Valid


avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 15:50

Bonjour Phil,

Super merci!

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

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

https://www.milouze14.net/

MessageMilouze14 Mar 23 Juin 2020 - 15:52

Pas de soucis Serge,
j'ai ajouté une touche perso impeccable est une alerte.
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 18:56

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 :-)
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 23 Juin 2020 - 19:11

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  pascontentGrrrrrr  pascontentGrrrrrr  lOL
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 23 Juin 2020 - 19:26

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

https://www.milouze14.net/

MessageMilouze14 Mar 23 Juin 2020 - 19:29

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');

    });
    });

    }
    });
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 19:33

ça fonctionne Philippe super

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:
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 19:33

Nos messages se sont croisés.
Je reteste avec ton dernier script.
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 19:36

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

reste cette histoire de smiley.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 23 Juin 2020 - 19:45

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 .
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 19:49

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 :-)
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 23 Juin 2020 - 23:49

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.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 24 Juin 2020 - 6:54

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');

    });
    });

    }
    });
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 24 Juin 2020 - 10:08

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');

    });
    });

    }
    });
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 24 Juin 2020 - 10:34

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.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 24 Juin 2020 - 15:02

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:

[PHPBB3] Personnaliser nouveau bouton J'aime 1145
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>');  
}
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 24 Juin 2020 - 15:30

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.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 24 Juin 2020 - 15:32

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

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum