Faire afficher et disparaitre du texte en cochant un checkbox

Version imprimable

Salut à tous;

Bon je travaille avec XHTML 1.1 et j'ai un petit problème dans ce code si vous pouvez m'aide.
Lorsque je coche la checkbox "Texte #01" un texte doit s'affiché dans le textarea mais lorsque je décoche cette checkbox il s'affiche encore une autre fois et ça ce répète à chaque fois.
Ma question est comment faire pour supprimer le texte quand je décoche la checkbox.

Voilà mon code complet:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <div id="texte"> <script type="text/javascript"> function generate(texte) { var txt=""; if (texte==1) {texte="\n\"Texte #01";} document.getElementById('box').value=document.getElementById('box').value+texte; } </script> <form method="POST" name="list" id="list" /> <input name="1" id="1" onclick="generate(1)" type="checkbox" /> Texte #01<br><br> <textarea name="box" cols="70" rows="25" id="box">Votre Sélection : </textarea> <input name="effacer" value="Effacer" type="reset" /> </div>

22/03/2010, 08h08
andry.aime
Bonjour,
1-Evites d'utiliser la même valeur pour l'attribut name et id car cela pose des problèmes avec IE; c'est aussi déconseillé de n'utiliser que des chiffres ou débuter ses valeurs par des chiffres.
2-La balise form n'est pas auto-fermante.
Code:

1 2 3 4 5 6 7 8 if(document.getElementById('idCheckBox').checked) { // ton traitement ici } else { document.getElementById('idTextarea').innerHTML=""; }
22/03/2010, 10h00
thelvin

Et j'ajoute que le code que Rahim-US nous a montré là n'est pas du XHTML 1.1. C'est du bon vieil HTML 4 non-standard.

Ce n'est pas bien grave, parce que l'intérêt du XHTML, 1.1 de surcroît, bon, hein, il reste à voir. Mais il vaut mieux éviter d'induire ses interlocuteurs en erreur en leur donnant de fausses informations. Les gens pourraient s'imaginer que tu as bien plus de contraintes à respecter que tu n'en as vraiment.
22/03/2010, 15h46
Rahim-US
Merci andry.aime pour ta réponse, mais j'arrive pas utiliser ton code si tu peux m'expliquer un peut plus S.V.P
Merci d'avance.
Citation:
Envoyé par andry.aime

Code:

1 2 3 4 5 6 7 8 if(document.getElementById('idCheckBox').checked) { // ton traitement ici } else { document.getElementById('idTextarea').innerHTML=""; }
Pour thelvin, je travail avec Dreamweaver CS4 et c'est lui qui m'indique que c'est du XHTML, oui j'ai fais un petit erreur c'est du XHTML1.0 et non pas 1.1
désolé pour l'erreur j'ai pas fais attention.
22/03/2010, 18h50
thelvin

Citation:

Envoyé par Rahim-US

Pour thelvin, je travail avec Dreamweaver CS4 et c'est lui qui m'indique que c'est du XHTML, oui j'ai fais un petit erreur c'est du XHTML1.0 et non pas 1.1

Dans ce cas c'est Dreamweaver qui t'induit en erreur (pour changer) et ce n'est pas bien grave. Je te conseille juste de ne pas dire que tu fais du (X)HTML machin-chose. Juste du HTML, ce sera très bien.

Et je te confirme que ce n'est pas du XHTML, ni 1.0, ni 1.1, ni 5, ni rien.
23/03/2010, 06h39
andry.aime

Ce code efface le contenue d'un textarea dont son id est 'dTextarea' quand tu décoches un checkbox dont sont id est 'idCheckBox' ;).
26/03/2010, 01h11
Rahim-US

Citation:

Envoyé par andry.aime

Ce code efface le contenue d'un textarea dont son id est 'dTextarea' quand tu décoches un checkbox dont sont id est 'idCheckBox' ;).

Merci andry.aime mais je n’arrive pas à l'utiliser, si tu peux me l'ajouter dans le code.

J’ai une autre question, pour le Textarea je veux créer un bouton pour copier son contenu dans le presse-papier, comment faire ça?
Merci
26/03/2010, 06h54
andry.aime
Bonjour,
As-tu au moins essayé?
Montres nous ce que tu as faits et on te corrige; nous ne sommes pas là pour faire tes devoirs ;).

Citation:

pour le Textarea je veux créer un bouton pour copier son contenu dans le presse-papier, comment faire ça?.
Code:

1 2 3 4 function copier() {var texte=document.selection.createRange(); texte.execCommand("Copy"); }
Mais je crois que FireFox désactive cette fonction par défaut; à vérifier.

Citation:

Bonjour,
As-tu au moins essayé?
Montres nous ce que tu as faits et on te corrige; nous ne sommes pas là pour faire tes devoirs ;).

