Connexion

Récupérer mon mot de passe

Derniers sujets
» [EDGE]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Ptite_Perle Aujourd'hui à 18:24

» *RESOLU*[MODERNBB] Fusionner la toolbar et la barre de navigation sur un thème modernBB
par Milouze14 Hier à 15:56

» *RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index;
par Milouze14 Sam 22 Fév 2020 - 15:17

» [PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par BarTender Sam 22 Fév 2020 - 15:00

» histoire du Jour sans fin
par Quad Daniel Sam 22 Fév 2020 - 12:06

» [PHPBB3] Widget anniversaire sur toutes les pages du fofo
par Milouze14 Sam 22 Fév 2020 - 10:43

» [TOUTES VERSIONS] Bouton générateur de tableaux
par BarTender Ven 21 Fév 2020 - 15:31

» [PHPBB3] Intégrer des boutons en relation avec le profil du membre style barre de contact
par BarTender Ven 21 Fév 2020 - 14:57

» [TOUTES VERSIONS]Remplacer les icônes de l'éditeur par des icônes FontAwesome
par BarTender Ven 21 Fév 2020 - 13:08

» *RESOLU*[PHPBB2] Fenetres en haut du forum
par Milouze14 Ven 21 Fév 2020 - 3:46

» [BESTOF] Images favorites
par Milouze14 Jeu 20 Fév 2020 - 19:33

» [BESTOF] Ajouter lien message dans titre citation
par Milouze14 Mar 18 Fév 2020 - 18:44

» *RESOLU*[PHPBB2] WYSIWYG pour citation sur message rapide
par Milouze14 Mar 18 Fév 2020 - 18:32

» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par dymo Mar 18 Fév 2020 - 2:10

» *RESOLU*[PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
par Milouze14 Ven 14 Fév 2020 - 16:25

» [BESTOF] Les photos à partir de l'ID d'un membre
par Milouze14 Ven 14 Fév 2020 - 3:53

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par christ77000 Jeu 13 Fév 2020 - 10:01

» [TOUTES VERSIONS]Visualiser le mot de passe
par christ77000 Jeu 13 Fév 2020 - 8:29

» [TOUTES VERSIONS] Recherche de texte dans les templates
par photoclic Mer 12 Fév 2020 - 19:42

» *RESOLU*[PHPBB3] Mettre un cadre aux forums des catégories
par Milouze14 Jeu 6 Fév 2020 - 15:06

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

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

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le 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 3 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 - Page 3 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 Milouze14 le Ven 21 Fév 2020 - 16:37, édité 15 fois

.Volubal.
Milouzien

Message.Volubal. le Mar 9 Avr 2019 - 17:16

Merci beaucoup
.Volubal.
.Volubal.
Milouzien

Message.Volubal. le Mar 9 Avr 2019 - 17:24

Outch, sur EDGE quand on touche le CSS sa beugue !

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

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