Paradise'
Premium
- Inscription
- 30 Juin 2013
- Messages
- 4 259
- Réactions
- 4 384
- Points
- 20 795
Introduction
Dans ce topic je vous montrerai comment faire un script comme m'a réalisé le membre @DEVR0 il y a maintenant près de deux ans avec seulement deux boutons.
Je suis sous Google Chrome, donc mon éditeur de script est Tampermonkey, mais ce sera le même code pour tous les navigateurs.
Voilà à quoi cela ressemblera, en cliquant sur un des boutons, cela mettra un texte prédéfini dans la zone de texte, pratique pour des répétitions récentes sur le forum non ?
Codage
Quand on commence la création de notre script, il est vide, normal non ? On va commencer par mettre les informations de base.
Donc on remplit ceci :
Voilà si vous avez réussi ça, félicitation c'était le plus difficile.
Donc on commence par définir nos fonctions, c'est là où on mettra notre texte prédéfini.
Code:
$(document).ready(function(){On se retrouve donc avec ceci :
Donc comme première réponse prédéfinie le texte sera :
« Bonjour,
Comment ça va ? »
Pour ce faire, on va commencer par définir notre fonction que on appel, reply_bonjour.
Puis, deux variables, une première qu'on appelle « rl » comme retour ligne, elle servira à être inséré pour les retours à la ligne
Une seconde que on appelle « txt » comme texte, elle servira à définir le texte.
Donc comme première réponse prédéfinie le texte sera :
« Bonjour,
Comment ça va ? »
Pour ce faire, on va commencer par définir notre fonction que on appel, reply_bonjour.
Puis, deux variables, une première qu'on appelle « rl » comme retour ligne, elle servira à être inséré pour les retours à la ligne
Une seconde que on appelle « txt » comme texte, elle servira à définir le texte.
Code:
function reply_bonjour(){
var rl = '<br>\n';
var txt = "Bonjour" + rl + "Comment ça va ?";
reply(txt);
Donc maintenant on met ceci pour l'afficher en bas de la zone de texte :
Code:
var style= '<style>#barre{text-align:center;border-radius:5px;border:1px solid rgb(210,210,210);padding:10px;}#barre a{margin-right:8px;margin-left:8px;}</style>';
var bjr = '<a href="javascript:void(0);" style="color:#3c5365;text-decoration:none;" data-action="bjr" data-message=""><i class="fa fa-angellist"></i> Bonjour</a>';
Pour afficher le bouton dans la barre on met ceci :
Code:
$('#QuickReply').find('.submitUnit').before('<br>' + style + '<div class="barre" id="barre">' + bjr + '</div></br>'); // UIUne fois ceci fait, c'est très simple il faut définir que le bouton « bjr » est la fonction « reply_bonjour » pour ceci on met ce code :
Code:
$('#barre a').on('click', function(){
if($(this).data('action') == "bjr"){
reply_bonjour();
}
Au final voila notre code entier :
Code:
// ==UserScript==
// @name Tutoriel premium RG
// @namespace https://reality-gaming.fr/
// @version 0.1
// @description Réponse prédéfinie sur RG
// @author Paradise
// @include https://reality-gaming.fr/threads/*
// @include https://reality-gaming.fr/conversations/*
// @grant none
// ==/UserScript==
$(document).ready(function(){
function reply_bonjour(){
var rl = '<br>\n';
var txt = "Bonjour" + rl + "Comment ça va ?";
reply(txt);
}
var style= '<style>#barre{text-align:center;border-radius:5px;border:1px solid rgb(210,210,210);padding:10px;}#barre a{margin-right:8px;margin-left:8px;}</style>';
var bjr = '<a href="javascript:void(0);" style="color:#3c5365;text-decoration:none;" data-action="bjr" data-message=""><i class="fa fa-angellist"></i> Bonjour</a>';
$('#QuickReply').find('.submitUnit').before('<br>' + style + '<div class="barre" id="barre">' + bjr + '</div></br>');
$('#barre a').on('click', function(){
if($(this).data('action') == "bjr"){
reply_bonjour();
}
});
});
Si on veut rajouter d'autres boutons voila comment faire :
Pour finir, vous aurez pu voir que vos boutons sont bien visibles mais que cela ne fait rien, il vous faut ajouter ce code :
Code:
function reply(txt){
$('iframe.redactor_textCtrl').contents().find('body').html(txt);
$('iframe.redactor_textCtrl').contents().find('body').select();
$('iframe.redactor_textCtrl').contents().find('body').focus();
}Tout en haut juste avant vos fonctions.
Rendu :
Voila ce tutoriel s'achève ici à vous de faire vos réponses prédéfinies
:
