Supprimer un innerHTML (HTML, JavaScript) - Programmation
Ceci répond-il à votre question ? Oui | Non
 

Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Supprimer un innerHTML (HTML, JavaScript)
 
Profil : IDNaute
Plus d'informations

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

Liens

http://127.0.0.1
Profil : IDNaute
Plus d'informations

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@i dn le 06-10-2006 à 15:48:51

---------------
Réseau IRC Francophone
Les eggdrops en français
Profil : IDNaute
Plus d'informations

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

http://127.0.0.1
Profil : IDNaute
Plus d'informations

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
Les eggdrops en français
Profil : IDNaute
Plus d'informations

Big big thanks!!


Aller à :
Ajouter une réponse
  FORUM Infos-du-Net » Programmation » Supprimer un innerHTML (HTML, JavaScript)
 

Liens