[PHPBB3] Personnaliser nouveau bouton J'aime

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

Re Serge,

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.

Hum, comment te dire !!
https://www.milouze14.com/t32711-phpbb3-personnaliser-nouveau-bouton-j-aime#622957

. N'avoir ce système que sur le premier message
. n'avoir ce système que sur les forums f4, f5, F16

Re Phil,

Je viens d'activer la fonction sur mon fofo.
Sur ce post, chacat et Foxy ont mis un best:
https://photoclic.forum-pro.fr/t22077-paysages-dans-le-vent#281940

Si tu te connectes en tant que chacat, tu ne verras pas ces best
Tu peux regarder aussi ce que cela donne en invité.

Re Serge.
Merci, je comprend ta demande Serge,
en fait tu souhaites qu'il est tout de même l'affichage et rien de plus ?

Exactement Phil, si cela est possible.

Alors remplaces ceci Serge:

Code:

if(speudo==member){$(this).find('.fa_like_div').hide();}

Par ceci:

Code:

if(speudo==member)
{
  $(this).find('.fa_like_div').show().each(function(){
    $(this).find('.fa_like_list').after('<span> Les membres ayant remercié l\'auteur</span>');
    $(this).find('button').remove();
  });
}

Il verra les membres ayant remercié le message et en dessous un message que tu pourras personnaliser:

Code:

$(this).find('.fa_like_list').after('<span> Les membres ayant remercié l\'auteur</span>');




Attends avant de clôturer Serge,
il faut que je corrige quelque chose.

Super Philippe!

J'ai remplacé le texte "Les membres ayant remercié l\'auteur" par "ont mis un Best".

Serait-il possible de remplacer le Best par le gif du best:
https://i.servimg.com/u/f25/18/97/96/21/27357311.gif

Nos messages se sont croisés.

Non je ne clôturerai pas aujourd'hui Phil si cela ne te dérange pas.

Je ferais comme hier des essais en fin de soirée pour voir si rien oublié de mon côté et si pas d'incompatibilités avec d'autres trucs.

Alors Actuellement, pour l'auteur , tu as le span qui s'affiche même si il n'y a eut aucun vote:

Remplaces donc :

Code:

    if(speudo==member)
    {
      $(this).find('.fa_like_div').show().each(function(){
        $(this).find('.fa_like_list').after('<span> Les membres ayant remercié l\'auteur</span>');
        $(this).find('button').remove();
      });
    }

Par :

Code:

if(speudo==member)
{
  $(this).find('.fa_like_div').show().each(function(){
    var a=$(this).find('.fa_like_list').text().length;
    if(a==0){$(this).after('<span> Aucun Best actuellement</span>');}
    else{$(this).after('<span> Ont mis un Best</span>');}
   
    $(this).find('button').remove();
  });
}

Pour ton autre demande et si je comprends bien car avec des Best partout je m'y perds un peu, il faudrait mentionner du texte serge.
Tu comprends ce que tu souhaites mais pas de mon côté.
Donc si je te comprends bien, tu souhaites remplacer le texte :
"1 Best" par l'image donnée ?

Dans ce cas , dans ton template, recherches ceci:

Code:

<span>  1 Best</span>

Par:

Code:


<span><img src="https://i.servimg.com/u/f25/18/97/96/21/27357311.gif"/></span>


Pas de soucis Serge, je voulais anticiper par rapport à la correction apportée.

Re Phil,

Vraiment Désolé pour mon manque de précision.
Ton dernier complément est parfait et bien plus cohérent par rapport au reste.

Pour l’histoire du best, non, non pas dans le template Philippe, mais dans tes ajouts en cours:
C'est à dire dans tes derniers span, remplacer le mot Best par le gif du best; ici donc:

Code:


 if(a==0){$(this).after('<span> Aucun Best actuellement</span>');}
    else{$(this).after('<span> Ont mis un Best</span>');}

Je repasse vers 19h l'ami et encore un énorme merci pour tout cet excellent travail.

Ce sera ceci Serge:

Code:

 if(a==0){$(this).after('<span> Aucun <img src="https://i.servimg.com/u/f25/18/97/96/21/27357311.gif"/> actuellement</span>');}
        else{$(this).after('<span> Ont mis un <img src="https://i.servimg.com/u/f25/18/97/96/21/27357311.gif"/></span>');}


Re Phil

Tout est parfait ainsi

Je laisse tourner jusqu’à demain avant de passer en résolu si tu veux bien.
Un grand merci Philippe.

De rien Serge et à demain.

A demain Phil,

Tout est parfait là me semble-t-il et tous les cas sont super bien traités.
Tu as pris une sacré longueur d'avance sur FA et j'espère qu'ils ne feront pas de modifs car c'est plus que nickel là pour moi.

J'ai juste ajusté à ma sauce textes et css.

Aïe, après encore des essais, j'ai oublié 2 trucs....  

. Serait-il possible de ne pas mettre le système sur les annonces et notes stp.
. Serait-il possible de remplacer le texte dans Profil (onglet "Notifications") "Une mention "J'aime" sur l'un de vos messages" par "Un Best a été mis sur l'un de vos messages"

Merci encore Philippe.

Hello Serge,

Aïe, après encore des essais, j'ai oublié 2 trucs....

C'est en partie un peu à cause de cela que j'ai faillit fermer le forum il y a quelque mois..
Je suis sympa Serge, mais là tu abuses quand même...

. Serait-il possible de ne pas mettre le système sur les annonces et notes stp.

Il faudrait avoir les icônes de messages correspondant aux Annonces globales/Annonces et Notes.

Serait-il possible de remplacer le texte dans Profil (onglet "Notifications") "Une mention "J'aime" sur l'un de vos messages" par "Un Best a été mis sur l'un de vos messages"

Ce script sur toutes les pages devrait faire l'affaire Serge:

Code:

if(location.href.match(/notifications/))
{
$(function(){
  $('input[id="notif_type_10"]').closest('tr').find ('td:first').text('Un Best a été mis sur l\'un de vos messages');
});
}

Bonjour Philippe,

Vraiment désolé pour ces demandes complémentaires.
Sujet assez compliqué au final et pas évident de penser à tout.
Je m'en voudrais à mort si à cause de moi l'envie te reprenais de fermer le forum.

Le script de changement des textes est ok

Les images pour les Annonces globales/Annonces et Notes:

Annonce:
https://i.servimg.com/u/f31/19/32/37/01/icon_t33.png

Annonce globale:
https://i.servimg.com/u/f31/19/32/37/01/icon_t35.png

Annonce Nouveau et Annonce globale Nouveau:
https://i.servimg.com/u/f31/19/32/37/01/icon_t34.png

Merci pour tout et encore désolé pour l'oubli.

Re Serge,
il me manque celles des notes Serge,
mais comme on ne peut pas afficher ce type de sujet sur les messages, (seulement les icônes de messages).

Il faut peux être voir a mettre des icônes de messages pour les annonces globales/annonce et notes non?
Il faudra qu'elle soient bien moins importantes (je peux le faire de mon côté) en dimensions que les actuelles car elles seront épinglées aussi sur le liste des sujets.



Je vais un test avec cette éventualité.

Merci pour tout et encore désolé pour l'oubli.

De rien, mais c'est pénible mon ami.

Dans ton template viewtopic_body, est-ce que cette variable est entourée d'une class Serge?:

Code:

{postrow.displayed.ICON}

Alors,on va partir que la variable soit entourée de la balise span ayant une class "M14_type_topic":

Code:

<span class="M14_type_topic">{postrow.displayed.ICON}</span>

Ensuite j'ai réduis les dimensions pour la création des icônes de messages pour :
Annonce:
https://i.servimg.com/u/f20/20/11/87/27/annonc10.png

Annonce globale:
https://i.servimg.com/u/f20/20/11/87/27/annonc11.png

Notes:
https://i.servimg.com/u/f20/20/11/87/27/note10.png

Ensuite, il faut juste après ceci dans le script:

Code:


