[EDGE] Remerciements de l'auteur(e) d'un sujet

Hi,

J'ai voulu installer ce bouton de remerciements en suivant l'astuce donnée ici : https://www.milouze14.com/t30613-resolu-phpbb3-message-au-clic-bouton-merci#583527

Visiblement sous Edge aucun bouton n'apparaît à l'écran, quelles sont les modifications à apporter aux codes pour cette version ?

Merci d'avance

Hello Fred,
il faut déjà activer les boutons mentionnés ici:
https://www.milouze14.com/t30613-resolu-phpbb3-message-au-clic-bouton-merci#583527

Puis ajouter le code html dans le template.
Ensuite le script quelque peu modifié:

Code:


$(function(){
    $('img[src="https://i.servimg.com/u/f58/11/26/21/37/note_a10.png"]').addClass('M14_imgLength');
    $('.M14_imgLength').closest('.post').addClass('M14_Ok_Thank');
      if($('.M14_Ok_Thank').length)
    {
    $('.post:eq(0)').find('.M14_Thank_Cont').show();
    };
 
    $('.post:eq(0)').each(function(){

    $(this).find('ul.profile-icons li:first').before('<li><a id="M14_thank"><img src="https://i.servimg.com/u/f58/19/35/15/24/thanky10.png"style="vertical-align: middle;"title="Remercier l\'auteur du sujet"/></a>  </li>');
    $(this).addClass('M14_No_Thank');
    var M14_Thank_text=$(this).find('.topic-title').text();
    var M14_Thank_link=$(this).find('.topic-title').attr('href');
    var M14_UserPost=$(this).find('.postprofile .username a[href^="/u"]').text();
    $('.M14_ThankUser').text(','+M14_UserPost+'');
    $('a.M14_Thank_link').attr('href',M14_Thank_link).text(''+M14_Thank_text+'');
    });
    });
    $(function() {
    var message = "[img]https://i.servimg.com/u/f58/11/26/21/37/note_a10.png[/img]";
    $('#M14_thank').click(function() {
    $editor = $('.sceditor-container');
    if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
    $('#quick_reply textarea ').val(message);
    $('input[name="post"]').click();
    });
    });


    $(function() {

    $('.M14_Ok_Thank').each(function(){
    var M14_User_thank=$(this).find('.author a[href^="/u"]').text();
    var M14_UserNull=$('.M14_Ok_Thank').length <2;
    var M14_UserMore=$('.M14_Ok_Thank').length >1;
    if(M14_UserNull)
    {
    $('.M14_Thank_list div').append(''+M14_User_thank+'');
    } 
    else if(M14_UserMore)
    {
    $('.M14_Thank_list div').append(''+M14_User_thank+',');
    $('.M14_Texte_liste').html('Les membres suivants remercient')
    }
    });
    });




Re Philippe,

J'ai activé l'affichage du premier message en haut de chaque page

J'ai modifié le template viewtopic_body ainsi :

Code:

<!-- 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 message : <a target="_blank" href="" class="M14_Thank_link"></a><br />
</div>
<div class="M14_Thank_list"><div></div></div>

J'ai modifié le js par celui donné au dessus, mais pas de bouton de remerciement qui apparaît

As tu publié ton template et ensuite le script est il bien placé,
La gestion des scripts est elle bien activée ?

Oui oui, j'ai trouvé d'ou venait le problème, j'avais une erreur dans un autre script et cela empêchait l'affichage de ce bouton visiblement

Je teste et si c'est bien cela je passe en résolu, merci à toi

EDIT

C'est OK pour moi, il y avait bien une erreur dans un autre script

Autre chose, je viens de constater qu'avec cette version si tu mets le forum en vacances, pour empêcher les inscriptions, cela empêche les membres inscrits de poster des messages. Je n'ai pas souvenir de ça avec les autres versions, ou je n'y ait jamais fait attention

Voilà encore merci

EDIT 2

Par contre en remerciant 2 fois le message de remerciement apparaît 2 fois



J'aimerais qu'un texte prédéfini s'affiche à la place de cette image mais je ne sais pas quoi modifier, ni où

Hello Fred,

