Klaus-Peter Schmidtner: Javascript Bestellformular rechnet ned

Beitrag lesen

Greenhorn benötigt bitte dringend Hilfe

Hallo miteinander,
ich bin gerade dabei, für die Frau meines besten Freundes ne Webseite mit einem kleinen Webstore zu basteln. Es gibt ja auch die fertigen Bestellformulare, bei denen allerdings das Problem besteht, daß weder Teilsummen, noch Summen, geschweige denn wahloptionen wie Nachnahme/überweisung angeboten werden.
jetzt hab ich mal versucht sowas in ganz kleiner Form selbst darzustellen, aber mein script rechnet ja nichtmal die erste teilsumme, bzw. ich denke rechnen tut es schon, aber es wird kein ergebnis angezeit.
Vielleicht kann ja der eine oder andere mal schnell über das script drüberschauen und kurz "den ROT-, bzw. ERGÄNZUNGSSTIFT" ansetzen.

kurz die rechenprozeduren, wie ich es mir vorstelle.

preis 1 * anz 1 = TS1 (preis 1 =fix)
preis 2 * anz 2 = TS2 (preis 2 =fix)

dann wird ausgewählt zwischen NN/VK und bei NN/VK je nach Wahl TS1+TS2+4.90, bzw. TS1+TS2+7.50 angezeigt.

Klingt zwar recht einfach und ist es wahrscheinlich auch, aber ich beiß mir seit 3 Tagen die Zähne dran aus.
Bitte, bitte um Hilfe

Kla(us-)Pe(ter)

<html>
<head>
<title>Summenbeispiel</title>
<script language="JavaScript">
<!--

function changed(obj) {
var anz1;
var anz2;
var preis1;
var preis2;
var ts1 = anz1 * preis1;
var ts2 = anz2 * preis2;
var totall = ts1 + ts2;
var nn;
var vk;
var totalnn = totall + nn;
var totalvk = totall + vk;
}

document.kontakt.ts1.value=ts1;

document.kontakt.ts1.value=ts2;

document.kontakt.totalnn.value=totalnn;

document.kontakt.totalvk.value=totalvk;

document.kontakt.totall.value=totall;

}

//-->
</script>
</head>
<body style="">
<br>
<form name="kontakt"> <br>
<br>
<table style="width: 368px; height: 175px;" cellpadding="2"
cellspacing="0">
<tbody>
<tr>
<td
style="font-family: helvetica,arial,sans-serif; font-weight: bold; color: rgb(14, 31, 109); text-align: left;">Anzahl</td>
<td
style="font-family: helvetica,arial,sans-serif; font-weight: bold; color: rgb(14, 31, 109); text-align: left;">
<select class="text" name="anz1" onchange="changed(this);">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a> * </a> <input name="preis1" size="6" value="5.90"
readonly="readonly" type="text"> </td>
<td><input value="0" name="ts1" size="7"
onchange="changed(this);" align="right"><a>&nbsp;&nbsp; (TS1)</a></td>
</tr>
<tr>
<td
style="font-family: helvetica,arial,sans-serif; font-weight: bold; color: rgb(14, 31, 109); text-align: left;">Anzahl</td>
<td
style="font-family: helvetica,arial,sans-serif; font-weight: bold; color: rgb(14, 31, 109); text-align: left;">
<select class="text" name="anz2" onchange="changed(this);">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a> * </a> <input name="preis2" size="6" value="9.80"
readonly="readonly" type="text"> </td>
<td><input value="0" name="ts2" size="7"
onchange="changed(this);" align="right"><a>&nbsp;&nbsp; (TS2)</a></td>
</tr>
<tr>
<td colspan="2" rowspan="1"
style="width: 90px; color: rgb(255, 0, 0); text-align: center;"> <a><font
size="2"><input name="Zahlmethode" value="Post" checked="checked"
type="radio">&nbsp; per Nachnahme&nbsp;&nbsp; </font></a><br>
</td>
<td><input value="7.50" name="nn" size="7"
onchange="changed(this);" align="right"><a>&nbsp;&nbsp; (NN)</a></td>
</tr>
<tr>
<td colspan="2" rowspan="1"
style="width: 90px; color: rgb(255, 0, 0); text-align: center;"> <a><font
size="2"><input name="Zahlmethode" value="Bank" type="radio">&nbsp;
per
&Uuml;berweisung&nbsp; <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (Vorauskasse)</font></a></td>
<td><input value="4.90" name="vk" size="7"
onchange="changed(this);" align="right"><a>&nbsp;&nbsp; (VK)</a></td>
</tr>
<tr>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
<td><input value="0" name="ts2" size="7"
onchange="changed(this);" align="right"><a>&nbsp;&nbsp; (NNoderVK)</a></td>
</tr>
</tbody>
</table>
<br>
<br>
</form>
</body>
</html>