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

Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Supprimer un innerHTML (HTML, JavaScript)
 
angelofyou rheart
Profil : IDNaute
Plus d'informations
n°80860
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

Liens

crazycat@i dn
http://127.0.0.1
Profil : IDNaute
Plus d'informations
n°80861
06-10-2006 à 15:47:48

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
angelofyou rheart
Profil : IDNaute
Plus d'informations
n°80864
06-10-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 ??

crazycat@i dn
http://127.0.0.1
Profil : IDNaute
Plus d'informations
n°80865
06-10-2006 à 15:58:18

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
angelofyou rheart
Profil : IDNaute
Plus d'informations
n°80868
06-10-2006 à 16:00:57

Big big thanks!!


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

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 0.279 secondes
Liens