MMOexp Dark and Darker..
uitreken script voor offerte
Ik ben druk bezig, ik heb een script op internet gevonden voor het het uitrekenen van een offerte.
Maar ik wil de totale bedragen zonder btw, met btw en vracht kosten in een tekstvak hebben (nu heb je alleen text). maar krijg het niet voor elkaar, ik krijg alleen maar lege vlaken!
hier het script
Code (php)
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!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=iso-8859-1" />
<title>Bestel formulier (php)</title>
<style type="text/css">
body {
background-color: #012E71;
color: #FFF;
}
html, table {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}
#btw {
border-bottom: 1px solid #000000;
}
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.calculation.js"></script>
<script type="text/javascript">
$(document).ready(
function (){
$("input[name^=aantal_item_]").bind("keyup", recalc);
// berekenen
recalc();
}
);
function recalc(){
$("[id^=totaal_item]").calc(
"aantal * prijs",
//aantal = .. en prijs = ..
{
aantal: $("input[name^=aantal_item_]"),
prijs: $("[id^=prijs_item_]")
},
// overschrijven
function (s){
// terug met ervoor
return " " + s.toFixed(2);
},
// einde, berekening klaar
function ($this){
// het grote totaal klaar maken
var sum = $this.sum();
// het grote totaal
$("#totaal").text( " " + sum.toFixed(2));
if(sum < 150)
{
var vrachtkosten = 5.00;
$("#vrachtkosten").text( " " + vrachtkosten.toFixed(2));
}
else
{
var vrachtkosten = 0.00;
$("#vrachtkosten").text(" 0.00");
}
var btwkosten = (sum + vrachtkosten) * 0.19;
$("#btw").text( " " + btwkosten.toFixed(2));
var totalekosten = sum + vrachtkosten + btwkosten;
$("#totalekosten").text( " " + totalekosten.toFixed(2));
}
);
}
</script>
</head>
<body>
<br />
<form action="create.php" method="post" enctype="multipart/form-data">
<h2>Bestelformulier </h2>
<table>
<tr>
</tr>
<table width="800px">
<tr>
<td width="10%"><i>Artikel</i> #</td>
<td width="50%"><i>Omschrijving</i></td>
<td><i>Prijs</i></td>
<td><i>Aantal</i></td>
<td width="10%"><i>Subtotaal</i></td>
</tr>
<tr><td colspan="5"><br /></td></tr><tr><td colspan="2"><b>NAPPIE's ONGEPARFUMEERD</b></td></tr>
<tr>
<td>401</td>
<td>stoel</td>
<td id="prijs_item_401"> 4.00</td>
<td><input type="text" size="3" name="aantal_item_401" id="aantal_item_401" value=""/></td>
<td><input type="text" size="3" name="totaal_item_401" id="totaal_item_401"/></td>
</tr>
<tr>
</tr>
<tr>
<td>604</td>
<td>fiets</td>
<td id="prijs_item_604"> 17.50</td>
<td><input type="text" size="3" name="aantal_item_604" id="aantal_item_604" value=""/></td>
<td id="totaal_item_604"></td>
</tr>
<tr>
<td>605</td>
<td>brood</td>
<td id="prijs_item_605"> 17.50</td>
<td><input type="text" size="3" name="aantal_item_605" id="aantal_item_605" value=""/></td>
<td id="totaal_item_605"></td>
</tr>
<tr>
<td colspan="5"><hr /></td>
</tr>
<tr>
<td><br /></td>
<td colspan="3">Totaal bedrag excl. BTW en vrachtkosten:</td>
<td><input type="text/javascript" size="3" name="totaal" id="totaal"/></td>
</tr>
<tr>
<td><br /></td>
<td colspan="3">Vrachtkosten:</td>
<td id="vrachtkosten"></td>
</tr>
<tr>
<td><br /></td>
<td colspan="3">BTW:</td>
<td id="btw"></td>
<td>+</td>
</tr>
<tr>
<td><br /></td>
<td colspan="3">Totale bedrag incl. BTW en vrachtkosten:</td>
<td id="totalekosten"></td>
</tr>
<tr>
<td><br /></td>
<td colspan="2">Verificatie code (niet hoofdletter gevoelig):</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4"><input type="hidden" name="verzonden" value="1" /></td>
<td><input type="submit" value="Bestel" /></td>
</tr>
</table>
</form>
<p>
Bij orders minder dan 150,-- brengen wij 5,00 bijdrage vrachtkosten in rekening.
</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bestel formulier (php)</title>
<style type="text/css">
body {
background-color: #012E71;
color: #FFF;
}
html, table {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}
#btw {
border-bottom: 1px solid #000000;
}
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.calculation.js"></script>
<script type="text/javascript">
$(document).ready(
function (){
$("input[name^=aantal_item_]").bind("keyup", recalc);
// berekenen
recalc();
}
);
function recalc(){
$("[id^=totaal_item]").calc(
"aantal * prijs",
//aantal = .. en prijs = ..
{
aantal: $("input[name^=aantal_item_]"),
prijs: $("[id^=prijs_item_]")
},
// overschrijven
function (s){
// terug met ervoor
return " " + s.toFixed(2);
},
// einde, berekening klaar
function ($this){
// het grote totaal klaar maken
var sum = $this.sum();
// het grote totaal
$("#totaal").text( " " + sum.toFixed(2));
if(sum < 150)
{
var vrachtkosten = 5.00;
$("#vrachtkosten").text( " " + vrachtkosten.toFixed(2));
}
else
{
var vrachtkosten = 0.00;
$("#vrachtkosten").text(" 0.00");
}
var btwkosten = (sum + vrachtkosten) * 0.19;
$("#btw").text( " " + btwkosten.toFixed(2));
var totalekosten = sum + vrachtkosten + btwkosten;
$("#totalekosten").text( " " + totalekosten.toFixed(2));
}
);
}
</script>
</head>
<body>
<br />
<form action="create.php" method="post" enctype="multipart/form-data">
<h2>Bestelformulier </h2>
<table>
<tr>
</tr>
<table width="800px">
<tr>
<td width="10%"><i>Artikel</i> #</td>
<td width="50%"><i>Omschrijving</i></td>
<td><i>Prijs</i></td>
<td><i>Aantal</i></td>
<td width="10%"><i>Subtotaal</i></td>
</tr>
<tr><td colspan="5"><br /></td></tr><tr><td colspan="2"><b>NAPPIE's ONGEPARFUMEERD</b></td></tr>
<tr>
<td>401</td>
<td>stoel</td>
<td id="prijs_item_401"> 4.00</td>
<td><input type="text" size="3" name="aantal_item_401" id="aantal_item_401" value=""/></td>
<td><input type="text" size="3" name="totaal_item_401" id="totaal_item_401"/></td>
</tr>
<tr>
</tr>
<tr>
<td>604</td>
<td>fiets</td>
<td id="prijs_item_604"> 17.50</td>
<td><input type="text" size="3" name="aantal_item_604" id="aantal_item_604" value=""/></td>
<td id="totaal_item_604"></td>
</tr>
<tr>
<td>605</td>
<td>brood</td>
<td id="prijs_item_605"> 17.50</td>
<td><input type="text" size="3" name="aantal_item_605" id="aantal_item_605" value=""/></td>
<td id="totaal_item_605"></td>
</tr>
<tr>
<td colspan="5"><hr /></td>
</tr>
<tr>
<td><br /></td>
<td colspan="3">Totaal bedrag excl. BTW en vrachtkosten:</td>
<td><input type="text/javascript" size="3" name="totaal" id="totaal"/></td>
</tr>
<tr>
<td><br /></td>
<td colspan="3">Vrachtkosten:</td>
<td id="vrachtkosten"></td>
</tr>
<tr>
<td><br /></td>
<td colspan="3">BTW:</td>
<td id="btw"></td>
<td>+</td>
</tr>
<tr>
<td><br /></td>
<td colspan="3">Totale bedrag incl. BTW en vrachtkosten:</td>
<td id="totalekosten"></td>
</tr>
<tr>
<td><br /></td>
<td colspan="2">Verificatie code (niet hoofdletter gevoelig):</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4"><input type="hidden" name="verzonden" value="1" /></td>
<td><input type="submit" value="Bestel" /></td>
</tr>
</table>
</form>
<p>
Bij orders minder dan 150,-- brengen wij 5,00 bijdrage vrachtkosten in rekening.
</p>
</body>
</html>
Gewijzigd op 12/12/2010 17:18:47 door Jeffrey rauscj
http://docs.jquery.com/Main_Page
Dus met instelling van "het lukt" niet moet je hier niet aankomen kakken.
Als het dan niet lukt, dan kan je gerichte vragen komen stellen over een stukje relevante code waarmee jij dan problemen hebt.
Maar de rest wat aan het javascript vast zit krijg ik niet in een tekstvak (krijg een leeg tekstvak). Nou was mijn vraag hoe ik dit moet fixen? Voor andere browsers zal ik even gaan kijken!
Toevoeging op 12/12/2010 20:13:01:
Ik heb een paar browser geprobeerd maar tot nu doen ze het alle.