Page 1 sur 1
Affichage d'une zone de texte libre
Posté : 17 juil. 2013, 11:07
par BenMarcel
Bonjour,
j'aimerais savoir s'il est possible et si oui, comment, d'afficher, au clic d'un bouton, une zone de texte libre et récupérer le texte saisi ?
Merci d'avance
Re: Affichage d'une zone de texte libre
Posté : 17 juil. 2013, 12:05
par ps6c0tic
tu pourrais gérer l'état de ta zone de texte avec un événement en javascript. Quand tu cliques sur le bouton, ta zone change de 'hidden' à '' qui veut dire visible, pour ce qui est de récupérer, je pense que ça doit être possible en changeant aussi l'appel de ta fonction dans ton bouton pour que cette fois il valide ton formulaire et comme ça tu pourras récupérer ton texte via la méthode ton formulaire.
Exemple:
<form method="post" action="">
<textarea id="texte" hidden="hidden">
</textarea>
<input type="button" id="monbouton" onclick="change_etat()"/>
</form>
<script langage="javascript">
function change_etat(){
document.getElementById('texte').hidden='';
document.getElementById('monbouton').onclick='confirmation()';
}
function confirmation(){
}
</script>
il te suffit juste de créer la fonction confirmation() pour submiter ton formulaire pour récupérer ton texte.
Re: Affichage d'une zone de texte libre
Posté : 17 juil. 2013, 16:01
par BenMarcel
merci pour la réponse.
le problème est que la zone de texte est quand même visible, malgré le "hidden"
Re: Affichage d'une zone de texte libre
Posté : 17 juil. 2013, 16:05
par ps6c0tic
tu pourrais poster ton code, car celui que j'ai mis je l'avais testé et ça à marcher.
Re: Affichage d'une zone de texte libre
Posté : 17 juil. 2013, 16:07
par BenMarcel
Oui pardon
<textarea id= 'ed_texte' hidden='hidden'></textarea>
<input type='button' value= 'OK' id= 'bt_texte' hidden='hidden' onclick = 'TRT_Enreg()'>
Re: Affichage d'une zone de texte libre
Posté : 17 juil. 2013, 16:28
par ps6c0tic
Alors voilà j'ai refais les tests avec ton code (et n'oublie pas que tu caches ton bouton, si tu le caches ben tu ne pourras pas cliquer dessus) sous différents browser et le seul avec qui y'a problème et qui ne cache pas les champs, c'est bien évidemment Internet Explorer

.( Même pour certain navigateur interne de certains logiciel de développement comme phpEdit ne cache pas les champs souhaités).
Alors, essaie de voir sous différents navigateurs pour voir le résultat. et tu nous tiens au courant

Re: Affichage d'une zone de texte libre
Posté : 17 juil. 2013, 16:54
par BenMarcel
Merci pour ta réponse.
Le problème est que c'est tout pour IE chez nous !!!

Est-il possible dans ce cas de passer par un disable/enable à la place ?
Re: Affichage d'une zone de texte libre
Posté : 17 juil. 2013, 17:03
par ps6c0tic
oui tu peux passer par "disabled" ton champs sera grisé tant que tu n'as pas appuyer sur le bouton.
Voilà je te met le code avec disabled, test le pour voir :
<form method="post" action="">
<textarea id="texte" disabled="disabled">
</textarea>
<input type="button" id="monbouton" onclick="change_etat()"/>
</form>
<script langage="javascript">
function change_etat(){
document.getElementById('texte').disabled='';
document.getElementById('monbouton').onclick='confirmation()';
}
function confirmation(){
}
</script>
A titre d'info, y'a aussi la possibilité de figer ton texte si tu souhaites l'afficher et que personne ne peut le modifier, et ça avec le paramètre readonly="readonly"
Re: Affichage d'une zone de texte libre
Posté : 18 juil. 2013, 11:30
par BenMarcel
merci
je suis passé par une autre possibilité et cela fonctionne
[javascript]<script>
document.getElementById('ed_texte').style.display = 'none';
document.getElementById('bt_texte').style.display = 'none';
</script>[/javascript]
Re: Affichage d'une zone de texte libre
Posté : 18 juil. 2013, 22:06
par moogli
Modération :
Si ta question est résolue, pense à l'indiquer pour que les futures personnes qui voudront consulter ce sujet sachent qu'il contient une solution.
Tu peux réaliser cette opération toi-même en cliquant sur le bouton vert "Mettre le sujet en tant que Résolu" situé en haut de la page à côté du titre du sujet.