Problème avec createElement et option sous Firefox

Version imprimable

bonjour,

je génère un <select> dynamiquement avec javascript et une source XML, la fonction suivante fonctionne parfaitement sous IE mais pas sous Firefox, ce pourquoi je sollicite votre aide, en vous remerciant par avance, voici ma fonction:

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
29
30
o = document.all.item_id;
while (o.options.length){
 o.options.remove(0);
}
o.options.remove(0);
oOption = document.createElement("OPTION");
oOption.value = "";
oOption.text = "Select an item ...";
o.add(oOption);
var itemsxml = document.createElement("XML");
itemsxml.async = false;
XMLSRC = "module_xml.asp?keywords=" + keywords;
itemsxml.load(XMLSRC);
var items = itemsxml.selectNodes("//item");
if (items.length > 0){
 for(var i = 0; i < items.length; i++) { 
  oOption = document.createElement("OPTION");
  oOption.value = items.item(i).selectSingleNode("item_id").text;
  oOption.text = items.item(i).selectSingleNode("item_name").text;
  o.add(oOption);
 }
 o.disabled=false;
} else {
 o.options.remove(0);
 oOption = document.createElement("OPTION");
 oOption.value = "";
 oOption.text = "No corresponding item ...";
 o.add(oOption);
 o.disabled=true;
}

Cordialement

28/04/2006, 08h17
denisC

Ca c'est pas bon sous firefox. Il faut utiliser Ajax pour aller chercher ton document XML.

Citation:

var itemsxml = document.createElement("XML");
itemsxml.async = false;
XMLSRC = "module_xml.asp?keywords=" + keywords;
itemsxml.load(XMLSRC);

Sinon, le nom des balises doit être en minusucules dans les méthodes createElement....
28/04/2006, 09h19
javatwister

la méthode add requiert un 2e argument;

ou ça se complique, c'est que:
Ffx accepte "null" mais pas IE;
IE accepte "false" mais pas Ffx;
finalement, undefined met tout le monde d'accord;
28/04/2006, 09h36
denisC

Citation:

Envoyé par krapno

o = document.all.item_id;

Pas de document.all en Firefox. Passe par getElementById.

bonjour, et merci pour vos réponses,

alors j'ai remplacé les majuscules par des minuscules et remplacé:

var o = document.all.item_id;
par
var o = document.getElementById("item_id");

o.options.remove(0);
par
o.remove(0);

mais pas

o.add(oOption);
par des
o.add(oOption,'undefined');

car o.add(oOption); marche sous IE et Firefox (voir code suivant):
Code:

1 2 3 4 5 oOption = document.createElement("option"); o.appendChild(oOption); oOption.value = ""; oOption.text = "Select an item ..."; o.add(oOption);
ensuite vous me parlez de Ajax (une nouvelle lessive ? :D ) alors j'ai fais quelques recherches mais je ne parviens pas à trouver un exemple simple correspondant à ce que je veux faire dans la partie suivante:
Code:

1 2 3 4 5 var itemsxml = document.createElement("xml"); itemsxml.async = false; XMLSRC = "module_xml.asp?keywords=" + keywords; itemsxml.load(XMLSRC); var items = itemsxml.selectNodes("//item");
voici la version mise à jour de ma fonction:
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 29 30 31 32 33 34 35 36 function Search_Item(keywords){ if (keywords.length >= 4){ var o = document.getElementById("item_id"); var itemsxml = document.createElement("xml"); itemsxml.async = false; XMLSRC = "module_xml.asp?keywords=" + keywords; itemsxml.load(XMLSRC); var items = itemsxml.selectNodes("//item"); if (items.length >= 0){ while (o.options.length) { o.remove(0); } oOption = document.createElement("option"); o.appendChild(oOption); oOption.value = ""; oOption.text = "Select an item ..."; o.add(oOption); for(var i = 0; i < items.length; i++) { oOption = document.createElement("option"); o.appendChild(oOption); oOption.value = items.item(i).selectSingleNode("item_id").text; oOption.text = items.item(i).selectSingleNode("item_name").text; o.add(oOption); } o.disabled=false; } else { o.remove(0); oOption = document.createElement("option"); o.appendChild(oOption); oOption.value = ""; oOption.text = "No corresponding item ..."; o.add(oOption); o.disabled=true; } } }
et un exemple de source xml que je veux charger:
Code:

