liste/menu et script

Version imprimable

Bonjour à tous,

j'ai besoin d'un script me permettant via un formulaire liste/menu d'afficher le prix de livraison automatiquement suivant le pays choisi.

J'ai trouvé sur le net ce script

il fonctionne parfaitement, mais j'aimerai pouvoir le mettre en forme. C'est à dire pour le prix avoir une ecriture rouge en gras. j'avoue ne pas savoir ou inserer ce code.
Ensuite mon second petit problème, c'est que ca fonctionne parfaitement lorsque avec la souris je selectionne le pays par contre j'aimerai que ca valide aussi automatiquement lorsque je me deplace avec les fleches du clavier.
et dernier point j'aimerai mettre tout ca dans un tableau

merci à tous de votre aide precieuse

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
function getValue() {
        var obj = document.getElementById('liste_pays');
        if (  obj.value != 0 ) {
                document.getElementById('prix').innerHTML = 'Prix : ' + obj.value;
        }
        else {
                document.getElementById('prix').innerHTML = '';
        }
}
</script>
 
</head>
 
<body>
<select name="ListePays" id="liste_pays" onchange="getValue()">
  <option value='0' selected>Sélectionnez un pays...</option>
 
  <option value='25'>Bosnie Herzegovine </option>
  <option value='26'>Botswana </option>
  <option value='27'>Brésil </option>
  <option value='28'>Bulgarie </option>
  <option value='29'>Burkina Faso </option>
  <option value='30'>Burundi </option>
  <option value='31'>Cambodge </option>
  <option value='32'>Cameroun </option>
  <option value='164'>Uruguay </option>
  <option value='165'>Vatican </option>
  <option value='166'>Venezuela </option>
  <option value='167'>Viêt Nam </option>
  <option value='168'>Yemen </option>
  <option value='169'>Yugoslavie </option>
  <option value='170'>Zaïre </option>
  <option value='171'>Zambie </option>
  <option value='172'>Zimbabwe</option>
</select>
 <span id="prix"></span>
</body>
</html>

10/09/2007, 11h20
BlackStorm

Pour la mise en forme, je pense que tu devrai jeter un coup d'oeuil au niveau d u CSS ;)

Hello,

Cela donnerait un truc comme ceci :

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
function getValue() {
        var obj = document.getElementById('liste_pays');
        if (  obj.value != 0 ) {
                document.getElementById('prix').innerHTML = 'Prix : ' + obj.value;
        }
        else {
                document.getElementById('prix').innerHTML = '';
        }
}
</script>
 
<style type="text/css">
<!--
#prix { 
font-size: 12px; 
font-color : #FF0000;
font-weight:600;
}       
-->
</style>
</head>
 
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="50%">
<tr>
     <td>
<select name="ListePays" id="liste_pays" onchange="getValue()">
  <option value='0' selected>Sélectionnez un pays...</option>
 
  <option value='25'>Bosnie Herzegovine </option>
  <option value='26'>Botswana </option>
  <option value='27'>Brésil </option>
  <option value='28'>Bulgarie </option>
  <option value='29'>Burkina Faso </option>
  <option value='30'>Burundi </option>
  <option value='31'>Cambodge </option>
  <option value='32'>Cameroun </option>
  <option value='164'>Uruguay </option>
  <option value='165'>Vatican </option>
  <option value='166'>Venezuela </option>
  <option value='167'>Viêt Nam </option>
  <option value='168'>Yemen </option>
  <option value='169'>Yugoslavie </option>
  <option value='170'>Zaïre </option>
  <option value='171'>Zambie </option>
  <option value='172'>Zimbabwe</option>
</select>
     </td>
     <td>
 <span id="prix"></span>
      </td>
</tr>
</table></center>
</body>
</html>

C'est cela que tu voulais ?

@+
cadou