Autre chose, je viens de constater qu'avec cette version si tu mets le forum en vacances, pour empêcher les inscriptions, cela empêche les membres inscrits de poster des messages. Je n'ai pas souvenir de ça avec les autres versions, ou je n'y ait jamais fait attention

C'est tout à fait normal Fred, et ce sur toutes les versions .

je vais revoir tout le script afin qu'il soit plus léger et surtout que le membre qui as posté le sujet ne voit pas le bouton de remerciement.

Pour l'image ,elle peut être remplacé par du texte ici:

Code:


var message = "[img]https://i.servimg.com/u/f58/11/26/21/37/note_a10.png[/img]";

Je reviens vers toi dans un moment non défini

Milouze14 a écrit:Hello Fred,

je vais revoir tout le script afin qu'il soit plus léger et surtout que le membre qui as posté le sujet ne voit pas le bouton de remerciement.

Hi Philippe,

Merci pour les infos
Ce bouton remercier apparaît également pour les invités

A bientôt

Re Fred,

alors il faut supprimer le code html déposé dans le template :

Code:

 
<div class="M14_Thank_Cont">
<div><span class="M14_Texte_liste">Le membre suivant remercie</span>
<span class="M14_ThankUser"></span> pour ce message : <a target="_blank" href="" class="M14_Thank_link"></a><br />
</div>
<div class="M14_Thank_list"><div></div></div>


Et laisser que le style.


Ensuite avec la version EDGE , les pseudos ont d'office une couleur attribuée grâce au span qui les entourent.

On va donc supprimer le script actuel et le remplacer par celui-ci:

Code:

$(function(){
if (_userdata["user_id"] >= (0)){
var M14_author=_userdata["username"];
$('.post:eq(0)').addClass('M14_No_Thank').each(function(){
$(this).find('.content').after('<div class="M14_Thank_Cont"><div><span class="M14_Texte_liste">Le membre suivant remercie</span><span class="M14_ThankUser"></span> pour ce message : <a target="_blank" href="" class="M14_Thank_link"></a><br /></div><div class="M14_Thank_list"><div></div></div></div>');
var M14_Thank_text=$(this).find('.topic-title').text();
var M14_Thank_link=$(this).find('.topic-title').attr('href');
var M14_UserPost=$(this).find('.postprofile .username a[href^="/u"]').text();

$('.M14_Length').closest('.post').addClass('M14_Ok_Thank');
if(M14_author!=M14_UserPost)
{
$(this).find('ul.profile-icons li:first').before('<li><a id="M14_thank"><img src="https://i.servimg.com/u/f58/19/35/15/24/thanky10.png"style="vertical-align: middle;"title="Remercier l\'auteur du sujet"/></a></li>');
}
if($('.M14_Ok_Thank').length)
{
$('.post:eq(0)').find('.M14_Thank_Cont').show();
};

$('.M14_ThankUser').text(','+M14_UserPost+'');
$('a.M14_Thank_link').attr('href',M14_Thank_link).text(''+M14_Thank_text+'');
});

}

});

$(function() {

$('.M14_Ok_Thank').each(function(){
var M14_User_thank=$(this).find('.author a[href^="/u"]').html();
var M14_UserNull=$('.M14_Ok_Thank').length <2;
var M14_UserMore=$('.M14_Ok_Thank').length >1;
if(M14_UserNull)
{
$('.M14_Thank_list div').append(''+M14_User_thank+'');
} 
else if(M14_UserMore)
{
$('.M14_Thank_list div').append(''+M14_User_thank+',');
$('.M14_Texte_liste').html('Les membres suivants remercient')
}
});
$('.post:not(.M14_No_Thank)').each(function(){
var M14_author=_userdata["username"];
$('.M14_Thank_list div strong').each(function(){
var $this=$(this).text();
if($this==M14_author)
{
  $('#M14_thank').hide();
}
});});
 
});
$(function() {
// ON RENSEIGNE LE TEXTE CI DESSOUS
var texte='<div class=M14_Length>Merci pour cette information</div>';
var message=texte;
$('#M14_thank').click(function() {
$editor = $('.sceditor-container');
if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
$('#quick_reply textarea ').val(message);
$('input[name="post"]').click();
});
});


