Discussion :

[gagnesto]

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 :

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

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

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

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é

[roro06]

Bonjour

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

Code :

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

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

(glop)
ou alors, a la rigueur :

Code :

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

document.form3.submit();

(pas glop)

Mais la tienne :

Code :

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

document.forms.form3.submit();

me chiffonne un peu

[Matthieu2000]

au choix

Code :

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

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

[roro06]

prem's lol !

[Bisûnûrs]

Je rajouterais :

Code :

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

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

[gagnesto]

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

[Matthieu2000]

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

[roro06]

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

[Bisûnûrs]

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 :

%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 :

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

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

Code :

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

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 :

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

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

Code :

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

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

[SpaceFrog]

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