Problème avec createElement et option sous Firefox

**krapno** · 28/04/2006, 00h36

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 :

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

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

**denisC** · 28/04/2006, 08h17

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

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

**javatwister** · 28/04/2006, 09h19

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;

**denisC** · 28/04/2006, 09h36

Envoyé par krapno

o = document.all.item_id;

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

**krapno** · 28/04/2006, 12h05

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 :

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

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 ?

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

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

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 :

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

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 :

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

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

**javatwister** · 28/04/2006, 12h20

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

ça n'a pas grand sens...

**krapno** · 28/04/2006, 13h33

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

**javatwister** · 28/04/2006, 13h38

mais pas add

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

**krapno** · 28/04/2006, 14h44

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

**krapno** · 28/04/2006, 15h23

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

Code :

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

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 :

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

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 !

**denisC** · 28/04/2006, 15h25

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 !

http://javascript.developpez.com/faq...jax.asynchrone

**krapno** · 28/04/2006, 15h40

il me faut une deuxième fusée ??

désolé me cette définition de XHR ne m'aide absoluement pas à comprendre ...

**denisC** · 28/04/2006, 15h42

Envoyé par krapno

il me faut une deuxième fusée ??

désolé me cette définition de XHR ne m'aide absoluement pas à comprendre ...

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

**krapno** · 28/04/2006, 18h14

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 :

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

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 :

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

Erreur: items is not defined

je pète un câble dans 5 minutes

**FremyCompany** · 28/04/2006, 18h26

et c'est pas mieux

Code :

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

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

?

**krapno** · 28/04/2006, 18h32

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

Code :

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

items.length

**FremyCompany** · 28/04/2006, 18h35

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

**krapno** · 28/04/2006, 18h49

syntaxe actualisée:

Code :

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

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){ ...

**FremyCompany** · 28/04/2006, 18h51

Ah sorry...
et si tu fait

Code :

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

XmlDoc.responseXML.getElementsByTagName("item");

?

**krapno** · 28/04/2006, 18h53

Envoyé par FremyCompany

Ah sorry...
et si tu fait

Code :

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

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

Problème avec createElement et option sous Firefox

JavaScript

Discussions similaires

Partager

Partager