Attends avant de mettre résolu car on va mettre l''image en relation
avec la version EDGE , c'est à dire utiliser la police:

Code:

font-family: FontAwesome;

Alors pour mettre ta version en relation avec son désign,
on va placer ceci dans template déjà mentionné plus haut:
entre les balises déjà présentes :

Code:

<style></style>

Code:

  /*les deux boutons*/
a#M14_Thank,a#M14_ThankThank
{padding: 4px 6px;cursor:pointer;}
/*Le bouton remercié*/
a#M14_Thank:before
{
content: "\f087";
color:white;
font-family: FontAwesome;
}
/*Le bouton déjà remercié*/
a#M14_ThankThank:before
{
content: "\f046";
color:white;
font-family: FontAwesome;
}

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


Si tu veux changer les boutons, tu pourras t'aider de ce site:

http://seehowsupport.com/font-awesome/

Ensuite le script modifié:

Code:


$(function(){
if (_userdata["user_id"] >= (0)){
var M14_author=_userdata["username"];
$('.post:eq(0)').addClass('M14_No_Thank').each(function(){
$(this).find('.content').after('<div class="M14_Thank_Cont"><div><span class="M14_Texte_liste">Le membre suivant remercie</span><span class="M14_ThankUser"></span> pour ce message : <a target="_blank" href="" class="M14_Thank_link"></a><br /></div><div class="M14_Thank_list"><div></div></div></div>');
var M14_Thank_text=$(this).find('.topic-title').text();
var M14_Thank_link=$(this).find('.topic-title').attr('href');
var M14_UserPost=$(this).find('.postprofile .username a[href^="/u"]').text();

$('.M14_Length').closest('.post').addClass('M14_Ok_Thank');
if(M14_author!=M14_UserPost)
{
$(this).find('ul.profile-icons li:first').before('<li><a id="M14_Thank"class="color-primary"title="Remercier l\'auteur du sujet"></a></li>');
}
if($('.M14_Ok_Thank').length)
{
$('.post:eq(0)').find('.M14_Thank_Cont').show();
};

$('.M14_ThankUser').text(','+M14_UserPost+'');
$('a.M14_Thank_link').attr('href',M14_Thank_link).text(''+M14_Thank_text+'');
});

}

});

$(function() {

$('.M14_Ok_Thank').each(function(){
var M14_User_thank=$(this).find('.author a[href^="/u"]').html();
var M14_UserNull=$('.M14_Ok_Thank').length <2;
var M14_UserMore=$('.M14_Ok_Thank').length >1;
if(M14_UserNull)
{
$('.M14_Thank_list div').append(''+M14_User_thank+'');
} 
else if(M14_UserMore)
{
$('.M14_Thank_list div').append(''+M14_User_thank+',');
$('.M14_Texte_liste').html('Les membres suivants remercient')
}
});
$('.post:not(.M14_No_Thank)').each(function(){
var M14_author=_userdata["username"];
$('.M14_Thank_list div strong').each(function(){
var $this=$(this).text();
if($this==M14_author)
{
  $('#M14_Thank').replaceWith('<a id="M14_ThankThank"class="color-primary"title="Vous avez déjà remercié l\'auteur du sujet"></a>');
}
});});
 
});
$(function() {
// ON RENSEIGNE LE TEXTE CI DESSOUS
var texte="<div class=M14_Length>Merci pour cette information,merci à l'auteur</div>";
var message=texte;
$('#M14_Thank').click(function() {
$editor = $('.sceditor-container');
if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
$('#quick_reply textarea ').val(message);
$('input[name="post"]').click();
});
});



Dans cette variable:

Code:


var texte="<div class=M14_Length>Merci pour cette information,merci à l'auteur</div>";


Il est impératif de laisser la class ,
changer le texte.
Ajouter une image.

Le bouton merci:
Ne sera visible que par les membres connectés.
Sera affiché seulement si le membre n'est pas l'auteur.
Une fois le bouton cliqué, le membre aura un autre bouton lui indiquant qu'il a déjà remercié le sujet.


Et voilou .

OK, je rassemble toutes ces informations et te dit ce qu'il en est

Bon dimanche

Re Philippe,

