[XHTML] Formulaires imbriqués interdits ?

**Morgoth_fr** · 14/12/2006, 17h26

Bonjour,

Je dois ajouter un peu d'AJAX dans une application existante. Dans l'appli, chaque page contient un grand formulaire dans lequel on insère tous les éléments.
J'ai un composant AJAX que je "pose " au milieu de la page, est qui se présente sous la forme d'un formulaire. Bref, ça donne le code simplifié suivant :

Code :

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

1
2
3
4
5
6
7
<form name="global">
...
 
    <form id="myComp">bla bla</form>
 
...
</form>

Le code Javascript cherche à acceder à la seconde form (document.getElementById("myComp")), mais sous Firefox 2.0, celà renvoi toujours null (sous IE 7 ça marche).
Après recherche, il semblerait qu'imbriquer des formulaires ne soit plus autorisé (cf DTD du XHTML). Mais alors comment faire ?

Est-t'il possible de mettre la seconde form en dehors de la première, mais de l'afficher à l'intérieur ?

Merci de votre aide

**trotters213** · 14/12/2006, 17h51

Du moment que tu appelles ta form avec l'id, qu'elle soit dedans ou dehors c'est pareil.
Sinon j'ai pas saisi ton problème.

**Morgoth_fr** · 14/12/2006, 19h25

Salut,

Essaye ceci sous Firefox 1.5+ :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
</head>
<body onload="alert(document.getElementById('form2'));">
  <form id="form1">
    <form id="form2">
    </form>
  </form>
</body>
</html>

Ça doit te renvoyer null. Il semblerait que Firefox ne créé pas la seconde form. Alors que sous IE ça marche.

Pourtant, ceci fonctionne (création dynamique de la seconde form) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<script>
  function load() {
    var form1 = document.getElementById('form1');
    var form2 = document.createElement("form");
    form2.setAttribute("id","form2");
    form1.appendChild(form2);
  }
</script>
</head>
<body onload="load(); alert(document.getElementById('form2'));">
  <form id="form1">
  </form>
 
</body>
 
</html>

**viviboss** · 14/12/2006, 20h04

C'est bizarre, effectivement.

Parce que j'ai une appli qui comporte un form, et plusieurs forms imbriqués, et ca marche très bien sous FireFRox 2, pour moi....(la validation de mes form se fait en javascript, mais moi j'utilise "ByName"....)

c'est peut être une piste ?

Code :

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

1
2
3
4
5
6
7
8
9
 
<form>
<form>
<form name="toto">
.....
<input type=button value="valider" onClick="submit(toto)">
</form>
</form>
</form>

Ca, ca marche.....

**Bisûnûrs** · 14/12/2006, 20h49

Code XML :

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

1
2
3
4
5
6
7
8
<mode_furtif>
   <description>
      Avoir deux formulaires imbriqués est sémantiquement incorrect.
   </description>
   <lien>
      http://web.developpez.com/faq/html/?page=FORMULAIRE#FORMULAIRE_imbrique
   </lien>
</mode_furtif>

**bigsister** · 14/12/2006, 22h08

si c'est juste un formulaire à "afficher" au milieu d'un autre, mets en un dans des <div> et changes sa position avec du CSS ?

**Morgoth_fr** · 14/12/2006, 22h30

Envoyé par Bisûnûrs

Code XML :

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

1
2
3
4
5
6
7
8
<mode_furtif>
   <description>
      Avoir deux formulaires imbriqués est sématiquement incorrect.
   </description>
   <lien>
      http://web.developpez.com/faq/html/?page=FORMULAIRE#FORMULAIRE_imbrique
   </lien>
</mode_furtif>

C'est bien ce qui me semblait, mais je n'avais pas trouvé la confirmation. Merci.

Envoyé par bigsister

si c'est juste un formulaire à "afficher" au milieu d'un autre, mets en un dans des <div> et changes sa position avec du CSS ?

C'est vers ce genre de solution que je voudrais me diriger. Est- ce que tu aurais un exemple STP ? Je ne suis vraiment pas une star du CSS.

Merci encore.

**trotters213** · 15/12/2006, 08h40

tu peux le faire avec position:relative (ou position:absolute) et en jouant sur les attributs left, right, top, bottom.

[XHTML] Formulaires imbriqués interdits ?

HTML

Discussions similaires

Partager

Partager