Discussion :

[krapno]

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]

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]

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]

o = document.all.item_id;

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

[krapno]

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]

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

ça n'a pas grand sens...

[krapno]

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]

mais pas add

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