1 2 3 4 5 6 <?xml version="1.0" encoding="ISO-8859-1"?> <items> <item><item_id>1</item_id><item_name>Mon item 1</item_name></item> <item><item_id>2</item_id><item_name>Mon item 2</item_name></item> <item><item_id>3</item_id><item_name>Mon item 3</item_name></item> </items>
merci pour votre aide, j'espère en même temps que ces syntaxes en aideront d'autres :)

28/04/2006, 12h20
javatwister

tu fais en même temps un appendChild et un add?

ça n'a pas grand sens...
28/04/2006, 13h33
krapno

Citation:

Envoyé par javatwister

tu fais en même temps un appendChild et un add?

ça n'a pas grand sens...

oui c'est vrai, appendChild marche pour les 2 navigateurs mais pas add, je n'utilise plus que appendChild maintenant mais je n'ai toujours pas trouvé comment récupérer mes données XML :?
28/04/2006, 13h38
javatwister

Citation:

mais pas add

je t'ai pourtant expliqué ce qu'il en était...
28/04/2006, 14h44
krapno

Citation:

Envoyé par javatwister

je t'ai pourtant expliqué ce qu'il en était...

oui, j'ai du avoir un problème de cache en fait :)

bon j'ai essayé ceci pour charger ma source XML:
Code:

1 2 3 4 5 6 7 XMLSRC = "module_xml.asp?keywords=" + keywords; xmlDoc = new XMLHttpRequest(); xmlDoc.overrideMimeType('text/xml'); xmlDoc.open('GET', XMLSRC, false); xmlDoc.send(null); if (this.xmlDoc.readyState == 4) itemsxml = xmlDoc.responseXML.documentElement; var items = itemsxml.responseXML.selectNodes("//item");
mais j'obtiens l'erreur suivante:

Code:

itemsxml.responseXML has no properties

:? çà m'éverve çà m'énerve, 90% des exemples que je trouve sur Internet sont pour IE ou ne sont pas clairs au secours !

28/04/2006, 15h25
denisC

Citation:

Envoyé par krapno

:? çà m'éverve çà m'énerve, 90% des exemples que je trouve sur Internet sont pour IE ou ne sont pas clairs au secours !

:faq:
http://javascript.developpez.com/faq...jax.asynchrone
28/04/2006, 15h40
krapno

il me faut une deuxième fusée ?? 8O
désolé me cette définition de XHR ne m'aide absoluement pas à comprendre ... :cry:
28/04/2006, 15h42
denisC

Citation:

Envoyé par krapno

il me faut une deuxième fusée ?? 8O
désolé me cette définition de XHR ne m'aide absoluement pas à comprendre ... :cry:

Non, une seule.... Mais il faut utiliser onreadystatechange.

alors j'ai contacté la NASA et de toute façon je n'ai pas le budget pour une autre fusée donc j'ai écris ceci:
Code:

1 2 3 4 5 6 7 8 9 10 XMLSRC = "module_xml.asp?keywords=" + keywords; xmlDoc = new XMLHttpRequest(); xmlDoc.overrideMimeType('text/xml'); xmlDoc.open("GET", XMLSRC, false); xmlDoc.onreadystatechange = function() { if (this.xmlDoc.readyState == 4) { var items = xmlDoc.responseXML.documentElement.selectNodes("//item"); } } xmlDoc.send(null);
et Firefox me dit d'alle rme faire voir:

Code:

Erreur: items is not defined

je pète un câble dans 5 minutes :aie:

28/04/2006, 18h26
FremyCompany

et c'est pas mieux

Code:

xmlDoc.responseXML.documentElement.getElementsByTagName("item");

?
28/04/2006, 18h32
krapno

en fait l'erreur provient de la méthode:

Code:

items.length
28/04/2006, 18h35
FremyCompany