Si j'ai bien tout compris il n'y a plus rien à inscrire dans le template, donc j'ai enlevé ce qui était présent
Pour le js j'ai modifié avec le tout dernier donné
Pour la CSS remplacé l'existant par ce que tu disais mettre au template entre les balises style



Pour cette partie je n'ai rien compris en fait !

Finalement le rendu super cool

Merci de ton aide, bonne journée

Avant de fermer, je galère pour trouver à virer la virgule devant le pseudo remercié



Et pour éviter que ce remerciement ne soit trop coller au message j'ai ajouté au code une série de balise br, 5 au total

Code:

$(this).find('.content').after('<div class="M14_Thank_Cont"><div><span class="M14_Texte_liste"><br /><br /><br /><br /><br />Ce membre te remercie </span><span class="M14_ThankUser"></span> pour ce topic : <a target="_blank" href="" class="M14_Thank_link"></a><br /></div><div class="M14_Thank_list"><div></div></div></div>');

Re Fred,
je viens de déplacer ton sujet car il a été déplacé dans les résolus.

Juste pour t'expliquer comment positionner le tag, tout se trouve dans le template mon ami.
Il faut lui donner une position absolute et un margin-top.
J'ai commenté chaque style afin d'avoir un rendu vraiment plus que réel .

Le style déposé dans le template:

Code:

<style>
  /*les deux boutons*/
a#M14_Thank,a#M14_ThankThank
{padding: 4px 6px;cursor:pointer;}
/*Le bouton remercié*/
a#M14_Thank:before
{
content: "\f087";
color:white;
font-family: FontAwesome;
}
/*Le bouton déjà remercié*/
a#M14_ThankThank:before
{
content: "\f046";
color:white;
font-family: FontAwesome;
}
/*Le membre remercié*/
.M14_ThankUser
{
margin: 0px 2px;
font-weight: bold;
}
  /*Les membres ayant remerciés*/
.M14_Thank_list span
{
margin: 0px 2px;

}
  
  /*Le conteneur*/
