[DOM] Soucis de manipulation du DOM sous IE

Version imprimable

Bonjour/bonsoir ...
Mon problème est le suivant, j'ai créé une fonction qui parcour un formulaire donné et me retourne une chaine composée des noms des champs INPUT suivis de leur valeur... (style passage d'argument en méthode post) : champ1=valeur1&champ2=valeur2
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function setPostParams(form_Name){ var str='';var flag=false; for(var i=0 in document.forms[form_Name].elements){ if(document.forms[form_Name].elements[i].nodeName=='INPUT' ){ if(flag==true){ str+="&"+document.forms[form_Name].elements[i].name+"="+document.forms[form_Name].elements[i].value; } else { str+=""+document.forms[form_Name].elements[i].name+"="+document.forms[form_Name].elements[i].value; flag=true; } } } alert(str); }
Celà fonctionne très bien dans FireFox mais pas dans IE qui lui semble ne pas comprendre l'attribut 'nodeName'

Je m'arrache les cheveux alors celui qui a une solution m'épargnerai la perruque !
Merci d'avance !

PS : J'ai bien vu des choses sur google mais bien trop lourdes pour ce que je veux en faire.

09/11/2008, 21h39
Jumano

Bonsoir,
As tu essayé de remplacer "nodeName" par "tagName".
09/11/2008, 22h24
foolib

Merci pour l'interet,

Si je remplace nodeName par tagName tel que dans le code,
je vérifie alors avec un alert ce qu'il comprend

Code:

alert (document.forms[form_Name].elements[i].tagName);

IE retourne undefined. :(

bonjour,

et comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
function setPostParams(form_id)
{
  var str="", i, n;
  var flag = false;
  var tabEl = document.getElementById(form_id).getElementsByTagName("*");
 
  n = tabEl.length;
 
  for (i=0; i<n; i++)
  {
    if (tabEl[i].tagName.toLowerCase()=="input")
    {
      if (flag)
      {
        str += "&" + tabEl[i].name+"="+tabEl[i].value;
      }
      else
      {
        str += ""+ tabEl[i].name+"="+tabEl[i].value;
        flag = true;
      }
    }
 
  }
 
  alert(str);
}

:question:

ou mieux encore :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
function setPostParams(form_id)
{
  var str="", i, n;
  var tabEl = document.getElementById(form_id).getElementsByTagName("input");
 
  n = tabEl.length;
 
  for (i=0; i<n; i++)
  {
      if (i>0)
      {
        str += "&" + tabEl[i].name+"="+tabEl[i].value;
      }
      else
      {
        str += ""+ tabEl[i].name+"="+tabEl[i].value;
      }    
  }
 
  alert(str);
}

attention : le paramètre de la fonction n'est plus le name du formulaire mais son id (il faudra donc le définir si tu ne l'as pas fait). Par exemple :

Code:

1
2
3
4
5
 
<form id="idFormulaire" name="nameFormulaire">
 
<!-- ton formulaire -->
</form>

appel de la fonction :

Code:

setPostParams("idFormulaire")

09/11/2008, 23h31
foolib

Merci pour cette réponse rapide!
Effectivement ça fonctionne :king:
j'avais pensé à passer par getElementById ... Mais toujours fidèle à moi même, je n'aime pas rester sur une impasse et j'aurai aimé savoir comment faire en utilisant les fonctions de parcourt du DOM sous ie.
Donc si quelqu'un sait je le prie de bien vouloir allumer ma lanterne, merci d'avance :roll:
09/11/2008, 23h43
Auteur

getElementById() et getElementsByTagName() ce n'est pas du DOM :koi:

En plus c'est plus efficace que

Code:

document.forms[form_Name].elements[i]

Citation:

Envoyé par Auteur

ou mieux encore :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
...  
  for (i=0; i<n; i++)
  {
      if (i>0)
      {
        str += "&" + tabEl[i].name+"="+tabEl[i].value;
      }
      else
      {
        str += ""+ tabEl[i].name+"="+tabEl[i].value;
      }    
  }
...

Ou:

Code:

1
2
3
4
  for (i=0; i<n; i++) {
      if (i>0) str += "&";
      str += tabEl[i].name + "=" + tabEl[i].value;
  }

A+

La vérité est ailleurs ...

J'ai fait plusieurs tests et je me suis aperçu qu'en fait IE parcourt differement les tableaux d'objets HTMLElements dans la boucle for( ... in ...) par rapport à Firefox.
Et il s'avère que le code suivant fonctionne !:yaisse2:
Code:

1 2 3 4 5 6 7 8 9 10 function setPostParams(form_Name){ var str=''; var n=document.forms[form_Name].elements.length; for(var i=0 ;i<n;i++){ if(document.forms[form_Name].elements[i].nodeName=='INPUT'){ if(i>0) {str+="&";} str+=""+document.forms[form_Name].elements[i].name+"="+document.forms[form_Name].elements[i].value; } } return str; }
L'attribut nodeName est donc bien connu sous ie (ie7 pour l'exemple)
Conclusion : Attention à la boucle for(...in...)
Merci à tous !:)