bonjour,

dans ma page, j'ai des select : en fonction de l'option choisie, une image et un div se mettent a jour

le code marche tres bien sur firefox mais pas sur internet explorer.
une idée je suis preneur



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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<html>
<head>
	<title>problème select</title>	
	<script type="text/javascript">
		function selection(pSelect){
 
				var maSelec = pSelect.options[pSelect.selectedIndex].value;
 
				switch (maSelec)
				{
				case "c1":
				document.getElementById('image-big').src = 'images/produit/couleur-1.jpg';
				document.getElementById('descriptif2').innerHTML = 'couleur 1';
				break;
				case "c2":
				document.getElementById('image-big').src = 'images/produit/couleur-2.jpg';
				document.getElementById('descriptif2').innerHTML = 'couleur 2';
				break;
				case "c3":
				document.getElementById('image-big').src = 'images/produit/couleur-3.jpg';
				document.getElementById('descriptif2').innerHTML = 'couleur 3';
				break;
        		case "c4":
				document.getElementById('image-big').src = 'images/produit/couleur-4.jpg';
				document.getElementById('descriptif2').innerHTML = 'couleur 4';
				break;
        		case "c5":
				document.getElementById('image-big').src = 'images/produit/couleur-5.jpg';
				document.getElementById('descriptif2').innerHTML = 'couleur 5';
				break;	        				
				}
 
	 	}
 
	</script>
</head>
 
<body>
<img src="images/produit/couleur-1.jpg" id="image-big">
<div id="descriptif2"></div>
 
	<select  onchange="selection(this)" name="liste">
	<option value="c1">test 1</option>
	<option value="c2">test 2</option>
	<option value="c3">test 3</option>
	<option value="c4">test 4</option>
	<option value="c5">test 5</option>
	</select>
 
	<select  onchange="selection(this)" name="liste2">
	<option  value="c1">test 1</option>
	<option  value="c2">test 2</option>
	<option  value="c3">test 3</option>
	<option  value="c4">test 4</option>
	<option  value="c5">test 5</option>
	</select>
 
 
</body>
</html>