.M14_Thank_Cont{
  margin-top: 30px;
  position:absolute;
    clear:both;
    font-style: italic;
    border: 1px solid #bac4cb;
    background: url(https://i.servimg.com/u/f58/11/26/21/37/merci11.png) no-repeat;
    background-position: 5px 2px;
    background-color:#DCE1E5;
    padding: 5px;
    min-height:50px;
    padding-left: 50px;
    border-radius: 5px;
    display:none;
    }

</style>

Puis pour supprimer les virgules, ce sera ce script:

Code:

$(function(){
if (_userdata["user_id"] >= (0)){
var M14_author=_userdata["username"];
$('.post:eq(0)').addClass('M14_No_Thank').each(function(){
$(this).find('.content').after('<div class="M14_Thank_Cont"><div><span class="M14_Texte_liste">Le membre suivant remercie</span><span class="M14_ThankUser"></span> pour ce message : <a target="_blank" href="" class="M14_Thank_link"></a><br /></div><div class="M14_Thank_list"><div></div></div></div>');
var M14_Thank_text=$(this).find('.topic-title').text();
var M14_Thank_link=$(this).find('.topic-title').attr('href');
var M14_UserPost=$(this).find('.postprofile .username a[href^="/u"]').text();

$('.M14_Length').closest('.post').addClass('M14_Ok_Thank');
if(M14_author!=M14_UserPost)
{
$(this).find('ul.profile-icons li:first').before('<li><a id="M14_Thank"class="color-primary"title="Remercier l\'auteur du sujet"></a></li>');
}
if($('.M14_Ok_Thank').length)
{
$('.post:eq(0)').find('.M14_Thank_Cont').show();
};

$('.M14_ThankUser').text(''+M14_UserPost+'');
$('a.M14_Thank_link').attr('href',M14_Thank_link).text(''+M14_Thank_text+'');
});

}

});

$(function() {

$('.M14_Ok_Thank').each(function(){
var M14_User_thank=$(this).find('.author a[href^="/u"]').html();
var M14_UserNull=$('.M14_Ok_Thank').length <2;
var M14_UserMore=$('.M14_Ok_Thank').length >1;
if(M14_UserNull)
{
$('.M14_Thank_list div').append(''+M14_User_thank+'');
}  
else if(M14_UserMore)
{
$('.M14_Thank_list div').append(''+M14_User_thank+'');
$('.M14_Texte_liste').html('Les membres suivants remercient')
}
});
$('.post:not(.M14_No_Thank)').each(function(){
var M14_author=_userdata["username"];
$('.M14_Thank_list div strong').each(function(){
var $this=$(this).text();
if($this==M14_author)
{
  $('#M14_Thank').replaceWith('<a id="M14_ThankThank"class="color-primary"title="Vous avez déjà remercié l\'auteur du sujet"></a>');
}
});});
  
});
$(function() {
// ON RENSEIGNE LE TEXTE CI DESSOUS
var texte="<div class=M14_Length>Merci pour cette information,merci à l'auteur</div>";
var message=texte;
$('#M14_Thank').click(function() {
$editor = $('.sceditor-container');
if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
$('#quick_reply textarea ').val(message);
$('input[name="post"]').click();
});
});

OK, c'est mortel, grand merci

Tu as aussi ce script qui va reprendre la couleur du membre remercié:

Code:

$(function(){
if (_userdata["user_id"] >= (0)){
var M14_author=_userdata["username"];
$('.post:eq(0)').addClass('M14_No_Thank').each(function(){
$(this).find('.content').after('<div class="M14_Thank_Cont"><div><span class="M14_Texte_liste">Le membre suivant remercie</span><span class="M14_ThankUser"></span> pour ce message : <a target="_blank" href="" class="M14_Thank_link"></a><br /></div><div class="M14_Thank_list"><div></div></div></div>');
var M14_Thank_text=$(this).find('.topic-title').text();
var M14_Thank_link=$(this).find('.topic-title').attr('href');
var M14_UserPost=$(this).find('.postprofile .username a[href^="/u"]').text();
var M14_UserPostColor=$(this).find('.postprofile .username span').css('color');
$('.M14_Length').closest('.post').addClass('M14_Ok_Thank');
if(M14_author!=M14_UserPost)
{
$(this).find('ul.profile-icons li:first').before('<li><a id="M14_Thank"class="color-primary"title="Remercier l\'auteur du sujet"></a></li>');
}
if($('.M14_Ok_Thank').length)
{
$('.post:eq(0)').find('.M14_Thank_Cont').show();
};

$('.M14_ThankUser').css('color',M14_UserPostColor).text(''+M14_UserPost+'');
$('a.M14_Thank_link').attr('href',M14_Thank_link).text(''+M14_Thank_text+'');
});

}

});

$(function() {

$('.M14_Ok_Thank').each(function(){
var M14_User_thank=$(this).find('.author a[href^="/u"]').html();
var M14_UserNull=$('.M14_Ok_Thank').length <2;
var M14_UserMore=$('.M14_Ok_Thank').length >1;
if(M14_UserNull)
{
$('.M14_Thank_list div').append(''+M14_User_thank+'');
} 
else if(M14_UserMore)
{
$('.M14_Thank_list div').append(''+M14_User_thank+'');
$('.M14_Texte_liste').html('Les membres suivants remercient')
}
});
$('.post:not(.M14_No_Thank)').each(function(){
var M14_author=_userdata["username"];
$('.M14_Thank_list div strong').each(function(){
var $this=$(this).text();
if($this==M14_author)
{
  $('#M14_Thank').replaceWith('<a id="M14_ThankThank"class="color-primary"title="Vous avez déjà remercié l\'auteur du sujet"></a>');
}
});});
 
});
$(function() {
// ON RENSEIGNE LE TEXTE CI DESSOUS
var texte="<div class=M14_Length>Merci pour cette information,merci à l'auteur</div>";
var message=texte;
$('#M14_Thank').click(function() {
$editor = $('.sceditor-container');
if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
$('#quick_reply textarea ').val(message);
$('input[name="post"]').click();
});
});

A priori l'autre script reprend la couleur, non ?

Oui pour les membres ayant remercié mais le dernier script donne la couleur du membre remercié

Ah parfait !

Grand merci

De rien Fred .

Sujet résolu, bonne fin de journée l'ami

Bonne fin de journée à toi aussi Fred