Connexion

Récupérer mon mot de passe

Derniers sujets
» [AwesomeBB] Profils en onglets
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Aujourd'hui à 19:01 par Milouze14

» [PhpBB2] Changer le lien d'une image par une icone font awesone
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Aujourd'hui à 16:14 par fascicularia

» Test d'intelligence des politiciens-(e) histoire blagounette
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Aujourd'hui à 9:22 par Quad Daniel

» histoire du Jour sans fin
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Aujourd'hui à 9:11 par Quad Daniel

» Règlement de l'entraide Forumactif
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Hier à 11:42 par BADLANDS

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Mer 21 Aoû 2019 - 12:14 par MathisB

» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Mar 20 Aoû 2019 - 21:17 par Milouze14

» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Mar 20 Aoû 2019 - 19:11 par Milouze14

» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Lun 19 Aoû 2019 - 18:42 par Milouze14

» *RESOLU*[PhpBB3] Prévisualisation directe
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition Clock-10Sam 20 Juil 2019 - 11:23 par Morane

[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 Dim 7 Oct 2018 - 7:47, édité 3 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 !
SuperSpaceCab
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 !
Queen G.
Queen G.
Milouzien

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

Merci beaucoup !
Louaque
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 !
Anonymous
Invité
Invité

MessageInvité le Mar 10 Jan 2017 - 2:23

Merci beaucoup !
issam89
issam89
Milouzien

Messageissam89 le Mar 10 Jan 2017 - 23:52

Merci beaucoup !
LMRP
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 !

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