Connexion
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
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
[TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
Page 1 sur 1 • Partagez
- Milouze14Fondateur
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](https://i.servimg.com/u/f62/11/26/21/37/1138.jpg)
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposez ceci:

Puis on va positionner le textarea :
Les styles suivants peuvent être modifiés
Le texte modifiable pourra s'effectuer ici:
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
.
Un soucis direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
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](https://i.servimg.com/u/f62/11/26/21/37/1138.jpg)
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![]() |
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();
});})});

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

Un soucis direction l'entraide

https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:35, édité 4 fois
- EzioMilouzien
Merci beaucoup !
- Psychotic BitchMilouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- SuperSpaceCabMilouzien
Merci pour l'astuce !
- dragon594Milouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- Psychotic BitchMilouzien
Merci beaucoup !
- Queen G.Milouzien
Merci beaucoup !
- LouaqueMilouzien
Merci beaucoup !
- Tony LMilouzien
Merci beaucoup !
- issam89Milouzien
Merci beaucoup !
- LMRPMilouzien
Merci beaucoup !
- msfeettoesMilouzien
Merci beaucoup !
- petitefeuilleMilouzien
Merci beaucoup !
- OmbiMilouzien
Merci beaucoup !
- chrisnvidiaMilouzien
Merci beaucoup !
- LilasMilouzien
Merci beaucoup !
- Milouze14Fondateur
Hello Neth,
relis le sujet:
https://www.milouze14.com/t29609-toutes-versions-afficher-un-texte-dans-l-editeur-avec-transition#567006
C'est assez explicite chère amie.
relis le sujet:
https://www.milouze14.com/t29609-toutes-versions-afficher-un-texte-dans-l-editeur-avec-transition#567006
C'est assez explicite chère amie.
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- SplashMilouzien
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
L'idéal serait de pouvoir sélectionner les forums où on veut afficher ce message
- Milouze14Fondateur
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- tritriMilouzien
merci beaucoup pour ce tuto
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 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum