Discussion :

[noobyyy]

bonjour, j'utilise depuis peu tinymce et je suis confronté à un petit soucis !

Voila que je cherche depuis plusieurs heures comment on fait pour récupérer la valeur d'un textarea pour que je l'envoie en ajax.

En résumé je n'arrive pas à récupérer la valeur en javascript. Pourtant je sais très bien le faire mais avec l'utilisation de tinymce il doit y avoir quelque chose en plus...

chargement de mes JS:

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
	'<script type="text/javascript" src="'.REG_JQUERY.'"></script>'."\n".
	'<script type="text/javascript" src="../../js/func.js"></script>'."\n".
	'<script type="text/javascript" src="../../js/custom-form-elements.js"></script>'."\n".	
	'<script type="text/javascript" src="../../js/oXHR.js"></script>'."\n".
	'<script type="text/javascript" src="email.js"></script>'."\n".		
	'<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>'."\n".
	'<script type="text/javascript">
	tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
 
		// Theme options
		theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,image,code,|,insertdate,inserttime,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,iespell,media,advhr,|,print",
		theme_advanced_buttons4 : "cite,abbr,acronym,del,ins,|,pagebreak",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,
 
		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "js/template_list.js",
		external_link_list_url : "js/link_list.js",
		external_image_list_url : "js/image_list.js",
		media_external_list_url : "js/media_list.js",
 
		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
	</script>'."\n".

le textarea de mon formulaire

Code :

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

1
2
 
'<br /><textarea cols="50" rows="10" class="style" name="message" id="message"></textarea>'."\n".

le code javascript pour afficher la valeur:

Code :

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

1
2
 
alert(document.getElementById('message').value); //VIDE ! :cry:

Voila j'espère qu'on pourra m'aider.
Merci à vous

[noobyyy]

juste une précision je cherche toujours la solution à mon problème, et je suis tombé par hasard sur ce bout de code:

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
 
<script type="text/javascript">
function ajaxSave() {
    var ed = tinyMCE.get('elm1');//Récupéraction du textearea
 
    //Encodage pour passe en GET ou POST sans erreur
    var content = ed.getContent().replace(/\+/g, "+");
    content = content.replace(/\\/g, "\");
    content = escape(content);
    // Fin encodage
    ed.setProgressState(1); // Show progress
 
    window.setTimeout(function() {
        ed.setProgressState(0); // Hide progress
        alert(content);// METTRE ICI LA REQUETE AJAX
    }, 1000);
}
 
Event.observe('submit', 'click', function() {
    ajaxSave();
});
</script>

Si ça peut aider quelqu'un pour m'orienter vers la réponse.

Merci à bientôt

[noobyyy]

soluce:

Code :

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

1
2
 
alert( tinyMCE.get('message').getContent() );

mais existe t'il une fonction pour remettre le textarea vide ?