Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement


+44
Splash
chegau2
soleda
TimmySAMP
masterforumbr
hamesashek
ribelle
Chocolatine
Ptite_Perle
petit coq
msfeettoes
Kaeyla
LMRP
WinaTickets
50Thierry
dragon594
photoclic
SuperSpaceCab
Sick.l.Offrande
Psychotic Bitch
dymo
clost
delayster
lmc38510
Ezio
Raymond35
El_Mojito
Sacha
Gae
dédé54
mariok
McLeod
Graazi
ThunderTB
Teten85
sensei
Artdrock
patriciadpt30
WyvernNE
Vayl
Fantastik
fleur78
Eczema Help
Milouze14
48 participants

Page 2 sur 3 Précédent  1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 24 Oct 2014 - 19:47

Rappel du premier message :

coucou ,

oups1 pas très clair comme titre mais bon,
en fait sur les astuces quelconques proposées ici, vous avez pu remarquer
qu'il vous faut simplement cliquer sur un texte qui postera un message de remerciement sans que vous puissiez faire quoi que ce soit hinhin  .



Pour arriver à nos fins , il faudra déposer deux scripts dans les  templates afin d'éviter les conflits dans la gestion des JavaScript proposés par FDF.

idée je vous ennuie peut être !!!!!

Bon allez , c'est parti les ami(e)s  hinhin .
Pour activer le texte cliquable il vous faut un bouton qui déclenchera le code html dans le message .
Le bouton sera donc affiché après le bouton source de votre mode de rédaction,
comme ceci:

[TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement - Page 2 2a2a2a10

Pour tout autre demande, il vous faudra passer par l'entraide clin oeil .

Allez j'arrête de vous saouler  moqueur .

Dans un premier temps , il faudra activer la réponse rapide .


Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Tout à la fin du template après ceci:
Code:

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Pour la version EDGE, après ceci:
Code:

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
Collez ceci:
Code:

<script type="text/javascript">
$(function() {
  var message = "<div class='M14_thank'>Le message qui sera affiché</div>";
$('#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();
});
});
</script>

Puis supprimez ce style dans votre feuille de style:
Code:
.sceditor-button:after{content:"\f128"}


Modifiez le texte ici:
Code:

Le message qui sera affiché

Pensez à enregistrer puis à valider en cliquant respectivement sur  Enregistr  puis Ajout

On passe au template posting_body :
Affichage/Templates/Poster et messages privés/posting_body
Juste après ceci:
Code:

<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>

Collez ceci:
Code:

<script type="text/javascript">
$(function(){$(function(){
$('<a class="sceditor-button" unselectable="on">
<div unselectable="on" style="background-image:url(http://i56.servimg.com/u/f56/11/26/21/37/favori11.png)">Bouton merci</div></a>')
.insertAfter('a.sceditor-button-source').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('
<div id="M14_thank"title="Cliquer ici pour remercier l auteur et voir l astuce.">
<br />Réponse automatique:<br />Merci de cliquer ici pour voir le message</div>');
});        
})});
</script>



Changer le lien de l'image si besoin:

https://i.servimg.com/u/f56/11/26/21/37/favori11.png

Il vous faudra donc respecter les dimensions suivantes 16px par 16px si vous
voulez déposer votre propre image  hinhin  .

Dans cette partie :
Code:

<div id="M14_thank"title="Cliquer ici pour remercier l auteur et voir l astuce.">
<br />Réponse automatique:<br />Merci de cliquer ici pour voir le message</div>

Modifier le title (l'infobulle):
Code:
Cliquer ici pour remercier l auteur et voir l astuce.
Les :
Code:
<br />
correspondent aux sauts de ligne.
Puis le texte que vous pouvez modifier à votre guise  hinhin
Code:

Réponse automatique:<br />Merci de cliquer ici pour voir le message

Pensez à enregistrer puis à valider en cliquant respectivement sur  Enregistr  puis Ajout






Pour celles et ceux qui auraient des soucis avec les templates, merci de placer directement les deux scripts dans la gestion des scripts:


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cochez sur toutes les pages.

Déposez ceci:

Code:

$(function(){$(function(){
$('<a class="sceditor-button" unselectable="on">
<div unselectable="on" style="background-image:url(http://i56.servimg.com/u/f56/11/26/21/37/favori11.png)">Bouton merci</div></a>')
.insertAfter('a.sceditor-button-source').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('
<div id="M14_thank"title="Cliquer ici pour remercier l auteur et voir l astuce.">
<br />Réponse automatique:<br />Merci de cliquer ici pour voir le message</div>');
});        
})});


$(function() {
  var message = "<div class='M14_thank'>Le message qui sera affiché</div>";
$('#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();
});
});


