Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
RealityGaming
Créer un script de réponse pré-définie sur le forum
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Paradise'" data-source="post: 6733931" data-attributes="member: 300598"><p style="text-align: center"><img src="http://image.noelshack.com/fichiers/2016/31/1470501154-psd-header-gtp.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 18px"><span style="color: #ff8000"><strong>[FA]fa-mouse-pointer[/FA] Introduction</strong></span></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 18px"><span style="color: #ff8000"></span></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Dans ce topic je vous montrerai comment faire un script comme m'a réalisé le membre [USER=221380]@DEVR0[/USER] il y a maintenant près de deux ans avec seulement deux boutons.</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Je suis sous Google Chrome, donc mon éditeur de script est Tampermonkey, mais ce sera le même code pour tous les navigateurs.</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">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 ?</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://sc-cdn.scaleengine.net/i/158049695e6dc104bf970588e755480c.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="http://image.noelshack.com/fichiers/2016/31/1470501746-separateurs-gtp.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-family: 'Capriola'"><span style="font-size: 18px"><span style="color: #ff8000"><strong>[FA]fa-code[/FA] Codage</strong></span></span></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-family: 'Capriola'"><span style="font-size: 18px"></span></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Quand on commence la création de notre script, il est vide, normal non ? On va commencer par mettre les informations de base.</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Donc on remplit ceci :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/6c213c071fb7e2def951a29379c4e3ed.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Voilà si vous avez réussi ça, félicitation c'était le plus difficile. [FA]fa-angellist[/FA]</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Donc on commence par définir nos fonctions, c'est là où on mettra notre texte prédéfini.</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p><p></p><p>[CODE]$(document).ready(function(){</p><p>[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">On se retrouve donc avec ceci :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/63d912615ed12301c61f0f6aab46ab89.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Donc comme première réponse prédéfinie le texte sera :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">« Bonjour,</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Comment ça va ? »</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Pour ce faire, on va commencer par définir notre fonction que on appel, reply_bonjour.</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Puis, deux variables, une première qu'on appelle « rl » comme retour ligne, elle servira à être inséré pour les retours à la ligne</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Une seconde que on appelle « txt » comme texte, elle servira à définir le texte.</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p><p></p><p>[CODE]function reply_bonjour(){</p><p> var rl = '<br>\n';</p><p> var txt = "Bonjour" + rl + "Comment ça va ?";</p><p> reply(txt);</p><p>[/CODE]</p><p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/06eb53e26e01ebfdf470077b06887f411.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Donc maintenant on met ceci pour l'afficher en bas de la zone de texte :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p><p></p><p>[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>';</p><p> 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>';</p><p>[/CODE]</p><p></p><p></p><p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/53045b6597178649a80c39a2cf9cac811.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Pour afficher le bouton dans la barre on met ceci :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p><p>[CODE]</p><p>$('#QuickReply').find('.submitUnit').before('<br>' + style + '<div class="barre" id="barre">' + bjr + '</div></br>'); // UI</p><p>[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Une 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 :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p><p></p><p>[CODE]$('#barre a').on('click', function(){</p><p> if($(this).data('action') == "bjr"){</p><p> reply_bonjour();</p><p> }</p><p>[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/0c3a27ba5c87aa87bdbe371e2e0aeab91.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Au final voila notre code entier :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p><p></p><p>[CODE]// ==UserScript==</p><p>// @name Tutoriel premium RG</p><p>// @namespace https://reality-gaming.fr/</p><p>// @version 0.1</p><p>// @description Réponse prédéfinie sur RG</p><p>// @author Paradise</p><p>// @include https://reality-gaming.fr/threads/*</p><p>// @include https://reality-gaming.fr/conversations/*</p><p>// @grant none</p><p>// ==/UserScript==</p><p></p><p>$(document).ready(function(){</p><p></p><p> function reply_bonjour(){</p><p> var rl = '<br>\n';</p><p> var txt = "Bonjour" + rl + "Comment ça va ?";</p><p> reply(txt);</p><p> }</p><p></p><p> 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>';</p><p> 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>';</p><p></p><p></p><p> $('#QuickReply').find('.submitUnit').before('<br>' + style + '<div class="barre" id="barre">' + bjr + '</div></br>');</p><p></p><p> $('#barre a').on('click', function(){</p><p> if($(this).data('action') == "bjr"){</p><p> reply_bonjour();</p><p> }</p><p> });</p><p>});</p><p>[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/06904f98d41a470ac3b0c2bd5394019d.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Si on veut rajouter d'autres boutons voila comment faire :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/52d869523a045758dc07fbfd73c23146.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Pour finir, vous aurez pu voir que vos boutons sont bien visibles mais que cela ne fait rien, il vous faut ajouter ce code :</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p><p></p><p>[CODE] function reply(txt){</p><p> $('iframe.redactor_textCtrl').contents().find('body').html(txt);</p><p> $('iframe.redactor_textCtrl').contents().find('body').select();</p><p> $('iframe.redactor_textCtrl').contents().find('body').focus();</p><p> }</p><p>[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Tout en haut juste avant vos fonctions.</span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/8827b69991a226550c0f11697ddf4ed9.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Rendu : </span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><img src="https://sc-cdn.scaleengine.net/i/69d6d632d2e0bafd37b52321184d581d.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px">Voila ce tutoriel s'achève ici à vous de faire vos réponses prédéfinies <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></span></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="font-size: 12px"></span></span></p> <p style="text-align: right"><span style="font-family: 'Capriola'"><span style="font-size: 12px"><a href="https://reality-gaming.fr/members/paradise-gtp.300598/follow" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/31/1470506123-avatar.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a></span></span></p></blockquote><p></p>
[QUOTE="Paradise', post: 6733931, member: 300598"] [CENTER][IMG]http://image.noelshack.com/fichiers/2016/31/1470501154-psd-header-gtp.png[/IMG] [FONT=Capriola][SIZE=5][COLOR=#ff8000][B][FA]fa-mouse-pointer[/FA] Introduction[/B] [/COLOR][/SIZE] [SIZE=3]Dans ce topic je vous montrerai comment faire un script comme m'a réalisé le membre [USER=221380]@DEVR0[/USER] 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 ? [/SIZE] [IMG]https://sc-cdn.scaleengine.net/i/158049695e6dc104bf970588e755480c.png[/IMG] [IMG]http://image.noelshack.com/fichiers/2016/31/1470501746-separateurs-gtp.png[/IMG] [FONT=Capriola][SIZE=5][COLOR=#ff8000][B][FA]fa-code[/FA] Codage[/B][/COLOR] [/SIZE][/FONT] [SIZE=3]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 : [IMG]https://sc-cdn.scaleengine.net/i/6c213c071fb7e2def951a29379c4e3ed.png[/IMG] Voilà si vous avez réussi ça, félicitation c'était le plus difficile. [FA]fa-angellist[/FA] Donc on commence par définir nos fonctions, c'est là où on mettra notre texte prédéfini. [/SIZE][/FONT][/CENTER] [CODE]$(document).ready(function(){ [/CODE] [CENTER][FONT=Capriola][SIZE=3]On se retrouve donc avec ceci : [IMG]https://sc-cdn.scaleengine.net/i/63d912615ed12301c61f0f6aab46ab89.png[/IMG] 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. [/SIZE][/FONT][/CENTER] [CODE]function reply_bonjour(){ var rl = '<br>\n'; var txt = "Bonjour" + rl + "Comment ça va ?"; reply(txt); [/CODE] [CENTER][FONT=Capriola][SIZE=3] [IMG]https://sc-cdn.scaleengine.net/i/06eb53e26e01ebfdf470077b06887f411.png[/IMG] Donc maintenant on met ceci pour l'afficher en bas de la zone de texte : [/SIZE][/FONT][/CENTER] [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>'; [/CODE] [CENTER][FONT=Capriola][SIZE=3] [IMG]https://sc-cdn.scaleengine.net/i/53045b6597178649a80c39a2cf9cac811.png[/IMG] Pour afficher le bouton dans la barre on met ceci : [/SIZE][/FONT][/CENTER] [CODE] $('#QuickReply').find('.submitUnit').before('<br>' + style + '<div class="barre" id="barre">' + bjr + '</div></br>'); // UI [/CODE] [CENTER][FONT=Capriola][SIZE=3] Une 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 : [/SIZE][/FONT][/CENTER] [CODE]$('#barre a').on('click', function(){ if($(this).data('action') == "bjr"){ reply_bonjour(); } [/CODE] [CENTER][FONT=Capriola][SIZE=3] [IMG]https://sc-cdn.scaleengine.net/i/0c3a27ba5c87aa87bdbe371e2e0aeab91.png[/IMG] Au final voila notre code entier : [/SIZE][/FONT][/CENTER] [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(); } }); }); [/CODE] [CENTER][FONT=Capriola][SIZE=3] [IMG]https://sc-cdn.scaleengine.net/i/06904f98d41a470ac3b0c2bd5394019d.png[/IMG] Si on veut rajouter d'autres boutons voila comment faire : [IMG]https://sc-cdn.scaleengine.net/i/52d869523a045758dc07fbfd73c23146.png[/IMG] Pour finir, vous aurez pu voir que vos boutons sont bien visibles mais que cela ne fait rien, il vous faut ajouter ce code : [/SIZE][/FONT][/CENTER] [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(); } [/CODE] [CENTER][FONT=Capriola][SIZE=3] Tout en haut juste avant vos fonctions. [IMG]https://sc-cdn.scaleengine.net/i/8827b69991a226550c0f11697ddf4ed9.png[/IMG] Rendu : [IMG]https://sc-cdn.scaleengine.net/i/69d6d632d2e0bafd37b52321184d581d.png[/IMG] Voila ce tutoriel s'achève ici à vous de faire vos réponses prédéfinies :) [/SIZE][/FONT][/CENTER] [RIGHT][FONT=Capriola][SIZE=3][URL='https://reality-gaming.fr/members/paradise-gtp.300598/follow'][IMG]http://image.noelshack.com/fichiers/2016/31/1470506123-avatar.png[/IMG][/URL][/SIZE][/FONT][/RIGHT] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
RealityGaming
Créer un script de réponse pré-définie sur le forum
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut