Supprimer un innerHTML (HTML, JavaScript)

Dernière réponse : 6 Octobre 2006 14:00 dans Programmation

6 Octobre 2006 13: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

| Etre averti des réponses
| Alerter

Répondre à angelofyourheart

Lassé par la pub ? Créez un compte

crazycat@idn

Expert Programmation

6 Octobre 2006 13:47:48

le but est que le champ texte apparaisse si la case est cochée?

<html>

<head>

<script language="javascript">

function changeIt() {

   if (document.getElementById('licence').checked) {

      document.getElementById('intext').innerHTML = "<br><input type='text' name='mytext'>";

   } else {

      document.getElementById('intext').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 id="intext"></div>

</div>

</body>

| Alerter

Répondre à crazycat@idn

angelofyourheart

6 Octobre 2006 13: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 ??

| Alerter

Répondre à angelofyourheart

crazycat@idn

Expert Programmation

6 Octobre 2006 13:58:18

oupsss, j'ai merdé sur mon code

<html>

<head>

<script language="javascript">

function changeIt() {

   if (document.getElementById('licence').checked) {

      document.getElementById('intext').innerHTML = "<br><input type='text' name='mytext'>";

   } else {

      document.getElementById('intext').innerHTML = "";

   }

}

</script>

</head>

<body>

<div id="my_div">

<input type="text" name="blabla">

<input type="checkbox" id="licence" onClick="changeIt();"><div id="intext"></div>

</div>

</body>