if(fofo)
    {




Ajouter ceci:

Code:

 var typeTopic=$('.M14_type_topic:first').find('img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc10.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc11.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/note10.png"]').length;
if(typeTopic)return;

Et voilou, le tour est joué Serge.
Les explications,
on recherche les liens des icônes de messages présents dans la class"M14_type_topic":

Code:

 
var typeTopic=$('.M14_type_topic:first').find('img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc10.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc11.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/note10.png"]').length;

Bonjour Philippe,

Je crois que tu surestimes mes connaissances Phil.

Si j'ai bien compris, il faut que je crée dans les icônes de messages les images que tu m'a faites, qui sont celles que j'ai actuellement mais en plus petit afin que tu puisses les tester ensuite dans ton script pour ne pas mettre le système de best.

Si c''est cela, je viens de le faire.

Ensuite, concernant le template viewtopic_body, variable est entourée d'une class. Cela se présente ainsi:

Code:

<h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>

J'ai donc ajouté ce code dans le JS:

Code:


var typeTopic=$('.topic-title:first').find('img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc10.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc11.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/note10.png"]').length;
        if(typeTopic)return;

Alors, je viens d'essayer tout ça.
ça semble fonctionner, mais sur les annonces et notes, j'ai 2 icônes superposées. Ma grande et ta petite.
Je suppose qu'il faut donc que je retire mes icônes dan les icônes des sujets, c'est bien cela Philippe?

Si c'est cela, ça veut dire qu'ensuite, quand je souhaite mettre un sujet en Note par exemple faut que je lui ajoute l'icône de message que je viens de créer.
Je découvre tout ça. C'est bien cela Philippe?

Re Serge,

alors pour ceci:

ça semble fonctionner, mais sur les annonces et notes, j'ai 2 icônes superposées. Ma grande et ta petite.

Oui, je bosse dessus afin de retirer sur la liste des sujets les icônes de messages.

Je suppose qu'il faut donc que je retire mes icônes dan les icônes des sujets, c'est bien cela Philippe?

Pour le reste non surtout pas Serge.

Si c'est cela, ça veut dire qu'ensuite, quand je souhaite mettre un sujet en Note par exemple faut que je lui ajoute l'icône de message que je viens de créer.
Je découvre tout ça. C'est bien cela Philippe?

C'est tout à fait cela Serge.



Je reviens vers toi pour la solution pour la suppression des icônes de message concernant les annonces et tutti sur la liste des sujets.

Re Phil,

OK. Merci pour les explications.

De rien Serge,

Si j'ai bien compris, il faut que je crée dans les icônes de messages les images que tu m'a faites,
qui sont celles que j'ai actuellement mais en plus petit afin que tu puisses les tester ensuite dans ton script pour ne pas mettre le système de best.

Si c''est cela, je viens de le faire.

Oui, c'est bien cela Serge et c'est volontaire de ma part concernant les images identiques afin que cela soit crédible avec les icônes des sujets.

tu pourras me donner ton script dans la totalité ensuite Serge stp.

alors , ce script va supprimer les icônes de messages sur la liste des sujets seulement pour le lien des images figurant:

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

Mettre un titre explicite.

Cocher sur les sous-forums


Déposer ceci:

Code:


$(function(){
$('dd.dterm[style*="https://i.servimg.com/u/f20/20/11/87/27/annonc10.png"]').removeAttr('style');
$('dd.dterm[style*="https://i.servimg.com/u/f20/20/11/87/27/annonc11.png"]').removeAttr('style');
$('dd.dterm[style*="https://i.servimg.com/u/f20/20/11/87/27/note10.png"]').removeAttr('style');

});


Penser a cliquer sur le bouton

J'ai bien l'icône double sur les notes, mais je ne l'ai pas sur les  annonces globales et de ce fait, le bouton n'est plus présent sur les notes mais reste présent sur les annonces globales.
Pourtant j'ai nien mis les icônes comme il faut me semble-t-il.

J'ai mis ton dernier script sur les sous forums. ça retire bien les doublons.

Le script dans sa totalité:

Code:


//Nouveau système de Best
    $(function(){
        var fofo=$('a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f1-"]').length;
        if(fofo)
        {
        var typeTopic=$('.topic-title:first').find('img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc10.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/annonc11.png"],img[src="https://i.servimg.com/u/f20/20/11/87/27/note10.png"]').length;
        if(typeTopic)return;  
        $editor = $('.sceditor-container');
        var member=_userdata["username"];
        if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
        $('div[class*="post--"]:first').each(function(){
        if (_userdata["user_id"] < (0))
     {
        $(this).find('.fa_like_div').wrap('<a href="/login" title="Merci de vous connecter ou de vous enregistrer"></a>');  
   }          
        var speudo=$('div[class*="post--"]:first .author a[href^="/u"]').text() ;          
        if(speudo==member)
        {
        $(this).find('.fa_like_div').show().each(function(){
        var a=$(this).find('.fa_like_list').text().length;
        if(a==0){$(this).after('<span class="zerobest"> <img src="https://i.servimg.com/u/f31/19/32/37/01/059012.gif"/>  0 pour le moment.</span>');}
        else{$(this).before('<span class="bestmembre"><img src="https://i.servimg.com/u/f31/19/32/37/01/059012.gif"/> mis par:</span>');}      
        $(this).find('button').remove();
        });
        }          
        else{$(this).find('.fa_like_div').show();}
          //LE TEXTE AJOUTE DANS L EDITEUR
        var message="et un ";
          //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');
        });
        });
        }
        });

Tu as bien créé des icônes de messages avec les liens suivants?:



Annonce:
https://i.servimg.com/u/f20/20/11/87/27/annonc10.png

Annonce globale:
https://i.servimg.com/u/f20/20/11/87/27/annonc11.png

Notes:
https://i.servimg.com/u/f20/20/11/87/27/note10.png

Chaque image étant différente, tu ne dois pas avoir de soucis.


Merci pour le script, c'est parfait, je voulais juste voir un truc pour une condition afin qu'elle soit bien dans une autre condition.