Oui j'ai essayer et voila ce que j'ai en ajoutant ton code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <div id="texte"> <script type="text/javascript"> if(document.getElementById('checkbox1').checked) { function generate(texte) { var txt=""; if (texte==1) {texte="\n\"Texte #01";} document.getElementById('box').value=document.getElementById('box').value+texte; } } else { document.getElementById('box').innerHTML=""; } </script> <form method="POST" name="list" id="list" /> <input name="1" id="checkbox1" onclick="generate(1)" type="checkbox" /> Texte #01<br><br> <textarea name="box" cols="70" rows="25" id="box">Votre Sélection : </textarea> <input name="effacer" value="Effacer" type="reset" /> </div>
Citation:
Code:

1 2 3 4 function copier() {var texte=document.selection.createRange(); texte.execCommand("Copy"); }
Merci pour le code mais y-a un petit problème; un message de sécurité vien d'etre afficher sous Internet Explorer, est-ce qu'on peut le viré?

Citation:

Mais je crois que FireFox désactive cette fonction par défaut; à vérifier.

J'ai vérifier et ça marche pas sous FireFox, est ce qu'il y-a un moyen pour remplacer le code sous FireFox?

29/03/2010, 02h58
Rahim-US
Je pense que cette ligne du code pose le problème, elle double le code générer dans textarea si on cochent ou on décochent la checkbox.
Code:

1 2 document.getElementById('box').value=document.getElementById('box').value+texte;
comment puis-je la remplacer par un autre code.

avant de commencer, mettre la balise <script> dans la partie <head> de ta page.
ps: pourquoi copier dans le presse papier quand on peut utiliser une variable "global"
quand on t 'as proposé la fonction
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <head> ... <script type="text/javascript"> var globalVar;// une variable globale function generate() if(document.getElementById('checkbox1').checked){ if (texte==1) {texte="\n\"Texte #01"; document.getElementById('box').value= globalVar; } else{ globalVar=document.getElementById('box').value; document.getElementById('box').value=""; } } </script> </head>
Code:

1 2 <input name="checkbox1" id="checkbox1" onclick="generate()" type="checkbox" />
ici je copie l'ancienne valeur de la textarea avant de l'effacer et je récupère le texte quand on coche la case

29/03/2010, 03h38
Rahim-US

Merci beaucoup, mais toujours un problème, la ça marche pas quand je coche la checkbox pas de texte dans le textarea :calim2:

mes sincères excuses, j'ai laissé une ligne de code en trop :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script type="text/javascript">
var globalVar;// une variable globale
function generate()
   if(document.getElementById('checkbox1').checked){
	document.getElementById('box').value= globalVar;
   }
  else{
        globalVar=document.getElementById('box').value;
        document.getElementById('box').value="";
  }
}
</script>

Citation:
Envoyé par nsanabi
mes sincères excuses, j'ai laissé une ligne de code en trop :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript"> var globalVar;// une variable globale function generate() if(document.getElementById('checkbox1').checked){ document.getElementById('box').value= globalVar; } else{ globalVar=document.getElementById('box').value; document.getElementById('box').value=""; } } </script>
Je te remercie nsanabi infiniment pour test réponses, mais ça marche toujours pas, je sais pas ou est le problème :cry:.
est-c" que ça a marcher avec toi ???

Bonjour,

Juste en passant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
var globalVar;// une variable globale

function generate()
{
   if(document.getElementById('checkbox1').checked){
	document.getElementById('box').value= globalVar;
   }
  else{
        globalVar=document.getElementById('box').value;
        document.getElementById('box').value="";
  }
}

01/04/2010, 17h52
nsanabi

c vrai une accolade qui manque merci la vermine ;)
04/04/2010, 02h14
Rahim-US

Merci beaucoup pour l'aide.