Tom's Guide > Forum > Programmation > Supprimer un innerHTML (HTML, JavaScript)

Supprimer un innerHTML (HTML, JavaScript)

Forum Programmation : Supprimer un innerHTML (HTML, JavaScript)

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
angelofyourheart   06-10-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

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
crazycat@idn   06-10-2006 à 15:47:48
- 0 +

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

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


Message édité par crazycat@idn le 06-10-2006 à 15:48:51
------------------------------ Réseau IRC Francophone | g33k-zone
Défiez-moi donc !
 Répondre à crazycat@idn
angelofyourheart   06-10-2006 à 15:55:24
- 0 +

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

Répondre à angelofyourheart
crazycat@idn   06-10-2006 à 15:58:18
- 0 +

oupsss, j'ai merdé sur mon code :)

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é :)

------------------------------ Réseau IRC Francophone | g33k-zone
Défiez-moi donc !
 Répondre à crazycat@idn
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Supprimer un innerHTML (HTML, JavaScript)
Aller à :

Il y a 499 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,207 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens