Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB3] Couleurs des liens dans le widget " derniers sujets "
par Milouze14 Hier à 19:58

» histoire du Jour sans fin
par Quad Daniel Hier à 12:24

» [PhpBB2] Je n'ai pas le nombre de posts et sujets dans l'astuce...
par Milouze14 Hier à 5:54

» [PhpBB2]Afficher le nombre de sujets/messages sur les messages
par Milouze14 Dim 13 Oct 2019 - 18:04

» [PhpBB2] Coloration de citation parteille et autres
par Milouze14 Dim 13 Oct 2019 - 17:58

» [PhpBB3]Afficher le nombre de sujets/messages sur les messages
par Milouze14 Sam 12 Oct 2019 - 18:44

» [Edge] Probleme affichage d'avatar..
par Milouze14 Ven 11 Oct 2019 - 18:55

» *RESOLU*[Edge]Images dans les titres du forum
par Milouze14 Ven 11 Oct 2019 - 18:20

» *RESOLU*[PhpBB3] Disposition de l'avatar dans les messages
par Milouze14 Mer 9 Oct 2019 - 9:08

» Règlement de l'entraide Forumactif
par Quad Daniel Mar 8 Oct 2019 - 19:56

» Histoire de Blondes Sans Fin
par Quad Daniel Mar 8 Oct 2019 - 13:28

» *RESOLU*[Invision] rajouter une phrase pour informer les futurs membres en cas de problème d'inscriptionn
par Milouze14 Dim 6 Oct 2019 - 8:48

» Lettre ouverte à mon patron "histoire"
par Quad Daniel Sam 5 Oct 2019 - 8:23

» *CORBEILLE*[PhpBB2] Suppression de tous les posts d'invités
par Milouze14 Ven 4 Oct 2019 - 3:49

» *[AwesomeBB] Enlever bonton "Poster un nouveau sujet" sur les sujets d'un forum
par Milouze14 Jeu 3 Oct 2019 - 18:49

» *CORBEILLE*[PhpBB2] Mise en forme des liens
par Milouze14 Jeu 3 Oct 2019 - 5:21

» *RESOLU*[Edge] Afficher la prévisualisation des groupes
par Milouze14 Mer 2 Oct 2019 - 20:05

» Avant que ça recommence ! "Blagounette"
par Quad Daniel Mar 1 Oct 2019 - 7:15

» [AwesomeBB] Remplacer la phrase d'information : Désolé, mais seuls les utilisateurs avec un accès..
par Milouze14 Lun 30 Sep 2019 - 19:17

» Le message avec Le cadeau surprise "blagounette"
par Quad Daniel Sam 28 Sep 2019 - 9:51

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

Page 1 sur 3 1, 2, 3  Suivant

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 24 Oct 2014 - 19:47

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  .

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

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 2a2a2a10

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

Allez j'arrête de vous saouler  moqueur .


-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement Staff10




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





Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par no_way le Dim 14 Avr 2019 - 0:15, édité 13 fois
Eczema Help
Eczema Help
Milouzien

MessageEczema Help le Ven 24 Oct 2014 - 20:30

Merci beaucoup !
Eczema Help
Eczema Help
Milouzien

MessageEczema Help le Ven 24 Oct 2014 - 20:47

Comment fait on pour que cela marche juste avec un contenu texte ?
fleur78
fleur78
Milouzien

Messagefleur78 le Sam 25 Oct 2014 - 1:15

Merci beaucoup !
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 25 Oct 2014 - 5:35

coucou Eczema Help ,

désolé pour ton profil, tu ne pouvais pas le visionner car il n'était activé clin oeil .


@Eczema Help a écrit:
Comment fait on pour que cela marche juste avec un contenu texte ?
regardeplusbas
Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.
Fantastik
Fantastik
Milouzien

MessageFantastik le Dim 26 Oct 2014 - 21:03

Merci beaucoup !
Vayl
Vayl
Milouzien

MessageVayl le Dim 26 Oct 2014 - 22:47

Merci beaucoup !
WyvernNE
WyvernNE
Milouzien

MessageWyvernNE le Mer 29 Oct 2014 - 9:42

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Jeu 11 Déc 2014 - 21:36

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Mer 31 Déc 2014 - 16:32

Merci beaucoup !
patriciadpt30
patriciadpt30
Milouzien

Messagepatriciadpt30 le Sam 21 Fév 2015 - 12:08

Merci beaucoup !
avatar
Artdrock
Milouzien

MessageArtdrock le Dim 22 Fév 2015 - 15:06

Merci beaucoup !
avatar
sensei
Milouzien

Messagesensei le Sam 7 Mar 2015 - 11:53

Merci beaucoup !
Teten85
Teten85
Milouzien

MessageTeten85 le Sam 7 Mar 2015 - 12:19

Merci beaucoup !
{12°S}coco-lapin
{12°S}coco-lapin
Milouzien

Message{12°S}coco-lapin le Mar 10 Mar 2015 - 11:14

Merci beaucoup !
avatar
ThunderTB
Milouzien

MessageThunderTB le Mer 25 Mar 2015 - 4:37

Merci beaucoup !
Graazi
Graazi
Milouzien

MessageGraazi le Lun 6 Avr 2015 - 20:19

Merci beaucoup !
McLeod
McLeod
Milouzien

MessageMcLeod le Jeu 30 Avr 2015 - 11:54

Merci beaucoup !
mariok
mariok
Membre regretté

Messagemariok le Mer 10 Juin 2015 - 23:12

Merci beaucoup !
dédé54
dédé54
Milouzien

Messagedédé54 le Mar 23 Juin 2015 - 22:37

Merci beaucoup !
Gae
Gae
Milouzien

MessageGae le Mar 11 Aoû 2015 - 1:38

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Lun 24 Aoû 2015 - 20:16

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Ven 11 Sep 2015 - 6:03

Merci beaucoup !
Sacha
Sacha
Milouzien

MessageSacha le Dim 13 Sep 2015 - 18:23

Merci beaucoup !
El_Mojito
El_Mojito
Milouzien

MessageEl_Mojito le Lun 26 Oct 2015 - 18:25

Merci beaucoup !
Raymond35
Raymond35
Milouzien

MessageRaymond35 le Lun 26 Oct 2015 - 20:42

Merci beaucoup !
Ezio
Ezio
Milouzien

MessageEzio le Jeu 29 Oct 2015 - 20:05

Merci beaucoup !
lmc38510
lmc38510
Milouzien

Messagelmc38510 le Dim 29 Nov 2015 - 11:24

Merci beaucoup !
delayster
delayster
Milouzien

Messagedelayster le Mer 2 Déc 2015 - 16:12

Merci beaucoup !
delayster
delayster
Milouzien

Messagedelayster le Mer 2 Déc 2015 - 16:16

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Dim 6 Mar 2016 - 11:45

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Dim 13 Mar 2016 - 17:10

Merci beaucoup !
clost
clost
Milouzien

Messageclost le Mer 23 Mar 2016 - 16:50

merci pour ce tuto  clin oeil
dymo
dymo
Milouzien

Messagedymo le Dim 12 Juin 2016 - 22:09

Merci beaucoup !
Psychotic Bitch
Psychotic Bitch
Milouzien

MessagePsychotic Bitch le Lun 12 Sep 2016 - 1:25

Merci beaucoup !

Page 1 sur 3 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