Ecrire dans un textarea

MKH -  
Fallentree Messages postés 2445 Statut Membre -
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:

2 réponses

Fallentree Messages postés 2445 Statut Membre 209
 
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 ...
0
Fallentree Messages postés 2445 Statut Membre 209
 
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>
0