Ich habe ein shop-script.
Bei dem ich unterschiedlich viele Produkte in einer Kategorie habe.
Nun möchte ich sobald ein Produckt ausgewählt ist soll mittels java-script ein en Gesamtpreis ermittelt werden.
Leider fällt mir nicht ein wie ich es mit unterschiedlich vielen produkten lösen kann.
Mein Ansatz:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function sf()
{ var val;
val=document.GAGA.optionPrice.value;
val=document.GAGA.teil[0].value;
document.GAGA.optionPrice.value=val;
}
-->
</script>
</head>
<body>
<form action="index.php?productID=120" method=post name="GAGA">
<table border="0" width="100%" cellpadding="15" bgcolor="#666666" cellspacing="15">
<tr valign="top">
<td align="center">
<table border="0">
<tr>
<td><a class="product_teile">[b]Bezeichnung[/b]</a></td>
<td width="100"><a class="product_teile">[b]Preis[/b]</a></td>
<td></td>
</tr>
<a class="product_teile"></a>
<tr>
<td align="left"><a class="product_teile">Video</a></td>
<td align="right"><a class="product_teile">37.99 SWF</a></td>
<td><input type="checkbox" name="teil[0]" value="37.99" class="product_teile" onChange="sf()"></a></td>
</tr>
</a>
<tr>
<td align="left"><a class="product_teile">GPS-Daten</a></td>
<td align="right"><a class="product_teile">42.90 SWF</a></td>
<td><input type="checkbox" name="teil[1]" value="42.90" class="product_teile" onChange="sf()"></a></td>
</tr>
</a>
<tr>
<td align="left"><a class="product_teile">Karten</a></td>
<td align="right"><a class="product_teile">24.60 SWF</a></td>
<td><input type="checkbox" name="teil[2]" value="24.60" class="product_teile" onChange="sf()"></a></td>
</tr>
</a>
<tr>
<td align="left"><a class="product_teile">Foto</a></td>
<td align="right"><a class="product_teile">15.00 SWF</a></td>
<td><input type="checkbox" name="teil[3]" value="15.00" class="product_teile" onChange="sf()"></a></td>
</tr>
</a>
<tr>
<td align="left"><a class="product_teile">Foto</a></td>
<td align="right"><a class="product_teile">16.00 SWF</a></td>
<td><input type="checkbox" name="teil[4]" value="16.00" class="product_teile" onChange="sf()"></a></td>
</tr>
</table>
</td>
<td>
<a class="product_teile">Der Preis der verschiedenen Daten hängt von der Datenart und der Länge der Tour ab.</a>
</td>
<td>
<table border="1" width="150" cellpadding="0" style="border-collapse: collapse; margin: 0;" bordercolor="#DDDDDD">
<tr>
<td>
<table cellpadding="3">
<tr>
<td>
Der Preis der ausgewählten Daten beträgt:
<input type=text value="0" readonly id="optionPrice" rclass="shopping_cart_var">
<a class="shopping_cart_var"> SWF</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<input name='cart' type=image src="images/cart_big.gif"alt="hinzufügen zum Wagen" border="0">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Alles anzeigen