Ecrire dans un textarea

Fermé

MKH - Modifié par MKH le 1/09/2011 à 16:29
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 - 1 sept. 2011 à 18:04

bonjour, j'ai un probleme avec un code xhtml, en fait je veux un bouton pour ecrire dans le textarea, bon ca marche parfaitement mais le probleme lorsque je clique encore une fois sur ce bouton( ou un autre bouton) pour reecrire le meme caractere(ou un autre) dans ce cas l'ancien caractere qui existait dans le textarea est ecrasé et le nouveau est ecrit à sa place, mais je veux que ce dernier s'ajoute à l'ancien sans l'ecraser, j'ai utilisé aussi une fonction dans la balise script mais toujours meme resultat
voila le morceau de code
<form name="portable" action="/traitement" method="post">
<textarea name="ecran"></textarea>

<input type="button" name="A" value="a" OnClick="document.forms.portable.ecran.value='a'"/>
<input type="button" name="B" value="b" OnClick="document.forms.portable.ecran.value='b'"/>

</form>
veillez m'aider SVP et merci d'avance

A voir également:

Ecrire dans un textarea
Ecrire en gras sur whatsapp - Guide
Ecrire en miroir - Guide
Application pour écrire les chiffre en lettre - Télécharger - Outils professionnels
Écrire en majuscule - Guide
Écrire plusieurs lignes dans une cellule excel mac - Guide

2 réponses

Réponse 1 / 2

Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 209
1 sept. 2011 à 17:57

Bonjour,
Voila:

<form name="portable" action="/traitement" method="post"> 
<textarea name="ecran"></textarea> 


<input type="button" name="A" value="a" OnClick="text_exist('a');"/>
<input type="button" name="B" value="b" OnClick="text_exist('b');"/>  
<input type="button" name="C" value="c" OnClick="text_exist('c');"/>    
<input type="button" name="RAZ" value="RAZ" OnClick="document.forms.portable.ecran.value=''"/>   
</form> 

<script type="text/javascript">
function text_exist(text) {
var chaine= document.forms.portable.ecran.value;
if (!chaine.match(text)) {
document.forms.portable.ecran.value+=text; }
}

</script>

Mais avec la fonction split, ça a l air plus cool ...

Réponse 2 / 2

Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 209
1 sept. 2011 à 18:04

Voila avec Split:

<form name="portable" action="/traitement" method="post"> 
<textarea name="ecran"></textarea> 


<input type="button" name="A" value="ACER" OnClick="javascript:text_exist(this.value);"/>
<input type="button" name="B" value="APPLE" OnClick="javascript:text_exist(this.value);"/>
<input type="button" name="C" value="HP" OnClick="javascript:text_exist(this.value);"/>
<input type="button" name="RAZ" value="RAZ" OnClick="document.forms.portable.ecran.value=''"/>   
</form> 

<script type="text/javascript">
function text_exist(text) {
var chaine= document.forms.portable.ecran.value;
var tableau=chaine.split(';');
var flag=false;
for (var i=0; i<tableau.length; i++) {
   if (tableau[i]==text) flag=true;
}
if (!flag) document.forms.portable.ecran.value+=text+';';
}
</script>

Discussions similaires