Ciao a tutti!
Problemooone con un form d'ordine: ho una lista di prodotti che apre una pagina di riepilogo col totale. Bene, fin qui tutto ok.
Io vorrei associare un selettore (menu a tendina) delle quantità 1, 2, 3 etc. nella prima pagina e mi piacerebbe che questo input modificasse il totale nella seconda...
COme posso fare... c'è qualche anima pia (e capace!) che è in grado di aiutarmi???
Grazie
Allora in questa pagina c'è l'elenco di prodotti... <html>
<head>
<title>nn</title>
</head>
<body>
<form name=orderform action="conferma-ordine.htm">
<table>
<tr>
<td><input type=checkbox name=item1A value="L001-titolo1*35.00$"></td>
<td>titolo1</td>
</tr>
<tr>
<td><input type=checkbox name=item2A value="L002-titolo2*50.00$"></td>
<td>titolo2</td>
</tr>
</table>
<input type="submit" value="ACQUISTA!"><input type="RESET" value="Cancella">
</body>
</html>
... e in quest'altra il riepilogo col totale...
<html>
<head>
<title>conferma</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function decodeString() {
valNum = new Array();
valData = new Array();
var string, length, dataCount, orderData, grandTotal;
string = "" + unescape(location.search);
string = string.substring(1,string.length);
length = location.search.length;
orderData = "";
dataCount = 1;
for (var c = 0; c < string.length; c++)
if (string.charAt(c).indexOf("&") != -1) dataCount++;
orderData = "<table border=0 width='400px' cellpadding='2px' cellspacing='5px'>";
orderData += "<tr bgcolor='#CCCCCC'><td><div id='intestazione'>Item</div></td><td><div id='intestazione'>descrizione</div></td><td><div id='intestazione'>spesa</div></td></tr>";
grandTotal = 0;
for (var i = 0; i < dataCount; i++)
{
valNum[i] = string.substring(0,string.indexOf("="));
string = string.substring(string.indexOf("=")+1,string.leng th);
if (i == dataCount-1) valData[i] = string;
else valData[i] = string.substring(0,string.indexOf("&"));
ampd = valData[i].indexOf("&");
pipe = valData[i].indexOf("-");
star = valData[i].indexOf("*");
line = valData[i].indexOf("$");
itemnum = string.substring(0,pipe);
itemdsc = string.substring(pipe+1,star);
itemcst = string.substring(star+1,line);
string = string.substring(ampd+1,string.length);
orderData += "<tr>";
orderData += "<input type=hidden name=item" + (i+1) + "num value='" + itemnum + "'>";
orderData += "<input type=hidden name=item" + (i+1) + "dsc value='" + itemdsc + "'>";
orderData += "<input type=hidden name=item" + (i+1) + "cst value='$" + itemcst + "'>";
orderData += "<td>" + itemnum + "</td>";
orderData += "<td>" + itemdsc + "</td>";
orderData += "<td>" + itemcst + "</td>";
orderData += "</tr>";
grandTotal += parseInt(itemcst);
}
orderData += "<tr bgcolor='#666666'>";
orderData += "<td colspan=2><div id='totale'>TOTALE</div></td><td><div id='totale'>" + grandTotal + ".00</div></td>";
orderData += "</tr>";
orderData += "<tr>";
orderData += "<td colspan=3 align=center><input type='submit' value='CONFERMA'><input type='button' value='Annulla' onClick='javascript:history.go(-1);'></td>";
orderData += "</tr>";
orderData += "<input type=hidden name=grandtotal value='$" + grandTotal + ".00'>";
orderData += "</table>";
document.write(orderData);
}
// End -->
</script>
</head>
<body>
<script language="JavaScript">
<!-- Begin
decodeString();
// End -->
</script>
</form>
</body>
</html>
Rispondi quotando
