Incompatibilité IE / FireFox

Version imprimable

11/06/2010, 17h28
PrinceMaster77

Incompatibilité IE / FireFox

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:

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 ?
11/06/2010, 19h34
SpaceFrog

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

Code html

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

Code:

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:

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>

14/06/2010, 09h32
SpaceFrog

essaye plus simplement:

Code:

var AffPageTypeGr = document.getElementById('Grammage').value;
14/06/2010, 10h15
PrinceMaster77

idem

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

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

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

14/06/2010, 11h33
PrinceMaster77

Version

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
14/06/2010, 11h37
SpaceFrog

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
14/06/2010, 11h57
devyan

Bonjour,

et avec

Code:

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

Ça ne change rien ?
14/06/2010, 12h02
PrinceMaster77

Toujours pas

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
14/06/2010, 12h08
PrinceMaster77

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

1 2 document.getElementById('AffPage_TypeGrammage').value = AffPageTypeGr;
14/06/2010, 12h09
devyan

Tu as bien mis un doctype ? Lequel ?
14/06/2010, 12h09
RomainVALERI

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")
14/06/2010, 12h09
andry.aime

Bonjour,
Peut-on voir un peu plus sur le code html du formulaire?
14/06/2010, 12h15
devyan

Citation:

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

Code html

Voici mes lignes de code :

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

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

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