Connexion

Récupérer mon mot de passe

Derniers sujets*
» [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

» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11

» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27

» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26

Les statistiques du forum
Nous avons 457 membres enregistrés

L'utilisateur enregistré le plus récent est nanie

Nos membres ont posté un total de 23437 messages dans 1201 sujets

[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 23 Aoû 2016 - 19:49

Hello les ami(e)s,

sur le F.D.F on demande souvent de mettre un texte sur l'éditeur seulement l'iframe (le mode WYSIWYG) est pratiquement inaccessible pour des modifications.

On va donc définir un texte dans le script dans une variable afin d'éviter le soucis de caractères accentués.

De plus, au survol de l'éditeur le texte disparaitra pour laisser place à l'éditeur.

L'aperçu imagé:

[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition 1138

-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 dans l'éditeur avec transition Staff10




Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.

Déposez ceci:
Code:


$(function(){$(function(){
var text='Ne postez pas d\'insulte, évitez les majuscules, faites une recherche avant de poster pour voir si la question n\'a pas été évoqué.';
$('.sceditor-container iframe').before('<textarea id="M14_textarea"placeholder="'+text+'"></textarea>');
})});
$(function(){$(function(){
$('.sceditor-container').mouseenter(function(){
$('#M14_textarea').slideUp();});
$('.sceditor-container').mouseleave(function() {
$('#M14_textarea').slideDown();
});})});



Pensez a cliquer sur le bouton Valid

Puis on va positionner le textarea :
Code:

#M14_textarea
{
position:absolute;
left:2%;
width:96% !important;
height: auto !important;
color: red !important;
font-size:12px;
font-style:italic;

}



Les styles suivants peuvent être modifiés
Code:

color: red !important;
font-size:12px;
font-style:italic;



Le texte modifiable pourra s'effectuer ici:
Code:

var text='Ne postez pas d\'insulte, évitez les majuscules, faites une recherche avant de poster pour voir si la question n\'a pas été évoqué.';

Attention toutefois aux apostrophes et accents , il devront être précédés d'une barre oblique (antislash):




Voila,c'est tout pour le moment clin oeil.
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:35, édité 4 fois
Ezio
Ezio
Milouzien

MessageEzio le Ven 26 Aoû 2016 - 17:04

Merci beaucoup !
Psychotic Bitch
Psychotic Bitch
Milouzien

MessagePsychotic Bitch le Jeu 1 Sep 2016 - 10:43

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Ven 7 Oct 2016 - 11:15

Merci beaucoup !
avatar
SuperSpaceCab
Milouzien

MessageSuperSpaceCab le Ven 7 Oct 2016 - 15:00

Merci pour l'astuce !
dragon594
dragon594
Milouzien

Messagedragon594 le Ven 7 Oct 2016 - 19:09

Merci beaucoup !
Anonymous
Invité
Invité

MessageInvité le Mar 11 Oct 2016 - 9:18

Merci beaucoup !
Psychotic Bitch
Psychotic Bitch
Milouzien

MessagePsychotic Bitch le Sam 22 Oct 2016 - 1:58

Merci beaucoup !
avatar
Queen G.
Milouzien

MessageQueen G. le Sam 29 Oct 2016 - 20:51

Merci beaucoup !
avatar
Louaque
Milouzien

MessageLouaque le Jeu 24 Nov 2016 - 16:20

Merci beaucoup !
avatar
Tony L
Milouzien

MessageTony L le Lun 9 Jan 2017 - 22:03

Merci beaucoup !
avatar
issam89
Milouzien

Messageissam89 le Mar 10 Jan 2017 - 23:52

Merci beaucoup !
avatar
LMRP
Milouzien

MessageLMRP le Mer 8 Mar 2017 - 20:52

Merci beaucoup !
msfeettoes
msfeettoes
Milouzien

Messagemsfeettoes le Sam 15 Avr 2017 - 16:44

Merci beaucoup !
petitefeuille
petitefeuille
Milouzien

Messagepetitefeuille le Mar 13 Mar 2018 - 15:45

Merci beaucoup !
Ombi
Ombi
Milouzien

MessageOmbi le Lun 19 Mar 2018 - 9:24

Merci beaucoup !
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Dim 13 Mai 2018 - 20:50

Merci beaucoup !
Lilas
Lilas
Milouzien

MessageLilas le Mer 21 Nov 2018 - 19:05

Merci beaucoup !
Mi Neth
Mi Neth
Milouzien

Avertissement : 20/100

MessageMi Neth le Ven 17 Jan 2020 - 17:22

Bonjour, 
C'est quoi et il se trouve où? un éditeur de transition? 
Merci, 
Bonne soirée, 
Mi Neth,

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 17 Jan 2020 - 18:41



NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Splash
Splash
Milouzien

MessageSplash le Ven 17 Jan 2020 - 20:39

Merci Milouze14 pour ce sujet: ( [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition )

L'idéal serait de pouvoir sélectionner les forums où on veut afficher ce message

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Jan 2020 - 5:03

De rien Splash,
L'entraide est fait pour cela clin oeil .



NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
soleda
soleda
Milouzien

Messagesoleda le Lun 20 Jan 2020 - 16:00

Super merci beaucoup.


tritri
tritri
Milouzien

Messagetritri le Sam 25 Avr 2020 - 21:03

merci beaucoup pour ce tuto

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

Sujets similaires internes ( 0 )
Aucun sujet

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