Opdaterbar prisliste - Visning af 2 dec., . og moms
Jeg kunne godt tænke mig at min prisliste viste priser ordentligt. Dvs. med 2 decimaler, dansk komma og punktum ved tusinde fx 1.000,00. Desuden bregning af moms.Her er min samlede kode, måske ikke specilt genial:
<html>
<head>
<title>test - opdaterbar prisliste</title>
</head>
<body onLoad="L()">
<script language="javascript1.2">
priser = new Array();
priser[0] = 0;
priser[1] = 29.95;
priser[2] = 1999.00;
priser[3] = 299.00;
function updtotal(){
samletantal = 0;
samletpris = 0;
for (var i=1; i<priser.length; i++) {
eval("samletantal += (document.f1.antal"+i+".value-0);");
eval("samletpris += (document.f1.total"+i+".value-0);");
}
document.f1.samletantal.value = samletantal;
document.f1.total.value = samletpris;
}
function updatefield(id){
eval("antal = document.f1.antal"+id+".value;");
pris = priser[id];
p = antal*pris;
eval("document.f1.total"+id+".value = p;");
updtotal();
}
function L(){
for (var i=1; i<priser.length; i++) {
eval("document.f1.antal"+i+".value = '0';");
eval("document.f1.total"+i+".value = '0';");
}
updtotal();
}
</script>
<FORM name=f1>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="248" height="26"><font class="tekststr3moerk"><b>Vareoversigt</b></font></td>
<td width="10"> </td>
<td width="50" align="right"><font class="tekststr3moerk"><b>Stk kr</b></font></td>
<td width="25"> </td>
<td width="35" align="right"><font class="tekststr3moerk"><b>Antal</b></font></td>
<td width="9"> </td>
<td width="79" align="right"><font class="tekststr3moerk"><b>Pris kr</b></font></td>
</tr>
<tr>
<td height="23">
<font class="tekststr3moerk">1. <b>Varenavn </b>og beskrivelse</font>
</td>
<td> </td>
<td align="right"><font class="tekststr2moerk">29,95</font></td>
<td> </td>
<td align="right">
<input type="text" name="antal1" maxlength="3" size="2" onKeyDown="updatefield(1)" onKeyUp="updatefield(1)" onChange="updatefield(1)" class="calendar" style="text-align:right">
</td>
<td> </td>
<td align="right">
<input type="text" name="total1" size="6" class="calendar0" style="text-align:right" readonly>
</td>
</tr>
<tr>
<td height="23">
<font class="tekststr3moerk">2. <b>Varenavn </b>og beskrivelse</font>
</td><td> </td>
<td align="right"><font class="tekststr2moerk">1999,00</font> </td>
<td> </td>
<td align="right">
<input type="text" name="antal2" maxlength="3" size="2" onKeyDown="updatefield(2)" onKeyUp="updatefield(2)" onChange="updatefield(2)" class="calendar" style="text-align:right">
</td>
<td> </td>
<td align="right">
<input type="text" name="total2" size="6" class="calendar0" style="text-align:right" readonly>
</td>
</tr>
<tr>
<td height="23">
<font class="tekststr3moerk">3. <b>Varenavn </b>og beskrivelse</font>
</td><td> </td>
<td align="right"><font class="tekststr2moerk">299,00</font> </td>
<td> </td>
<td align="right">
<input type="text" name="antal3" maxlength="4" size="2" onKeyDown="updatefield(3)" onKeyUp="updatefield(3)" onChange="updatefield(3)" class="calendar" style="text-align:right">
</td>
<td> </td>
<td align="right">
<input type="text" name="total3" size="6" class="calendar0" style="text-align:right" readonly>
</td>
</tr>
<tr>
<td height="32"> <font class="tekststr3moerk"><b>Totalpris</b></font> </td>
<td> </td><td align="right"> </td><td><div align="right"><b> </b></div></td>
<td align="right">
<input type="text" name="samletantal" size="2" class="calendar0" style="text-align:right; font-weight:bold;" readonly>
</td>
<td><div align="right"><b> </b></div></td>
<td align="right">
<input type="text" name="total" size="7" class="calendar0" style="text-align:right; font-weight:bold;" readonly>
</td>
</tr>
</table>
</FORM>
</body>
</html>
Her ligger testsiden:
http://users.cybercity.dk/~bsq3172/testprisliste.htm
