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