Incompatibilité IE / FireFox

**PrinceMaster77** · 11/06/2010, 17h28

Bonjour a tous,

J'ai une liste déroulante et dans le select de cette liste je voudrais utiliser la valeur choisi, j'ai pour cela cette ligne de commande :

Code :

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

var AffPageTypeGr = document.getElementById('Grammage').options[document.getElementById('Grammage').selectedIndex].value;

Mon soucis est que cette ligne fonctionne parfaitement sur IE, mais pas du tout sous FireFox.

Comment puis je l'adapter pour qu'elle soit utilisable sur tous les navigateurs ?

**SpaceFrog** · 11/06/2010, 19h34

le js est correct ...
on peut voir le html ?

**PrinceMaster77** · 14/06/2010, 09h26

Désolé, voici le code html avec un peu de retard :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function ChangeGr(){
 var AffPageTypeStock = '';
 var ArticleCommande = document.getElementById('TextPanierCommande').value;
 document.getElementById('AffPage_ArticleCommande').value = ArticleCommande;
 
 var AffPageTypeGr = document.getElementById('Grammage').options[document.getElementById('Grammage').selectedIndex].value;
 document.getElementById('AffPage_TypeGrammage').value = AffPageTypeGr;
 AffPage('Stock',AffPageTypeStock);
}

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
 
<td>
 <b Class="text">Affichage des articles par grammage : </b>
 <select id="Grammage" name="Grammage" OnChange="ChangeGr();">
  <option value=80 selected>80</option>
  <option value=90 >90</option>
  <option value=100 >100</option>
  <option value=115 >115</option>
  <option value=130 >130</option>
  <option value=150 >150</option>
  <option value=170 >170</option>
  <option value=200 >200</option>
  <option value=250 >250</option>
  <option value=300 >300</option>
 </select>
</td>

**SpaceFrog** · 14/06/2010, 09h32

essaye plus simplement:

Code :

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

var AffPageTypeGr = document.getElementById('Grammage').value;

**PrinceMaster77** · 14/06/2010, 10h15

Idem, ca fonctionne tres bien sous IE, mais pas du tout sous FireFox

**SpaceFrog** · 14/06/2010, 10h16

quelle version d'IE ???
j'ai testé sou ffx et IE avec succès ..

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
 
<script type="text/javascript">
 
function ChangeGr(){
var AffPageTypeGr = document.getElementById('Grammage').value;
alert(AffPageTypeGr)
}
 
 
</script>
</head>
 
<body>
 <select id="Grammage" name="Grammage" OnChange="ChangeGr();">
  <option value="80" selected>80</option>
  <option value="90" >90</option>
  <option value="100" >100</option>
  <option value="115" >115</option>
  <option value="130" >130</option>
  <option value="150" >150</option>
  <option value="170">170</option>
  <option value="200" >200</option>
  <option value="250" >250</option>
  <option value="300" >300</option>
 </select>
 
</body>
 
</html>

**PrinceMaster77** · 14/06/2010, 11h33

J'ai une version 8 de IE et 3.6.3 de FireFox.
J'ai recopié le code plusieurs fois sans parvenir a le faire marcher sous Firefox

**SpaceFrog** · 14/06/2010, 11h37

j'ai les mêmes version de IE et ffx et ça roule ...
tu as teste juste le code donné ???
tu n'aurais pas plusieurs id identiques sur la page ??
il y a sans doute un souci de nommage de variables ou d'objet

**devyan** · 14/06/2010, 11h57

Bonjour,

et avec

Code :

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

<option value="80" selected="selected">80</option>

Ça ne change rien ?

**PrinceMaster77** · 14/06/2010, 12h02

J'ai noté selected="selected" mais cela ne change rien, cela fonctionne toujours pas sous FireFox.

J'ai vérifier tous les ID, pas de soucis de nommage, j'ai réécris les lignes de codes plusieurs fois sans succès

**PrinceMaster77** · 14/06/2010, 12h08

Mon blocage viendrais de ces lignes de code me permettant de reporter les valeurs dans un input

Code :

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

1
2
 
document.getElementById('AffPage_TypeGrammage').value = AffPageTypeGr;

**devyan** · 14/06/2010, 12h09

Tu as bien mis un doctype ? Lequel ?

**RomainVALERI** · 14/06/2010, 12h09

Tant qu'on en est à corriger les petites inconformités qui sont susceptibles de poser (aujourd'hui ou plus tard) des soucis :

>>> poser des guillemets autour des valeurs des propriétés de balises (déjà corrigé par devyan, mais à généraliser)
>>> donner la valeur de la propriété selected (idem, merci devyan ^^)
>>> mettre les noms de propriétés en minuscules (ex : "onChange" devrait être "onchange")

**andry.aime** · 14/06/2010, 12h09

Bonjour,
Peut-on voir un peu plus sur le code html du formulaire?

**devyan** · 14/06/2010, 12h15

Envoyé par PrinceMaster77

Mon blocage viendrais de ces lignes de code me permettant de reporter les valeurs dans un input

[code]
document.getElementById('AffPage_TypeGrammage').value = AffPageTypeGr;
[code]

Il n'y a pas d'élément ayant cet id (AffPage_TypeGrammage) dans le code fourni...

**PrinceMaster77** · 14/06/2010, 12h18

Voici mes lignes de code :

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
37
38
39
40
41
42
43
44
45
46
 
<script type="text/javascript">
 <!--
  function ChangeGrammage(){
   var AffPageTypeStock = '';
   var ArticleCommande = document.getElementById('TextPanierCommande').value;
   //document.getElementById('AffPage_ArticleCommande').value = ArticleCommande;
 
   var AffPageTypeGr = document.getElementById('Grammage').options[document.getElementById('Grammage').selectedIndex].value;
   //var AffPageTypeGr = document.getElementById('Grammage').value;
   alert(AffPageTypeGr);
   document.getElementById('AffPage_TypeGrammage').value = AffPageTypeGr;
 
   AffPage('Stock',AffPageTypeStock);
  }
 // -->
</script>
 
<form name="AffPage_Stock">
 <input type="Text" name="AffPage_TypeGrammage" value="80">
 <input type="text" name="AffPage_ArticleCommande" value="">
</form>
 
<table align="center">
<tr>
<td Colspan="10" align=center>
<table>
 <tr><td height=10px>&nbsp;</td></tr>
 <tr>																					
  <td>
   <b Class="text">Affichage des articles par grammage : </b>
   <select id="Grammage" name="Grammage" OnChange="ChangeGrammage();">
    <option value=80 selected="selected">80</option>
    <option value=90 selected="">90</option>
    <option value=100 selected="">100</option>
    <option value=115 selected="">115</option>
    <option value=130 selected="">130</option>
    <option value=150 selected="">150</option>
    <option value=170 selected="">170</option>
    <option value=200 selected="">200</option>
    <option value=250 selected="">250</option>
    <option value=300 selected="">300</option>
   </select>
  </td>
 </tr>
</table>

**andry.aime** · 14/06/2010, 12h21

Tes input n'ont pas d'id mais seulement de name or que IE confond l'attribut id avec le name.

Code HTML :

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

1
2
<input type="Text" name="AffPage_TypeGrammage"  id"AffPage_TypeGrammage" value="80">
 <input type="text" name="AffPage_ArticleCommande" id="AffPage_ArticleCommande" value="">

Incompatibilité IE / FireFox

JavaScript

Discussions similaires

Partager

Partager