Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
Les statistiques du forum
[TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement
Page 1 sur 3 • Partagez
Page 1 sur 3 • 1, 2, 3
- Milouze14Fondateur


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

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.

Bon allez , c'est parti les ami(e)s

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](https://i.servimg.com/u/f39/11/26/21/37/2a2a2a10.png)
Pour tout autre demande, il vous faudra passer par l'entraide

Allez j'arrête de vous saouler

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


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

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.
- Code:
<br />
Puis le texte que vous pouvez modifier à votre guise

- Code:
Réponse automatique:<br />Merci de cliquer ici pour voir le message
Pensez à enregistrer puis à valider en cliquant respectivement sur


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;
}

Voila, c'est tout pour le moment

Un soucis direction l'entraide

https://www.milouze14.com/f14-entraide-forumactif
Dernière édition par Milouze14 le Ven 23 Oct 2020 - 8:14, édité 16 fois
- Eczema HelpMilouzien
Merci beaucoup !
- Eczema HelpMilouzien
Comment fait on pour que cela marche juste avec un contenu texte ?
- fleur78Milouzien
Merci beaucoup !
- Milouze14Fondateur

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

@Eczema Help a écrit:
Comment fait on pour que cela marche juste avec un contenu texte ?

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.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- FantastikMilouzien
Merci beaucoup !
- VaylMilouzien
Merci beaucoup !
- WyvernNEMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- patriciadpt30Milouzien
Merci beaucoup !
- ArtdrockMilouzien
Merci beaucoup !
- senseiMilouzien
Merci beaucoup !
- Teten85Milouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- ThunderTBMilouzien
Merci beaucoup !
- GraaziMilouzien
Merci beaucoup !
- McLeodMilouzien
Merci beaucoup !
- mariokMembre regretté
Merci beaucoup !
- dédé54Milouzien
- Avertissement : 10/100
Merci beaucoup !
- GaeMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- SachaMilouzien
Merci beaucoup !
- El_MojitoMilouzien
Merci beaucoup !
- Raymond35Milouzien
Merci beaucoup !
- EzioMilouzien
Merci beaucoup !
- lmc38510Milouzien
Merci beaucoup !
- delaysterMilouzien
Merci beaucoup !
- delaysterMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- clostMilouzien
merci pour ce tuto 

- dymoMilouzien
Merci beaucoup !
- Psychotic BitchMilouzien
Merci beaucoup !
Page 1 sur 3 • 1, 2, 3
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum