Alert valeur textarea sur validation

Version imprimable

Bonjour,

J'utilise TinyMCE.
J'ai une page php et sur celle ci, j'ai des textes (les 100 premiers caractères) stocké dans une base avec un lien pour les ouvrir en popup.
Je les ouvre dans l'éditeur TinyMCE.

Je souhaiterais à la validation du formulaire pouvoir récupérer la valeur de mon textarea pour un nouveau traitement.

Seulement, je n'arrive pas à la récupérer. Est ce que quelqu'un peut m'aider ?

Je place ci dessous mon code, qui ne fonctionne pas. Pour l'instant, je cherche juse à faire un alert de la vleur de mon textarea.

Mon formulaire :
Code:

1 2 3 4 5 6 7 <form method="post" onsubmit="javascript:envoi_info();" name="monformulaire"> <label>Description : </label><br><br> <textarea name="montextarea" cols="70" rows="15"></textarea><br /><br /> <input type="submit" value="Ajouter"/>   <input type="button" value="Annuler" onclick="window.close();"/> </form>
Ma fonction javascript :
Code:

1 2 3 4 function envoi_info() { alert(document.monformulaire.montextarea.value); }
Merci d'avance pour votre aide

20/12/2006, 17h00
juJuv51
Forum des développeurs > Webmasters - Développement Web > Javascript & AJAX
je pense que ta question serait mieux dans le forum au dessus.

Tu utilises quel navigateur?
Code:

1 2 3 4 function envoi_info() { alert(document.getElementByName('montextarea')[0].value); }
je ne sais pas si ça peut t'aider...
20/12/2006, 17h18
eowene

J'utilise FireFox.

Merci de ton aide mais ça n'a rien arrangé.
20/12/2006, 17h31
juJuv51

Dans Firefox, tu as la possibilité de contrôler les Erreurs Javascript:
Fait Outils > Console d'erreurs.

Ensuite efface toute les erreurs puis fait les testes en rechargeant la page qui pose problème.

Il devrait t'afficher une erreur, si tu pouvais nous la montrer.

ps: je m'excuse de t'avoir demander de reposté ton message dans un forum différent.
21/12/2006, 09h06
eowene

J'avais déjà regardé et je n'ai pas d'erreur dans la console.
Même pas un avertissement...
21/12/2006, 09h09
eowene

En fait, ça me recharge mon popup.

Lorsque je clique sur mon submit, ma page se recharge, mon textarea redevient vide.

J'ai essayé de mettre un button à la place du submit et de mettre ma fonction sur le onClick du boutton mais là ça m'affiche une alert vide.

Après un teste:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
function envoi_info() {
  alert(document.monformulaire.montextarea.value);
}
</script>
 
<form method="post" onsubmit="javascript:envoi_info();" name="monformulaire">
<label>Description : </label><br><br>
<textarea name="montextarea" cols="70" rows="15"></textarea><br /><br />
<input type="submit" value="Ajouter"/>&nbsp;&nbsp;
<input type="button" value="Annuler" onclick=""/><!-- plus de close(); -->
</form>

le problème est que lorsque tu cliques sur le bouton, la premier action est de fermer la fenêtre.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
function envoi_info() {
  alert(document.monformulaire.montextarea.value);
}
</script>
 
<form method="post" onsubmit="javascript:window.close();" name="monformulaire">
<label>Description : </label><br><br>
<textarea name="montextarea" cols="70" rows="15"></textarea><br /><br />
<input type="submit" value="Ajouter"/>&nbsp;&nbsp;
<input type="button" value="Annuler" onclick="javascript:envoi_info();"/>
</form>

Je pense que ça pourrai fonctionner comme tu le veux en inversant les appels de fonction...

21/12/2006, 14h11
eowene

En fait, j'ai 2 boutons, un pour fermer la page, le bouton annuler mais sur lequel l'utilisateur ne clique que si finalement il ne souhaite rien écrire et un bouton submit pour envoyer le formulaire.

J'ai essayé le code que tu m'a donné et ça ne fonctionne pas.

Lorsque je clique sur le bouton j'ai le même problème, ma page se recharge mais je n'ai pas d'alert...

Je l'ai testé sous Firefox et ça fonctionne...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
function envoi_info() {
  alert(document.monformulaire.montextarea.value);
}
</script>
 
<form method="post" onsubmit="javascript:envoi_info();" name="monformulaire">
<label>Description : </label><br><br>
<textarea name="montextarea" cols="70" rows="15"></textarea><br /><br />
<input type="submit" value="Ajouter"/>&nbsp;&nbsp;
<input type="button" value="Annuler" onclick=""/><!-- plus de close(); -->
</form>

21/12/2006, 14h58
juJuv51

J'avais remarqué que l'annuler n'été pas utiles dans la modife, mais le problème est que sous Firefox, ça fonctionne très bien (j'ai eu une alerte avec le message saisie)
21/12/2006, 15h16
eowene

Et tu as une alert meme en utilisant TinyMCE ?
21/12/2006, 16h27
juJuv51

Citation:

Pour l'instant, je cherche juse à faire un alert de la vleur de mon textarea.

Etape par étape ;)

TinyMCE n'affiche pas d'alerte normalement ;) (et même en cas d'erreurs)
21/12/2006, 16h49
eowene

Bon alors mon alert fonctionne si je n'utilise pas TinyMCE.

En fait ce que je cherche à faire c'est à pouvoir ajouter du code à l'action submit de mon formulaire.
Je voudrais pouvoir en AJAX enregistrer directement la valeur de mon textarea.
Mais en utilisant TinyMCE bien sur...
22/12/2006, 15h18
eowene

C'est bon, j'ai trouvé, il faut ajouter dans l'initialisation de tinymce :
save_callback : "envoi_info"

Et là ça execute la fonction envoi_info.

Merci pour votre aide.

et Joyeux Noël (avec un peu d'avance)...
15/01/2008, 00h43
karimphp

salut eowene
je suis encours de réaliser une application d'envoi avec ajax par post on utilisant Tinymce et je trouve que le contenue ne s'envoi que par double click alors eowene si tu a fait cette application d'envoi par une seule click merci de m'aider