[DOM] Submit() avec href, IE7/Firefox

Dernièrement, j'ai rencontré un problème avec la compatibilité entre mes formulaires, IE7 et Firefox.

La syntax de base pour le DOM fonctionne sur Firefox, mais pas sur IE7:

Code:

---

<a href="javascript:document.forms.form3.submit();" class="DetailsLink">

---

Pourquoi??

J'ai finalement remarqué, avec IE DOM Inspector, que IE7 détectait seulement les 3 premiers formulaires de ma page et ignorais le quatrième (form3). Bizarre jusqu'ici. J'ai décidé de m'amuser et d'insérer un cinquième formulaire (avant le quatrième et non après). Résultat : IE7 détecte mon quatrième formulaire, mais non mon cinquième. Pour évité des conflits, j'ai caché le cinquième formulaire :

<form name="form4" style="display:none;"><input name="" type="hidden" value=""></form>

S'il n'y a pas de "input" dans le formulaire "form4" (celui que j'ai ajouté), IE7 ne detecte pas le 4ème et 5ème. Bizarre.

Grâce à ce bricolage de code, j'ai une compatibilité IE7/Firefox.

Voilà le script final (tronqué biensûr):

Code:

---

1 2 3 4 5 6

<form name="form"><input></form> <form name="form1"><input></form> <form name="form2><input></form> <form name="form4" style="display:none;"><input></form> (celui ajouté) <form name="form3"><input></form> <a href="javascript:document.forms.form3.submit();" class="DetailsLink">

---

Autres solutions??
J'ai vraiment tout essayé

Bonjour

Une autre solution, c'est d'utiliser la syntaxe suivante

Code:

---

document.forms["form3"].submit();

---

(glop)
ou alors, a la rigueur :

Code:

---

document.form3.submit();

---

(pas glop)

Mais la tienne :

Code:

---

document.forms.form3.submit();

---

me chiffonne un peu

au choix

Code:

---

1 2 3

document.form3.submit() document.forms["form3"].submit() document.forms[3].submit()

---

prem's lol !

Je rajouterais :

Code:

---

document.getElementById('idduform').submit();

---

Merci de vos réponses, mais je les aies toutes essayées.

Le vrai problème, c'est la détection des formulaires de la page HTML.

IE7 détecte 3 form sur 4 et quand j'ajoute un form entre le 3 et 4, il détecte les form 1, 2, 3 ,4 mais pas le cinquième(celui ajouté entre le 3 et 4).

J'ai fait le test avec IE DOM Inspector.

Le javascript ne voyait pas mon formulaire 4 avant que j'ajoute le 5...

D'autres solution ??

Citation:

---

<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- interactive form -->
<!ATTLIST FORM
%attrs; -- %coreattrs, %i18n, %events --
action %URI; #REQUIRED -- server-side form handler --
method (GET|POST) GET -- HTTP method used to submit the form--
enctype %ContentType; "application/x-www-form-urlencoded"
accept %ContentTypes; #IMPLIED -- list of MIME types for file upload --
name CDATA #IMPLIED -- name of form for scripting --
onsubmit %Script; #IMPLIED -- the form was submitted --
onreset %Script; #IMPLIED -- the form was reset --
accept-charset %Charsets; #IMPLIED -- list of supported charsets --
>

---

un formulaire n'a pas de style.

mets le formulaire dans un calque.

Tu devrais peut-etre mettre le code ta page, "qu'on voie"

Citation:

---

Envoyé par Matthieu2000

un formulaire n'a pas de style.

mets le formulaire dans un calque.

---

Quelle est la DTD que tu as lue ?

Au passage, ils ont bien un style, cet attribut est appelé par : %coreattrs.

Sinon, le form n'aurait pas d'id non plus ...

La ligne :

Citation:

---

%attrs; -- %coreattrs, %i18n, %events --

---

ajoute toutes les attributs contenus dans la variablea %attrs; qui elle-même contient l'appel des trois commentées à côté :

Code:

---

<!ENTITY % attrs "%coreattrs; %i18n; %events;">

---

Code:

---

1 2 3 4 5 6

<!ENTITY % coreattrs "id ID #IMPLIED -- document-wide unique id -- class CDATA #IMPLIED -- space-separated list of classes -- style %StyleSheet; #IMPLIED -- associated style info -- title %Text; #IMPLIED -- advisory title --" >

---

Code:

---

1 2 3 4

<!ENTITY % i18n "lang %LanguageCode; #IMPLIED -- language code -- dir (ltr|rtl) #IMPLIED -- direction for weak/neutral text --" >

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<!ENTITY % events "onclick %Script; #IMPLIED -- a pointer button was clicked -- ondblclick %Script; #IMPLIED -- a pointer button was double clicked-- onmousedown %Script; #IMPLIED -- a pointer button was pressed down -- onmouseup %Script; #IMPLIED -- a pointer button was released -- onmouseover %Script; #IMPLIED -- a pointer was moved onto -- onmousemove %Script; #IMPLIED -- a pointer was moved within -- onmouseout %Script; #IMPLIED -- a pointer was moved away -- onkeypress %Script; #IMPLIED -- a key was pressed and released -- onkeydown %Script; #IMPLIED -- a key was pressed down -- onkeyup %Script; #IMPLIED -- a key was released --" >

---

ajoute dynamiquement un input type submit en visibility hidden sur ton form ajouté, cela devrait rappeler à IE qu'il a un form de plus ...