Discussion :

[tang le breton]

Bonjour à tous,

j'ai un script php dans lequel j'ai au maximum 20 textarea tous équipés de l'éditeur Tinymce.
Avant d'utiliser cette éditeur j'avais réussi à faire fonctionner mes évènements onblur et onfocus sur ces textarea.Ils me permettaient de supprimer le texte par défaut et aussi changer sa couleur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onfocus="if(this.value=='Rentrer le travail à rendre')this.value='';this.style.color='black';" onblur="if(this.value=='')this.value='Rentrer le travail à rendre';if(this.value=='Rentrer le travail à rendre')this.style.color='grey';"

Mais maintenant que j'ai installé Tinymce, mes évènements onblur et on focus ne marchent plus.
Du coup, je souhaiterai exécuter, via une fonction javascript intégrer à Tinymce, mes évènements onblur et onfocus afin de pouvoir supprimer le texte par défaut du textarea sélectionné...

Après plusieurs recherches, je n'ai toujours pas trouvé de solution, c'est pourquoi je me tourne vers ce forum pour espérer trouver une solution à mon problème...

[tang le breton]

Mon problème est résolu grâce à une fonction "maison"

Voici la solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function myCustomInitInstance(ed) {
	if (ed.getContent() == "VALEUR PAR DEFAUT DU TEXTAREA"){
	    ed.getBody().style.color = "grey";
	}else{
		ed.getBody().style.color = "black";
	}
    ed.onActivate.add(function(ed) {
        ed.getBody().style.color = "black";
 
		if (ed.getContent() == "VALEUR PAR DEFAUT DU TEXTAREA"){
			ed.getBody().innerHTML="";
		}
    });
    ed.onDeactivate.add(function(ed) {
 
 
		if (ed.getContent() == ""){
			ed.getBody().innerHTML="VALEUR PAR DEFAUT DU TEXTAREA";
			ed.getBody().style.color = "grey";
		}
    });
}

Et pour l'appel du Tinymce :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script type="text/javascript">
tinyMCE.init({
mode : "exact",
theme : "advanced",
// editor_selector : "mceAdvanced",
elements : "contenuS1,contenuS2,contenuS3,contenuS4,contenuS5,contenuS6,contenuS7,contenuS8,contenuS9,contenuS10,travailR1,travailR2,travailR3,travailR4,travailR5,travailR6,travailR7,travailR8,travailR9,travailR10",
theme_advanced_buttons1 : "bold,italic,underline,separator,bullist,numlist",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "center",
init_instance_callback: "myCustomInitInstance"
 
});
 
</script>

Voila pour ce que ça peut aider

A bientôt