Firefox fonctionne comment sur le select ?

Version imprimable

Bonjour,
bien qu'ayant parcouru le forum, je ne trouve pas de réponse à mon souci avec Firefox (marche sous IE8) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function ChangerClient () {
var Nom            = document.getElementById('Client');
var NomDetail    = document.getElementById('Libelle'); 
var Selection    = document.FormeSaisie.Client; 
var Index        = document.FormeSaisie.Client.selectedIndex; 
var Navigateur = navigator.appName;
Nom.value        = Selection.options[Index].value; 
alert('Nom:'+Nom.value); 
if (Navigateur == 'Netscape') {
  NomDetail.value    = Selection.options[Index].innerHTML; 
} else {
  NomDetail.value    = Selection.options[Index].text; 
} 
alert('NomDetail:'+NomDetail.value);
}
<select name='Client' id='Client' onChange="ChangerClient()">
<option value='1'>Gilbert</option>
<option value='2'>Gaston</option>
<option value='3'>Richard</option>
</select>

Bonjour,

N'ayant pas de détails concernant le problème rencontré, j'ai fait un petit test avec ce 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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>test</title>
	<style type="text/css">
 
	</style>
	<script type="text/javascript">
	function ChangerClient () {
	var Nom            = document.getElementById('Client');
	var NomDetail    = document.getElementById('Libelle'); 
	var Selection    = document.FormeSaisie.Client; 
	var Index        = document.FormeSaisie.Client.selectedIndex; 
	var Navigateur = navigator.appName;
	Nom.value        = Selection.options[Index].value; 
	alert('Nom:'+Nom.value); 
	if (Navigateur == 'Netscape') {
	  NomDetail.value    = Selection.options[Index].innerHTML; 
	} else {
	  NomDetail.value    = Selection.options[Index].text; 
	} 
	alert('NomDetail:'+NomDetail.value);
	}
	</script>
</head>
<body>
<form name="FormeSaisie">
	<select name='Client' id='Client' onChange="ChangerClient()">
	<option value='1'>Gilbert</option>
	<option value='2'>Gaston</option>
	<option value='3'>Richard</option>
	</select>
	<input type="text" id="Libelle"/>
</form>
</body>
</html>

qui fonctionne très bien sur mon firefox...

19/03/2011, 11h46
SpaceFrog

et la question est ?
19/03/2011, 12h52
javatwister

moi pas comprendre;

sinon, les arguments de fonction, tu connais?
19/03/2011, 17h17
a028762

La question est ...
la question est ; que faut-il mettre à la place de

Code:

NomDetail.value = ....

car la ligne pour IE
Code:

1 2 NomDetail.value = Selection.options[Index].text; provoque un arrêt du javascript
19/03/2011, 17h25
nadox

Citation:

Envoyé par a028762

Bonjour,
bien qu'ayant parcouru le forum, je ne trouve pas de réponse à mon souci avec Firefox (marche sous IE8) :

Je ne comprends pas, c'est un problème sur IE ou Firefox ?
19/03/2011, 18h07
a028762

sous Firefox ...
c'est une coquille
désolé

Comme dit plus haut : je ne constate pas de soucis de mon coté.

Par contre ce code me fait très mal au yeux... Même si il fonctionne !

Pourquoi récupérer le select deux fois ? (avec l'id et le name)

Pourquoi tout mettre dans des variables intermédiaires ?

Eventuellement, voici un code un peu plus propre(vite fait) qui fonctionne et élimine(en partie) les absurdités du code précédent...
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 <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>test</title> <style type="text/css"> </style> <script type="text/javascript"> function changerClient(oSelection) { var oLibelle = document.getElementById('Libelle'); var Navigateur = navigator.appName; if (Navigateur == 'Netscape') { oLibelle.value = oSelection.options[oSelection.selectedIndex].innerHTML; } else { oLibelle.value = oSelection.options[oSelection.selectedIndex].text; } alert('oLibelle:'+oLibelle.value); } </script> </head> <body> <form> <select onchange="changerClient(this)"> <option value='1'>Gilbert</option> <option value='2'>Gaston</option> <option value='3'>Richard</option> </select> <input type="text" id="Libelle"/> </form> </body> </html>
Mais à mon avis le soucis ne vient pas plus de firefox que du code...