C'est bien ce que je dis : items ne vaut "undefinied", car selectNodes n'existe pas sour FF.
Essaie ce que j'ai mis à la palce de ce que tu as mis pour voir...

syntaxe actualisée:
Code:

1 2 3 4 5 6 xmlDoc.onreadystatechange = function() { if (this.xmlDoc.readyState == 4) { var items = xmlDoc.responseXML.documentElement.getElementsByTagName("item"); } } xmlDoc.send(null);
j'obtiens items is not defined sur la ligne suivante et qui est:

if (items.length >= 0){ ...

28/04/2006, 18h51
FremyCompany

Ah sorry...
et si tu fait

Code:

XmlDoc.responseXML.getElementsByTagName("item");

?
28/04/2006, 18h53
krapno

Citation:

Envoyé par FremyCompany

Ah sorry...
et si tu fait

Code:

XmlDoc.responseXML.getElementsByTagName("item");

?

pareil :?

si je déclare items plus en amont avec un
var items;

j'obtiens un
Erreur: items has no properties
28/04/2006, 19h51
FremyCompany

Essaie moi ca pour voir :

Code:

alert(xmlDoc.responseXml != null + "\n" + typeof (xmlDoc.responseXml) + "\n" + xmlDoc.responseXml)

Quel est le texte affiché ?

1° Boolean : Evalue l'expression :
-----Si false alors ton XML contient des fautes.
2° String : Type de responseXml :
-----Pour voir
3° Deuxième methode pour faire quelques observations....
28/04/2006, 20h06
krapno

true

et c'est tout :roll:

Oh pardon, je pige pourquoi...

Code:

1
2
3
 
 
alert((xmlDoc.responseXml != null) + "\n" + typeof (xmlDoc.responseXml) + "\n" + xmlDoc.responseXml)

28/04/2006, 20h40
siddh

tant que tu mettras responseXml au lieu responseXML
ca marchera pas ...

et fais toi un alert du responseText pour vérifier que tu récupère bien ce que tu veux

true
object
[object XMLDocument]

et dans la console j'ai:

Code:

1
2
3
Erreur : [Exception... "'Permission refusée d'obtenir la propriété XULElement.selectedIndex' when calling method: [nsIAutoCompletePopup::selectedIndex]"  nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)"  location: "JS frame :: <a href="http://www.monsite.com/default.asp" target="_blank">http://www.monsite.com/default.asp</a> :: Search_Item :: line 171"  data: no]
Fichier Source : <a href="http://www.monsite.com/default.asp" target="_blank">http://www.monsite.com/default.asp</a>
Ligne : 171

suivit de:

Code:

1
2
3
Erreur : items has no properties
Fichier Source : <a href="http://www.monsite.com/default.asp" target="_blank">http://www.monsite.com/default.asp</a>
Ligne : 173

lign 173 j'ai le items.length

28/04/2006, 20h54
siddh

utilise un autre nom de variable que items
28/04/2006, 20h56
krapno

j'ai remplacé items par MyItems ... même erreurs ... :arf:
28/04/2006, 21h02
siddh

apparement c est un bug connu et il suffirais de mettre

Code:

<input type="text" autocomplete="off" name="fname">

dans ta page
28/04/2006, 21h30
FremyCompany

Citation:

Envoyé par siddh

apparement c est un bug connu et il suffirais de mettre

Code:

<input type="text" autocomplete="off" name="fname">

dans ta page

Vraiment ? Tu as trouvé ca ou ?
28/04/2006, 21h33
krapno

Citation:

Envoyé par siddh

apparement c est un bug connu et il suffirais de mettre

Code:

<input type="text" autocomplete="off" name="fname">

dans ta page

ceci ne résout rien et ajoute une erreur en supplément:

Code:

Erreur : uncaught exception: [Exception... "Component returned failure code: 0x8000ffff (NS_ERROR_UNEXPECTED) [nsIDOMTreeWalker.nextNode]" nsresult: "0x8000ffff (NS_ERROR_UNEXPECTED)" location: "JS frame :: chrome://global/content/bindings/button.xml :: fireAccessKeyButton :: line 93" data: no]

je commence à douter des réelles capacités de Firefox, s'il faut je cherche à faire l'impossible :(
28/04/2006, 21h46
FremyCompany
passe toi de items.length dans ce cas...
Essaie ceci :
Code:

1 2 3 for (Myitem in Myitems) { //Action sur l'item }
28/04/2006, 22h56
krapno

je veux bien mais MyItems est toujours "not defined" ou sans "properties" , j'arrête de me casser la tête sur ce problème pour aujourd'hui, si tu veux essayer de générer un select dynamiquement je te donne l'url de la source xml, son contenu est dynamique (1 à 10 items aléatoirement):

http://82.234.185.223/default.asp

sur ce je vais prendre une aspirine, merci pour votre aide en tout les cas :)
29/04/2006, 11h32
krapno

et bien ? personne ne sait comment faire ? :(
29/04/2006, 12h14
FremyCompany

Si. Mais je suis étudiant, et la je dois bosser.
Je te promet que je plancherai sur ton truc aujourd'hui en fin d'après-midi ou demain.
29/04/2006, 12h34
krapno

bin moi j'ai trouvé :mrgreen:
je viens de comprendre cette histoire de fusée !

par contre il me faut déterminer maintenant items.length ...

EDIT: ah bin çà y est j'ai trouvé, items.getElementsByTagName('item').length

merci pour votre aide, mon script marche aussi bien sous IE que sous Firefox maintenant :mrgreen:
29/04/2006, 12h53
FremyCompany

Donne moi un peu le code (JS) que tu utilise pour envoyer ta requête et en traiter les données pour voir...

je te colle la fonction complète, certaines partie sont liées à la manière dont je l'utilise et ne sont donc pas directement liées au topic mais le reste est assez clair:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 var xmlDoc = null;
 function GetXmlDoc(){
  if(window.XMLHttpRequest)
   xmlDoc = new XMLHttpRequest(); 
  else if(window.ActiveXObject){ 
   try {
    xmlDoc = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
    xmlDoc = new ActiveXObject("Microsoft.XMLHTTP");
   }
  }
  else {
     alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
     xmlDoc = false; 
  } 
 }
 function go(c){
  if(!c.data.replace(/\s/g,''))
   c.parentNode.removeChild(c);
 }
 function clean(d){
  var bal=d.getElementsByTagName('item');
  for(i=0;i<bal.length;i++){
   a=bal[i].previousSibling;
   if(a && a.nodeType==3)
    go(a);
   b=bal[i].nextSibling;
   if(b && b.nodeType==3)
    go(b);
  }
  return d;
 }
 function Search_Item(keywords){
  var o = document.getElementById("item_id");
  if ((keywords.length >= 3) && (keywords != "keywords")){
   XMLSRC = "module_xml.asp?keywords=" + keywords;
   GetXmlDoc();   
   xmlDoc.onreadystatechange = function() {
    if(xmlDoc.readyState == 4 && xmlDoc.status == 200){
     items = clean(xmlDoc.responseXML.documentElement);
     itemsLength = items.getElementsByTagName('item').length;
     if (itemsLength > 0) {
      while (o.options.length) {
       o.remove(0);
      }
      oOption = document.createElement("option");
      o.appendChild(oOption);
      oOption.value = "";
      oOption.text = "Select an item ...";
      for(var i = 0; i < itemsLength; i++) {
       oOption = document.createElement("option");
       o.appendChild(oOption);
       oOption.value = items.getElementsByTagName("item_id")[i].firstChild.nodeValue;
       oOption.text = items.getElementsByTagName("item_name")[i].firstChild.nodeValue;
      }
      o.disabled=false;
     } else {
      o.remove(0);
      oOption = document.createElement("option");
      o.appendChild(oOption);
      oOption.value = "";
      oOption.text = "No corresponding item ...";
      o.disabled=true;
     }
    }
   }   
   xmlDoc.open("GET", XMLSRC, true);
    xmlDoc.send(null);
  }
 }

@+ ;)

Source : http://siddh.developpez.com/articles/ajax/