----- Original Message -----
From: "Rasmus Nielsen" <postmaster@rasmusn.dk>
Newsgroups: dk.edb.internet.webdesign.clientside
Sent: Thursday, September 19, 2002 6:53 PM
Subject: Addere/multiplicere tal fra form felter (JavaScript)
> Hej,
>
SNIP
>
> Det jeg ønsker, er at brugeren skal kunne udfylde et antal i "Antal"
> boksen - det skal så ganges med stk. prisen (som jeg kan ligge ind i
> scriptet via serverside-programmering). Derefter skal det hele så lægges
> sammen i "Pris i alt".
>
Hej Rasmus
Jeg har bikset noget sammen der gør det du ønsker (tror jeg)
Det du skal gøre når du laver dit asp er at give hver input box et navn
efter denne "syntax" antal_vareNr eller sum_vareNr
Fx
<input type=text size=2 name="antal_1222" onkeyup="calc(1222,235)">
som du ser, skal der i hvert input felt, man kan skrive et antal i kaldes
funktionen, calc() med parametrene vareNr og pris.
Jeg forestiller mig at du kan skrive disse linjer rimeligt nemt ud vha asp
Desuden skal du før hele tabellen skrive <form name="Form"> og lukke denne
efter tabellen.
Den input box der viser den samlede pris skal bare have navnet total.
Hmm det var en masse ord her er så koden (jeg har taget udgangspunkt i den
du postede). Håber du forstår tankegangen
Det skal lige siges at jeg har inkluderet en kontrol af det indtastede
således at hvis man taster andet end tal bliver feltet automatisk sat til
nul
<script>
function calc(vareNr,pris)
{
if
diff = Form['antal_' + vareNr].value * pris - Form['sum_' + vareNr].value
Form.total.value = Form.total.value * 1 + diff * 1;
Form['sum_' + vareNr].value = Form['antal_' + vareNr].value * pris;
}
</script>
<form name="Form">
<table border=1 width=700>
<tr>
<td width=82 align=center><p><b>Varenummer</b></p></td>
<td width=325 align=left><p><b>Varenavn</b></p></td>
<td width=50 align=center><p><b>Antal</b></p></td>
<td width=80 align=right><p><b>Pris pr. stk.</b></p></td>
<td width=80 align=right><p><b>Samlet pris</b></p></td>
<td width=50 align=right><p><b>Opdater</b></p></td>
</tr>
<tr>
<td width=82 align=center><p>1109</p></td>
<td width=325 align=left><p>Stol</p></td>
<td width=50 align=center><p><input type=text size=2 name="antal_1109"
onkeyup="calc(1109,1585)" value="0"></p></td>
<td width=80 align=right><p>1585</p></td>
<td width=80 align=right><p><input type=text size=5 name="sum_1109" readonly
value="0"></p></td>
<td width=50 align=right><p><a
href='bestilling.asp?remove=1109'>Fjern</a></p></td>
</tr>
<tr>
<td width=82 align=center><p>1122</p></td>
<td width=325 align=left><p>Bord<p></td>
<td width=50 align=center><p><input type=text size=2 name="antal_1122"
onkeyup="calc(1122,1295)" value="0"></p></td>
<td width=80 align=right><p>1295</p></td>
<td width=80 align=right><p><input type=text size=5 name="sum_1122" readonly
value="0"> </p></td>
<td width=50 align=right><p><a
href='bestilling.asp?remove=1122'>Fjern</a></p></td>
</tr>
<tr>
<td width=82 align=center><p>1222</p></td>
<td width=325 align=left><p>Dug</p></td>
<td width=50 align=center><p><input type=text size=2 name="antal_1222"
onkeyup="calc(1222,235)" value="0"></p></td>
<td width=80 align=right><p>235</p></td>
<td width=80 align=right><p><input type=text size=5 name="sum_1222" readonly
value="0"></p></td>
<td width=50 align=right><p><a
href='bestilling.asp?remove=1222'>Fjern</a></p></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td bgcolor='#A8D898'><p><b>Pris i alt</b></p></td>
<td bgcolor='#A8D898'><input type=text size=5 name="total" readonly
value=0></td>
<td> </td>
</tr>
</table>
</form>
Med Venlig Hilsen
Martin