Votre question

Supprimer un innerHTML (HTML, JavaScript)

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
6 Octobre 2006 15:21:08

Bonjour, vous allez bien?

J'ai un petit probleme qui me casse la tete depuis hier soir et je ne trouve toujours pas de solution.

Il s'agit d'un checkbox qui fait apparaitre un champ (text ou autre) dans un formulaire. Jusque la tout marche bien. Le probleme est que si l'on decoche le checkbox il ajjoute encore un champ au formulaire.

Je vous eclaircis avec le code ci dessous:

-----------------
<html><head>
<title>Test</title>
<script language="javascript">
function changeIt()
{
var i = 1;
my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext'>"
}

</script>
</head>
<body>
<div id="my_div">
<input type="text" name="blabla">
<input type="checkbox" id="licence" onClick="changeIt();">
</div>
</body>
------------------

(Mon but est de supprimer le champ une fois le checkbox decoche). J'ai essaye avec des div pour les supprimer mais sans resultats.

Si quelqu'un a une idee, il est le bienvenue. Merci

Autres pages sur : supprimer innerhtml html javascript

a c 145 L Programmation
6 Octobre 2006 15:47:48

le but est que le champ texte apparaisse si la case est cochée?
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. function changeIt() {
  5. if (document.getElementById('licence').checked) {
  6. document.getElementById('intext').innerHTML = "<br><input type='text' name='mytext'>";
  7. } else {
  8. document.getElementById('intext').innerHTML = "<br><input type='text' name='mytext'>";
  9. }
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <div id="my_div">
  15. <input type="text" name="blabla">
  16. <input type="checkbox" id="licence" onClick="changeIt();"><div id="intext"></div>
  17. </div>
  18. </body>
6 Octobre 2006 15:55:24

Salut, merci de ta reponse rapide.

Serait t'il possible de faire en sorte que une fois le checkbox decoche, que la case ajoutee disparaisse avec ---->

<script language="javascript">
function removeIt(){
var my_div = document.getElementById('my_div');
my_div.removeChild(my_div.firstChild);
}

</script>

Je trouve pas d'evenement pour ajouter apres onClick :-( onChange, onKeyUp ??
Contenus similaires
a c 145 L Programmation
6 Octobre 2006 15:58:18

oupsss, j'ai merdé sur mon code :) 
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. function changeIt() {
  5. if (document.getElementById('licence').checked) {
  6. document.getElementById('intext').innerHTML = "<br><input type='text' name='mytext'>";
  7. } else {
  8. document.getElementById('intext').innerHTML = "";
  9. }
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <div id="my_div">
  15. <input type="text" name="blabla">
  16. <input type="checkbox" id="licence" onClick="changeIt();"><div id="intext"></div>
  17. </div>
  18. </body>


désloé :) 
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS