Erreur sous firefox et non sous IE...

Salut tout le monde !

Voilà, comme le dit si bien le titre de ce topic, j'ai une erreur sous firefox (mozilla) et non sous IE.

Voici mon code :

Code:

---

1 2 3 4 5

<script> function appel() { location.href="materiels.shtml?typeProduit="+typeProd.options[typeProd.selectedIndex].value </script>

---

Mozilla me sort comme ça "Oui heu..., typeProd n'est pas défini" et pourtant si, il s'agit d'une liste déroulante.

Si quelqu'un peut m'aider, ce serait chouette !!

Bye :wink:

Euh, typeProd est peut être défini comme un élément HTML, mais tu ne l'adresse pas correctement pour en faire une variable JavaScript... Tu as deux solutions pour ce faire:

• Soit lui affecter un id (typeProId) et faire:
  
  Code:

  ---

  1 2	var myProSelect = document.getElementId('typeProId');

  ---

• Soit utiliser l'accès par les vecteurs de ton document:
  
  Code:

  ---

  1 2	var myProSelect = document.forms['nomFormulaire'].elements['typePro'];

  ---

La variable (javaScript) myProSelect contient alors une référence sur ton élément HTML.

Les deux sont compatibles avec tous les navigateurs actuels. La premiere est celle que je prefere et celle qui sera compatible avec les navigateurs futurs. La seconde est l'ancienne méthode, plus compatible avec les vieux navigateurs, mais moins avec les futurs....

Cool, je vais essayer cela et te tiens au courant. Merci !!

Heu... juste une p'tite question (idiote) la déclaration de la variable tu l'a met où ? J'ai fait cela :

Code:

---

1 2 3 4 5 6 7 8

function appel() { var myProSelect = document.getElementId("typeProId"); location.href="materiels.shtml?typeProduit="+myProSelect.value + "&contenu="+myProSelect.text; } </script> <center><select name="typeProd" onchange="appel();"> '.$inter.'</option> </select>

---

mais Mozilla me cherche encore des ennuis. Désolé, j'y connais vraiment rien de chez rien en JS :(

Tout d'abord as-tu correctement mis un id à ton select?

Code:

---

1 2	<select name="typeProd" id="typeProdId" onchange="appel();">

---

Ensuite, ta façon de rechercher la value de l'élément selectionné était la bonne, il faut la garder... De plus, location.href est en lecture seule (enfin en théorie), il faut utiliser replace:

Code:

---

1 2	document.location.replace("materiels.shtml?typeProduit="+myProSelect.options[myProSelect.selectedIndex].value + "&contenu="+myProSelect.options[myProSelect.selectedIndex].firstChild.data);

---

Enfin, l'accès au text de l'option était mauvais, je l'ai corrigé...

Tu es dans la bonne voie
:wink:

Doux Jésus... ça ne marche toujours po, j'ai beau me gratter la tête, il y a toujours un problème, le même en faite. Mozilla me dit que "myProSelect has no properties" pourtant tout me parait cohérent !

Code:

---

1 2 3 4 5 6 7 8 9 10

<script type="text/javascript">   function appel() { var myProSelect = document.getElementById("typeProId"); document.location.replace("materiels.shtml?typeProduit="+myProSelect.options[myProSelect.selectedIndex].value + "&contenu="+myProSelect.options[myProSelect.selectedIndex].firstChild.data); } </script>   <center><select name="typeProd" id="typeProdId" onchange="appel();"> '.$inter.'</option> </select></center>

---

Par contre, il me semble que c'est plutot getElementById que getElementId car mozilla ne reconnaissait pas cette dernière fonction.

Effectivement c'est getElementById, désolé, mais j'ai pas assez réfléchi avant de taper.

Sinon, dans ton cas, tu as un id "typeProId" à un endroit et "typeProdId" à un autre. A part ça, je pense que c'est bon :)

lol, le couillon que je peux faire !! En tout cas un grand merci, ça marche du feu de dieu !!!!

Bonne journée !!