Derniers sujets
» [PHPBB2]Supprimer le tag "Re" sur les messages
par moonc44 Aujourd'hui à 14:26

» [PHPBB3]Supprimer le tag "Re" sur les messages
par McLeod Aujourd'hui à 9:57

» Personnaliser les hastags
par fred9545 Hier à 20:57

» [PHPBB2] Mettre un module de membres connectés en haut à gauche
par fred9545 Hier à 19:31

» [PHPBB2] Menu déroulant et Profil Rechercher et Nouveau M.P séparé
par fred9545 Hier à 19:29

» [PHPBB2] Supprimer visuellement les messages des invités
par fred9545 Hier à 19:04

» [PHPBB2] Afficher son profil avec transitions
par fred9545 Hier à 19:01

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par fred9545 Hier à 18:38

» [MODERNBB]Outils de modération sur la liste des sujets
par Benjamin.d Hier à 17:01

» [MODERNBB] Afficher une réponse automatique style staff
par Benjamin.d Hier à 16:58

» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Benjamin.d Lun 14 Jan 2019 - 18:01

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par fred9545 Lun 14 Jan 2019 - 17:31

» [TOUTES VERSIONS] Afficher une partie des MPS reçus
par kristhyane Lun 14 Jan 2019 - 11:25

» Personnaliser les MPS non lus
par Kaeyla Dim 13 Jan 2019 - 16:31

» [TOUTES VERSIONS] Trouver l'identifiant d'un membre spécifique
par soleda Jeu 10 Jan 2019 - 19:10

» [TOUTES VERSIONS] Cacher une partie d'un message à un membre spécifique
par soleda Jeu 10 Jan 2019 - 19:08

» [TOUTES VERSIONS] Citation avec envoi direct sur le message rapide
par badaboum Mer 9 Jan 2019 - 18:05

» [INVISION] Masquer tous les widgets du forum sauf le premier et au survol....
par fred9545 Mar 8 Jan 2019 - 18:35

» [MODERNBB]Supprimer le tag "Re" sur les messages
par oneandone Lun 7 Jan 2019 - 19:12

» Rajout d'un bouton pour la citation partielle
par Milouze14 Lun 7 Jan 2019 - 18:35

[TOUTES VERSIONS]Effacer le contenu de l'éditeur en un clic

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

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello les ami(e)s,

l'astuce consiste a déposer un bouton sur l'éditeur et qui au clic effacera le contenu de l'éditeur.
Deux scripts seront à disposition, le premier sans l'activation de l'infobulle Tooltip et l'autre en insérant l'appel.


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


Mettez un titre explicite.
Cochez sur toutes les pages.


Déposez le script désiré ci-dessous:


Toutes versions sauf EDGE


Sans Tooltip:

Code:


$(function(){$(function(){
  //L IMAGE DU BOUTON
var M14_editoimg="https://i.servimg.com/u/f87/11/26/21/37/trash10.png";
  //TEXTE DE L INFOBULLE
var M14_editotitle="Effacer le contenu";
 //L IMAGE QUI SERA POSTEE ET ENVOYEE
var M14_editoPost="https://i.servimg.com/u/f37/19/77/56/49/icon_t10.png";
$('<a class="sceditor-button M14_reloadEditor" unselectable="on" title="'+M14_editotitle+'"><div unselectable="on"style="background-image:url('+M14_editoimg+')">'+M14_editotitle+'</div></a>').insertBefore('a.sceditor-button-bold').click(function(){
$('#text_editor_textarea').sceditor("instance").val('');});})});
document.write('<style type="text/css">.M14_reloadEditor div{opacity:1!important;}</style>');




Si vous avez activé les infobulles tooltip:

Code:


$(function(){$(function(){
  //L IMAGE DU BOUTON
var M14_editoimg="https://i.servimg.com/u/f87/11/26/21/37/trash10.png";
  //TEXTE DE L INFOBULLE
var M14_editotitle="Effacer le contenu";
 //L IMAGE QUI SERA POSTEE ET ENVOYEE
var M14_editoPost="https://i.servimg.com/u/f37/19/77/56/49/icon_t10.png";
$('<a class="sceditor-button M14_reloadEditor" unselectable="on" title="'+M14_editotitle+'"><div unselectable="on"style="background-image:url('+M14_editoimg+')">'+M14_editotitle+'</div></a>').insertBefore('a.sceditor-button-bold').click(function(){
$('#text_editor_textarea').sceditor("instance").val('');
});
$('.M14_reloadEditor').tooltipster({animation : 'fade',arrow : true,speed : 300,delay : 300,onlyOne : true,theme : 'tooltipster-default'});})});
document.write('<style type="text/css">.M14_reloadEditor div{opacity:1!important;}</style>');






Pour la version EDGE:

Code:
$(function(){$(function(){
  //LE CONTENU DE L INFOBULLE
var infobulle="Effacer le contenu de l\'éditeur";
$('<a class="sceditor-button M14_ResetEDITOR"title="'+infobulle+'" unselectable="on" style="opacity: 1;">
<div unselectable="on" style="opacity: 1;">Effacer</div></a>').insertBefore('a.sceditor-button-bold ').click(function(){
$('#text_editor_textarea').sceditor("instance").val('');
});  $('.M14_ResetEDITOR').tooltipster({animation : 'fade',arrow : true,speed : 300,delay : 300,onlyOne : true,theme : 'tooltipster-default'});})});
document.write('<style type="text/css">a.sceditor-button.M14_ResetEDITOR:after{content:"/\f021";font-family: FontAwesome;}</style>');





Pensez a cliquer sur le bouton Valider


Vous pouvez voir l'effet sur ce forum  hinhin .





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



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petitefeuille
avatar
Graphiste

Messagepetitefeuille

  • 16px
  • 24px
  • Zoom
Merci mon Phil   coucou  par contre ça ne me concerne pas ? parce que je ne vois pas ce que tu dis quand tu parles " effacera le contenu de l'éditeur  "  c'est placé où ?  timidesortdutrou



-"Imagine all the people living for today".de John Lennon.-

Graphiste des forums



Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Coucou ma tite Lydie,
regarde sur l'éditeur de ce forum, le premier bouton.
La première fois tu auras une alerte (non activé dans l'astuce) pour te prévenir car si tu déposes du contenu dans l'éditeur et que tu cliques sur ce bouton, tou sce que tu auras tapé sera effacé.



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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