reset d'une partie de formulaire

Version imprimable

Bonjour,

Je cale pour une fonction et je me permet de vous demander de l'aide...

Voici à quoi ressemble mon html:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <div id='2' style='display:none'> <br> <div class='quest'> Je pose une question...? </div><input type='radio' name='Q2[]' value='1' onclick= "affCache('3',1);"> un choix<br> <input type='radio' name='Q2[]' value='2' onclick= "affCache('3',0);">un choix<br> <input type='radio' name='Q2[]' value='4' onclick= "affCache('3',1);">un choix<br> </div>
et la fonction "affCache('3')" :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function affCache (idDiv,Cond) { var div = document.getElementById(idDiv); if (div.style.display == "none") { div.style.display = ""; scrollBy(0,900); }else{if(Cond){ //code que je ne trouve pas :( } } }
Voilà mon problème:
en fait, j'aimerais que si l'élément "div" est visible et que Cond vaut true,
faire un reset() du reste du formulaire...

donc: pour mon exemple html n°1; un clic sur le premier ou sur le troisième choix annule tout le reste du formulaire...

Pourriez-vous m'aider ?

merci d'avance.

25/01/2006, 21h09
siddh

salut,
la t as pas trop le choix, tu doit parcourir tes elements de fomulaires pour mettre leur value a "" ou recocher le bon truc ....

Il y a une methode reset dans un form mais ça s'applique a tout le formulaire.

Donc soit tu les récupères un par un, soit tu parcours la collection elements de ton formulaire.
25/01/2006, 21h13
spilliaert

merci de ta réponse...
Pourrais-tu me donner un petit exemple de code? parce que je suis pas sûr de tout comprendre...

Code:

1
2
3
4
5
6
7
8
 
elems = document.getElementById('idform').elements;
for(var i=0;i<elems.length;i++){
   //la tu teste si tu veux le remettre a zéro :
   if(elems[i].name == "machin" || elems[i].name == "truc")
          elems[i].value="";
   // .......
}

26/01/2006, 19h59
spilliaert

Merci, siddh, votre code m'a été très utile (je ne pensais pas du tout de ctte manière-là le problème...)

Encore un dernier détail: il faut que tous le eléments qui sont après l'ensemble d'input en cours soit remis à zéros, parce que, actuellement, tout est remis à zéro...Dois-je ajouter un paramètre à ma fonction peut-être ?
27/01/2006, 00h51
siddh

euh ben peut etre l'id de celui a partir duquel tu veux effacer ?

avec un flag booleen mis a true une fois qu'il est passé dans la boucle pour savoir si on est avant ou apres.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function affCache (idDiv,idActu)
{
	var div = document.getElementById(idDiv);
 
	if (div.style.display == \"none\") {
		div.style.display = \"\";
		scrollBy(0,900);
	}else{
 
	elems = document.forms[0].elements;
 
for(var i=0;i<elems.length;i++){
        var parentinput=elems[i].parentElement;
        var id=parentinput.getAttribute(\"id\");
        if(id>idActu)
          elems[i].value=\"\";}
 
          }
 
 
}

voilà à quoi j'arrive :oops: ... ça marche pô !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var after=false;
 
function affCache (idDiv,idActu)
{
   var div = document.getElementById(idDiv);
 
   if (div.style.display == \"none\") {
      div.style.display = \"\";
      scrollBy(0,900);
   }else{
 
   elems = document.forms[0].elements;
 
for(var i=0;i<elems.length;i++){
        var parentinput=elems[i].parentElement;
        var id=parentinput.getAttribute(\"id\");
        if(id == idActu)
             after = true;
 
        if(after)
          elems[i].value=\"\";
 
}
after = false;
}

28/01/2006, 08h56
spilliaert

merci bq bq, ça marche (sous ie) !!
mais...dans ma console firefox, on me dit "parentinput has np properties"...
voyez-vous pourquoi??

faut remplacer :

Code:

1
2
3
 
var parentinput=elems[i].parentElement;
var id=parentinput.getAttribute(\"id\");

par :

Code:

1
2
 
var id = elems[i].parentNode.id;

28/01/2006, 11h45
spilliaert

ça marche, merci beaucoup pour votre aide !(sans elle, je n'y serais jamais arrivé :( )