[XHTML] Formulaires imbriqués interdits ?

Version imprimable

14/12/2006, 17h26
Morgoth_fr

[XHTML] Formulaires imbriqués interdits ?
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:

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
14/12/2006, 17h51
trotters213

:salut:
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.

Salut,

Essaye ceci sous Firefox 1.5+ :

Code:

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:

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>

14/12/2006, 20h04
viviboss
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:

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

Code:

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>

14/12/2006, 22h08
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 ?

Citation:
Envoyé par Bisûnûrs
Code:

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.

Citation:

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.

15/12/2006, 08h40
trotters213

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