Discussion :

[jeanvincent]

Bonjour,

Sur ma page html j'ai un formulaire classique et un menu. Si l'utilisateur choisis une certaine option dans ce menu, les informations entrées par l'utilisateur dans le formulaire sont ignorées et une certaine page est chargée.
Je voudrais que dans ce cas là, seuls deux elements soient postés: mon input name="action" et mon input name="info".
Je pensais supprimer dynamiquement les éléments juste avant le submit (qui a lieu lorsqu'on clique sur l'option du menu)
Quelque chose comme:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
for(var i = 0; i < document.forms[0].elements.length; i++)
{
  if(document.forms[0].elements[i].name != 'action' && document.forms[0].elements[i].name != 'info')
  {
     document.forms[0].removeElement(i);
  }
}
document.forms[0].submit();

La fonction removeElement n'existe pas, mais c'est pour donner une idée.
Il faut aussi savoir que
- le nombre d'éléments de la page est variable
- je ne peux pas attribuer d'id aux éléments de la page (sauf à action et info si ça peut aider)

Si vous connaissez une solution...

Merci d'avance

[SpaceFrog]

removeChild en ayant repéré l'indice


PS: pense aux balises code ...

[jeanvincent]

Merci pour ta réponse. Peux tu développer?

D'après le site de mozilla, il faut passer un id à removeChild() ce que je ne peux pas faire puisque soit je ne connais pas les id, soit les éléments n'en ont pas.

[SpaceFrog]

tu n'est pas obligé de passer un id tu peux passer un objet ...

il te suffit de scanner tous les elements du form ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms[0].Elements

dans une boucle et de teste légalité par rapport à l'element que tu veux supprimer ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (document.forms[0].Elements[i]==Obj){
    document.forms[0].removeChild(document.forms[0].Elements[i])
}

pas testé mais ça devrait fonctionner ...

[jeanvincent]

Je viens de tester ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
for(var i = 0; i < document.forms[0].elements.length; i++) 
{ 
  if(document.forms[0].elements[i].name != 'action' && document.forms[0].elements[i].name != 'info')
  { 
       document.forms[0].removeChild(document.forms[0].elements[i]);
  } 
} 
document.forms[0].submit();

et safari m'annonce une DOM Exception 8 à la ligne du removeChild

[jeanvincent]

Quelqu'un a une idée?

[jeanvincent]

Il semblerait que le removeChild ne fonctionne pas si l'élément à supprimer n'est pas direct childNode du FORM, c'est à dire s'il y a des "child" intermédiaires (div ou autres).

Du coup, je ne sais pas comment accéder autrement aux éléments d'un formulaire

[SpaceFrog]

ben fait le removeChild à partir du parent de l'élément ...

[jeanvincent]

C'est ce que j'étais en effet en train de tester:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
for(var i = 0; i < document.forms[0].getElementsByTagName('input').length; i++)
{
    if(document.forms[0].getElementsByTagName('input')[i].name != "action") 
    {
        document.forms[0].getElementsByTagName('input').parentNode.removeChild(document.forms[0].getElementsByTagName('input')[i]);
    }
 
}

Ca fonctionne bien.