Faire afficher et disparaitre du texte en cochant un checkbox

**Rahim-US** · 22/03/2010, 01h48

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**andry.aime** · 22/03/2010, 08h08

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**thelvin** · 22/03/2010, 10h00

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.

**Rahim-US** · 22/03/2010, 15h46

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.

Envoyé par andry.aime

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**thelvin** · 22/03/2010, 18h50

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.

**andry.aime** · 23/03/2010, 06h39

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

.

**Rahim-US** · 26/03/2010, 01h11

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

**andry.aime** · 26/03/2010, 06h54

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

.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Rahim-US** · 27/03/2010, 01h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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é?

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?

**Rahim-US** · 29/03/2010, 02h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('box').value=document.getElementById('box').value+texte;

comment puis-je la remplacer par un autre code.

**nsanabi** · 29/03/2010, 03h22

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Rahim-US** · 29/03/2010, 03h38

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

**nsanabi** · 30/03/2010, 03h56

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Rahim-US** · 01/04/2010, 11h25

Envoyé par nsanabi

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

.
est-c" que ça a marcher avec toi ???

**vermine** · 01/04/2010, 11h40

Bonjour,

Juste en passant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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="";
  }
}

**nsanabi** · 01/04/2010, 17h52

c vrai une accolade qui manque merci la vermine

**Rahim-US** · 04/04/2010, 02h14

Merci beaucoup pour l'aide.

Faire afficher et disparaitre du texte en cochant un checkbox

JavaScript

Discussions similaires

Partager

Partager