Problème avec createElement et option sous Firefox

Version imprimable

Voir 40 message(s) de cette discussion en une page

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

Voir 40 message(s) de cette discussion en une page