Ik heb getracht met een nieuw input veld (die enkel als doel heeft te kijken hoeveel producten er zijn) geprobeert de velden zelf een naam te geven zodat ze via javascript aan of uitgezet kunnen worden. Echter ik heb niet veel succes. Er schijnt een fout te zitten in regel 43 teken 22.
HTML:
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
| <html>
<head>
<title>whatever</title>
<script type="text/javascript">
function round(number,X)
{
// rounds number to X decimal places, defaults to 2
X = (!X ? 2 : X);
return Math.round(number*Math.pow(10,X))/Math.pow(10,X);
}
function orh_select(index,object)
{
var objFrm = object.form;
var objRow = document.getElementById('row'+index)
// geef rij een kleur
if (objRow)
{
if (object.checked)
{
objRow.style.backgroundColor = '#b3ccd3';
}
else
{
objRow.style.backgroundColor = '';
}
}
orh_calculate(objFrm);
}
function orh_calculate(objFrm)
{
var intTotalStartPrice = 0;
// totale start prijs
for (var i = 0; i < objFrm.elements['teltprod'].length; i++)
{
if (objFrm.elements['startprico'][i].checked)
{
intTotalStartPrice += parseFloat(objFrm.elements['startprice'][i].value);
}
}
// voeg extra toe
intTotalStartPrice += parseFloat(objFrm.elements['extraprice1'].value);
// ff afronden
intTotalStartPrice = round(intTotalStartPrice);
// vul de tussenresultaat velden
objFrm.elements['totalstartprice'].value = intTotalStartPrice;
}
function extra(objFrm,count)
{
var objRow = document.getElementById('row');
if (count>0)
{
objRow.style.backgroundColor = '#b3ccd3';
}
else
{
objRow.style.backgroundColor = '';
}
objFrm.elements['extraprice1'].value = round(parseFloat(objFrm.elements['extraprice'].value) * count);
orh_calculate(objFrm);
}
</script>
</head>
<body>
<form name="frmPricelist" action="#" method="post">
<table style="border-collapse: collapse;" border="1" width="600">
<tr>
<td>Producten</td>
<td> </td>
<td align="right"><b>Bedrag</b></td>
<td> </td>
</tr>
<tr id="row1">
<td>
<input name="startprico1" value="102.64" onclick="orh_select(1,this);" type="checkbox">
<input name="startprice1" value="102.64" type="hidden">
<input name="teltprod" value=0 type=hidden>
</td>
<td> Product 1</td>
<td> </td>
<td>€ 102,64</td>
</tr>
<tr id="row2">
<td>
<input name="startprico2" value="103.64" onclick="orh_select(2,this);" type="checkbox">
<input name="startprice2" value="103.64" type="hidden">
<input name="teltprod" value=0 type=hidden>
</td>
<td> Product 2</td>
<td> </td>
<td>€ 103,64</td>
</tr>
<tr id="row3">
<td>
<input name="startprico3" value="34.64" onclick="orh_select(3,this);" type="checkbox">
<input name="startprice3" value="34.64" type="hidden">
<input name="teltprod" value=0 type=hidden>
</td>
<td> Product 3</td>
<td> </td>
<td>€ 34,64</td>
</tr>
<tr id="row">
<td>
<select name="cboExtra" onchange="extra(this.form,this.options[this.selectedIndex].value)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
<td> Product 6</td>
<td> <input name="extraprice" value="35.95" type="hidden"></td>
<td>€ <input name="extraprice1" value="0" type="input"></td>
</tr>
<tr>
<td> Totaal:</td>
<td> </td>
<td> </td>
<td>€ <input name="totalstartprice" type="input"></td>
</tr>
</table>
<input type=text name=boodschap size=30>
</form>
</body>
</html> |
Misschien pak ik het wel helemaal verkeerd aan. Als dit probleem verholpen is moet het script er ook op voorbereid zijn dat een lijst meerdere producten kunnen bevatten waar de klant een aantal kan kiezen.
Dit is
hier te bekijken.
Edit 8:37 uur:
Waarom kan ik nu niet gewoon een element pakken door er machinaal een nummer achter te gooien:
(regel 9 en 11 in onderstaande code)
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| function orh_calculate(objFrm)
{
var intTotalStartPrice = 0;
// totale start prijs
for (var i = 0; i < objFrm.elements['teltprod'].length; i++)
{
if (objFrm.elements['startprico'+i].checked)
{
intTotalStartPrice += parseFloat(objFrm.elements['startprice'+i].value);
}
}
// voeg extra toe
intTotalStartPrice += parseFloat(objFrm.elements['extraprice1'].value);
// ff afronden
intTotalStartPrice = round(intTotalStartPrice);
// vul de tussenresultaat velden
objFrm.elements['totalstartprice'].value = intTotalStartPrice;
} |
Vreemd dit gaat ook niet:
JavaScript:
1
2
3
4
5
6
| var gogogo = 'startprico'+i;
alert (gogogo);
if (objFrm.elements[gogogo].checked) {
alert("goed gegaan");
} |
Nope dat gaat dus helemaal niet lukken. Ik had gedacht om met php gewoon elk record uit de database een name "product001" etc mee te geven en die vervolgens één voor één uit automatisch uit te lezen met javascript als javascript eerst kijkt hoeveel input velden er zijn (die er puur staat om het aantal producten te meten), om vervolgens dit aantal te gebruiken om ze te lezen.
Ik krijg het echter met geen mogelijkheid voor elkaar om dat "gogogo" stukje hierboven een dynamische naam te geven. Het is wel mogelijk zie ik met behulp van de search om een objectnaam een dynamische naam te geven, maar dat is nu net niet de bedoeling.
Tips zijn welkom
Edit 11:20 uur:
Tis hier lekker rustig... geloof dat iedereen nog op een oor ligt
.
Ben weer even bezig geweest, maar kom echt helemaal niks verder. Ik heb geprobeerd om met een veld met een andere naam deze in eerste instantie eens proberen aan te vinken. Maar dit ging niet, het object bestond niet. Nu ben ik aan het kijken waar dat aan zou kunnen liggen, maar kom ook niet veel verder. In onderstaande code heb ik een extra input veld toegevoegd met naam "ap" en de hidden is "ap1". Nu zit er een alert in die zodra er op een checkbox geklikt wordt hij de hoeveelheid velden met name="ap" moet weergeven. Met "startprice" geeft hij netjes 3 aan, maar bij "ap" krijg ik undifined. Hoe kan dat nu? Hij bestaat toch? (test staat op regel 42)
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
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
167
168
169
170
171
172
173
174
175
176
177
| <html>
<head>
<title>whatever</title>
<script type="text/javascript">
function round(number,X)
{
// rounds number to X decimal places, defaults to 2
X = (!X ? 2 : X);
return Math.round(number*Math.pow(10,X))/Math.pow(10,X);
}
function orh_select(index,object)
{
var objFrm = object.form;
var objRow = document.getElementById('row'+index)
// geef rij een kleur
if (objRow)
{
if (object.checked)
{
objRow.style.backgroundColor = '#b3ccd3';
}
else
{
objRow.style.backgroundColor = '';
}
}
orh_calculate(objFrm);
}
function orh_calculate(objFrm)
{
var intTotalStartPrice = 0;
// TEST OM TE KIJKEN OF WE DE AP ZIEN
var bla = objFrm.elements['ap'].length;
alert(bla);
// totale start prijs
for (var i = 0; i < objFrm.elements['startprice'].length; i++)
{
if (objFrm.elements['startprice'][i].checked)
{
intTotalStartPrice += parseFloat(objFrm.elements['startprice'][i].value);
}
}
for (var i = 0; i < objFrm.elements['ap'].length; i++)
{
if (objFrm.elements['ap'][i].checked)
{
intTotalStartPrice += parseFloat(objFrm.elements['ap'][i].value);
}
}
// voeg extra toe
intTotalStartPrice += parseFloat(objFrm.elements['extraprice1'].value);
// ff afronden
intTotalStartPrice = round(intTotalStartPrice);
// vul de tussenresultaat velden
objFrm.elements['totalstartprice'].value = intTotalStartPrice;
}
function extra(objFrm,count)
{
var objRow = document.getElementById('row');
if (count>0)
{
objRow.style.backgroundColor = '#b3ccd3';
}
else
{
objRow.style.backgroundColor = '';
}
objFrm.elements['extraprice1'].value = round(parseFloat(objFrm.elements['extraprice'].value) * count);
orh_calculate(objFrm);
}
</script>
</head>
<body>
<form name="formie" action="#" method="post">
<table style="border-collapse: collapse;" border="1" width="600">
<tr>
<td>Producten</td>
<td> </td>
<td align="right"><b>Bedrag</b></td>
<td> </td>
</tr>
<tr id="row1">
<td>
<input name="startprice" value="102.64" onclick="orh_select(1,this);" type="checkbox">
<input name="startprice1" value="102.64" type="hidden">
</td>
<td> Product 1</td>
<td> </td>
<td>€ 102,64</td>
</tr>
<tr id="row2">
<td>
<input name="startprice" value="103.64" onclick="orh_select(2,this);" type="checkbox">
<input name="startprice2" value="103.64" type="hidden">
</td>
<td> Product 2</td>
<td> </td>
<td>€ 103,64</td>
</tr>
<tr id="row3">
<td>
<input name="startprice" value="34.64" onclick="orh_select(3,this);" type="checkbox">
<input name="startprice3" value="34.64" type="hidden">
</td>
<td> Product 3</td>
<td> </td>
<td>€ 34,64</td>
</tr>
<tr id="row">
<td>
<select name="cboExtra" onchange="extra(this.form,this.options[this.selectedIndex].value)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
<td> Product 6</td>
<td> <input name="extraprice" value="35.95" type="hidden"></td>
<td>€ <input name="extraprice1" value="0" type="input"></td>
</tr>
<tr id="row4">
<td>
<input name="ap" value="34.64" onclick="orh_select(4,this);" type="checkbox">
<input name="ap1" value="34.64" type="hidden">
</td>
<td> apk</td>
<td> </td>
<td>€ 34,64</td>
</tr>
<tr>
<td> Totaal:</td>
<td> </td>
<td> </td>
<td>€ <input name="totalstartprice" type="input"></td>
</tr>
</table>
<input type=text name=boodschap size=30>
</form>
</body>
</html> |
[
Voor 178% gewijzigd door
Gerwin op 24-04-2005 11:26
]
:strip_icc():strip_exif()/u/30234/sponsbob.jpg?f=community)
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