Pensez a cliquer sur le bouton Valider





Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
collez ceci:

Code:


/*Le bloc du message a remercier*/
div#M14_thank
{
background-color:#ffffff;
color:#222222 !important;
font-weight:bold;
padding:8px 5px 8px 10px;
width: 50%;
margin-left:auto;
margin-right:auto;
border: 5px solid #666666;
text-decoration:none !important;
cursor:pointer;
}
/*Le texte du message posté*/
div.M14_thank
{
background-color:#ffffff;
color:green !important;
padding:8px 5px 8px 10px;
width: 50%;
margin-left:auto;
margin-right:auto;
border: 5px solid green;
text-decoration:none !important;
cursor:pointer;
}


Pensez à valider les modifications en cliquant sur le bouton  Valid


Dernière édition par Milouze14 le Sam 7 Déc 2024 - 7:51, édité 18 fois

El_Mojito
http://Crewweedganja.forumactif.be

MessageEl_Mojito Lun 26 Oct 2015 - 18:25

Merci beaucoup !
Raymond35
Raymond35
http://boucles.clicforum.fr/index.php

MessageRaymond35 Lun 26 Oct 2015 - 20:42

Merci beaucoup !
avatar
Ezio
http://laguerredesdesclans.forumactif.org/

MessageEzio Jeu 29 Oct 2015 - 20:05

Merci beaucoup !
lmc38510
lmc38510
http://lacaverneauxgrimoire.forumactif.org/

Messagelmc38510 Dim 29 Nov 2015 - 11:24

Merci beaucoup !
delayster
delayster
http://lesameselementaires.forumactif.org/

Messagedelayster Mer 2 Déc 2015 - 16:12

Merci beaucoup !
delayster
delayster
http://lesameselementaires.forumactif.org/

Messagedelayster Mer 2 Déc 2015 - 16:16

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Dim 6 Mar 2016 - 11:45

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Dim 13 Mar 2016 - 17:10

Merci beaucoup !
clost
clost
https://www.dyane-collection-passion.net

Messageclost Mer 23 Mar 2016 - 16:50

merci pour ce tuto  clin oeil
dymo
dymo
http://agri-occitanie.forumactif.org/

Messagedymo Dim 12 Juin 2016 - 22:09

Merci beaucoup !
Psychotic Bitch
Psychotic Bitch
https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Lun 12 Sep 2016 - 1:25

Merci beaucoup !
Sick.l.Offrande
Sick.l.Offrande
https://office-equideow.forumactif.com/

MessageSick.l.Offrande Mer 5 Oct 2016 - 18:55

Merci beaucoup !
avatar
SuperSpaceCab
http://www.ets2-mods-forum.com/

MessageSuperSpaceCab Ven 7 Oct 2016 - 7:03

Merci beaucoup !
avatar
SuperSpaceCab
http://www.ets2-mods-forum.com/

MessageSuperSpaceCab Mer 12 Oct 2016 - 6:16

Merci beaucoup !
avatar
SuperSpaceCab
http://www.ets2-mods-forum.com/

MessageSuperSpaceCab Mer 12 Oct 2016 - 6:16

Merci beaucoup pour l'astuce !
Gae
Gae
http://www.famille-r3d-dw4rf.com/

MessageGae Mer 26 Oct 2016 - 7:09

Merci beaucoup !
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 26 Oct 2016 - 12:09

Merci beaucoup !
dragon594
dragon594
https://dragon-graphisme59.forumactif.org/

Messagedragon594 Dim 13 Nov 2016 - 0:16

Merci beaucoup !
dragon594
dragon594
https://dragon-graphisme59.forumactif.org/

Messagedragon594 Dim 13 Nov 2016 - 0:19

Merci beaucoup !
dragon594
dragon594
https://dragon-graphisme59.forumactif.org/

Messagedragon594 Dim 13 Nov 2016 - 0:20

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité Mer 16 Nov 2016 - 20:38

Merci beaucoup !
50Thierry
50Thierry
http://www.gps-sne.com/

Message50Thierry Ven 16 Déc 2016 - 1:17

Merci beaucoup !
WinaTickets
WinaTickets
https://www.pmturf.com/

MessageWinaTickets Lun 26 Déc 2016 - 17:43

merci beaucoup
avatar
LMRP
http://www.lm-rp.fr

MessageLMRP Jeu 9 Mar 2017 - 12:03

Merci beaucoup !
Kaeyla
Kaeyla
https://sweethome.forumactif.com

MessageKaeyla Lun 10 Avr 2017 - 22:03

Merci beaucoup !
Kaeyla
Kaeyla
https://sweethome.forumactif.com

MessageKaeyla Lun 10 Avr 2017 - 23:08

Merci beaucoup !

Page 2 sur 3 Précédent  1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum