Affichage somme liste déroulante

**Linea26** · 14/02/2012, 07h45

Bonjour a tous.
J'ai crée un script avec une liste déroulante liées à des cases a cochées. En fonction du choix des cases à cochées, la liste déroulante affiches un choix de quantités qui sont associées à des valeurs différentes.
Puis calcul d'une TVA à 19,6%
Puis addition de frais de transport.

Mon total ne se calcul pas et je voudrais également que la valeur définie pour chaque quantité s'affiche avant que la TVA ou les frais d'envois soient coché

Voici mon code

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
 
<html>
<head>
<script language="javascript">
function Affiche_liste(id_ensemble_select,id_select)
{
 
        var id_ensemble_select = document.getElementById(id_ensemble_select);
 
 
        var id_select = document.getElementById(id_select);
 
        if(id_ensemble_select)
                        {
 
                                var tab = new Array();
 
 
                                tab = id_ensemble_select.getElementsByTagName('select');
 
                                var tablength = tab.length;
 
 
                                for (i=0; i < tablength; i++)        
                                        {
 
                                                tab[i].disabled = true;
                                                if(id_select) tab[i].style.display = 'none';
                                        }
 
 
                                if(id_select)
                                        {
                                                id_select.disabled = false;
                                                id_select.style.display = 'inline';
                                        }    
                        }
 
}
 
 
function calcul(total,categorie,tva)
{ 
x=document.getElementById(categorie);c=(1*x.value); 
x=document.getElementById(tva);t=(1*x.value); 
// les frais de port (boucle car bouton radio)
for(i=0;i<document.frm.port.length;i++){
   if(document.frm.port[i].checked){f=(1*document.frm.port[i].value);}
}
r=(p*(1+(t/100)))+f; //On calcule
x=document.getElementById(total);x.value=r; // On affecte
}
 
 
 
</script>
</head>
<body>
 
 
<form name="frm">
<p>
 <label for="choix_visites">Carte de visites</label>
<input type="radio" id = "choix_visites" name = "cat" value = "visites" class = "categorie" onclick = "Affiche_liste(this.className,this.value)" />
 
<label for="choix_correspondance">Carte de correspondance</label>
<input type="radio" id = "choix_correspondance" name = "cat" value = "corres" class = "categorie" onclick = "Affiche_liste(this.className,this.value)" />
 
<label for="choix_fairepart">Faire part</label>    
<input type="radio" id = "choix_fairepart" name = "cat" value = "part" class = "categorie" onclick = "Affiche_liste(this.className,this.value)" />
</select>
 
</p>
 
<p id = "categorie">
<select name = "selection" id = "visites" style= "display:inline" disabled="disabled" onBlur="calcul('total','categorie','tva')">
    <option value=>choisissez</option>
	<option value="48">100</option>
	<option value="49">200</option>
	<option value="57">500</option>
    <option value="67">1000</option>
</select>
 
<select name = "selection" id = "corres" style= "display:inline" disabled="disabled">
    <option value=>choisissez</option>
	<option value="69">100</option>
	<option value="76">200</option>
	<option value="97">500</option>
    <option value="128">1000</option>
</select>
 
 
<select name = "selection" id = "part" style= "display:inline" disabled="disabled">
    <option value=>choisissez</option>
	<option value="69">100</option>
	<option value="76">200</option>
	<option value="97">500</option>
    <option value="128">1000</option>
</select>
 
</p>
 
 
 
TVA : <select name="tva" id="tva" onChange="calcul('total','categorie','tva')">
<option value="0" selected></option>
<option value="19.6">19,6%</option>
</select>
<br/>
 
Frais de port : <input id="port" type="radio" name="port" value="0" onClick="calcul('total','categorie','tva')" checked> Retrait sur place ;
<input id="port" type="radio" name="port" value="12" onClick="calcul('total','categorie','tva')"> Collissimo<br/>
 
Total de la commande : <input id="total" type="text" name="total" readonly>
 
 
</form>
</body>
</html>

Est ce que vous voyez ou sa cloche ?

Merci de votre aide, je suis dessus depuis plusieurs jours.

**javatwister** · 14/02/2012, 08h16

sans doute cette mystérieuse variable "p"...

**Linea26** · 14/02/2012, 08h20

Tu peux m'en dire plus .....

**javatwister** · 14/02/2012, 08h26

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

r=(p*(1+(t/100)))+f; //On calcule

**vermine** · 14/02/2012, 08h26

Bonjour,

Hé bien la variable "p" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

r=(p*(1+(t/100)))+f; //On calcule

N'est déclarée nulle part d'après ce que l'on peut voir. Que vaut-elle ?

**ticroch** · 14/02/2012, 08h26

sans doute cette mystérieuse variable "p"...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
r=(p*(1+(t/100)))+f; //On calcule

Ton p sort de nulle part ici, il n'est pas initialisé...

**javatwister** · 14/02/2012, 08h27

quelle synchronisation

**ticroch** · 14/02/2012, 08h27

3 réponses exactement en même temp, tout le monde est au taquet aujourd'hui ^^

**vermine** · 14/02/2012, 08h28

Quelle synchronisation. ^^

La coupe d'or revient à javatwister !

**Linea26** · 14/02/2012, 09h02

Elle vient appeler cette ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

x=document.getElementById(categorie);p=(1*x.value); // quantite

**Linea26** · 14/02/2012, 09h48

J'ai essayé ta solution ticroch, mais sa désactive la liaison entre les cases a cochées et la liste déroulante et le calcul ne se fait toujours pas

**Linea26** · 15/02/2012, 08h46

Un grand merci à tous, pour vos réflexions et votre aide.

Ca fonctionne, j'ai encore un petit soucis avec mes listes liées qui s'affichent toutes cote a cote et qui se rassemble en une seule quand je sélectionne une case a cochés.
Si vous avez une dernière idée.???

Sinon le script fonctionne pour des devis en ligne.
Si ça intéresse quelqu'un....

**javatwister** · 15/02/2012, 09h30

c'est pas qu'elles "se rassemblent en une seule" mais que 2 sur 3 disparaissent (logique, c'est ce que demande ta fonction);

elles s'affichent côte à côte parce que tu ne les mets pas en display:none au chargement; ce serait pourtant plus utile qu'un readonly...

**javatwister** · 14/02/2012, 09h50

du coup, ta fonction affiche_liste est à revoir aussi (étonnante aussi cette fonction);

Affichage somme liste déroulante

JavaScript

Vue hybride

Discussions similaires

Partager

Partager