Membres connectés récemment
[EDGE] Remerciements de l'auteur(e) d'un sujet
2 participants
Page 1 sur 1
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
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é:
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 :
J'ai modifié le js par celui donné au dessus, mais pas de bouton de remerciement qui apparaît
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
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ù
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,
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:
Je reviens vers toi dans un moment non défini
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
Re Fred,
alors il faut supprimer le code html déposé dans le template :
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:
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();
});
});
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 :
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é:
Dans cette variable:
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 .
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 .
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
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
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:
Puis pour supprimer les virgules, ce sera ce script:
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();
});
});
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();
});
});
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum