Sir,
I have an order form in javascript. Now I want to make it in such a way that when the user clcik the " order Now" button the whole context ( checked box , alongwith the total) will redirected to me so that I can view who will clicked the " order now" button and what is his requirements. Can anybody help me? Please spend some of your valuable time for me. Here is the javascript for your kind look.
Regards
trnghosh
<SCRIPT LANGUAGE=“JavaScript”>
function CheckChoice(whichbox)
{
with (whichbox.form)
{
//Handle differently, depending on type of input box.
if (whichbox.type == “radio”)
{
//First, back out the prior radio selection’s price from the total:
hiddentotal.value = eval(hiddentotal.value) - eval(hiddenpriorradio.value);
//Then, save the current radio selection’s price:
hiddenpriorradio.value = eval(whichbox.price);
//Now, apply the current radio selection’s price to the total:
hiddentotal.value = eval(hiddentotal.value) + eval(whichbox.price);
}
else
{
//If box was checked, accumulate the checkbox value as the form total,
//Otherwise, reduce the form total by the checkbox value:
if (whichbox.checked == false)
{ hiddentotal.value = eval(hiddentotal.value) - eval(whichbox.value); }
else { hiddentotal.value = eval(hiddentotal.value) + eval(whichbox.value); }
}
//Ensure the total never goes negative (some browsers allow radiobutton to be deselected):
if (hiddentotal.value < 0)
{
InitForm();
}
//Now, return with formatted total:
return(formatCurrency(hiddentotal.value));
}
}
//Define function to format a value as currency:
function formatCurrency(num)
{
// Courtesy of http://www7.brinkster.com/cyanide7/
num = num.toString().replace(/$|,/g,’’);
if(isNaN(num))
num = “0”;
sign = (num == (num = Math.abs(num)));
num = Math.floor(num100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = “0” + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4i+3))+’,’+
num.substring(num.length-(4*i+3));
return (((sign)?’’:’-’) + ‘$’ + num + ‘.’ + cents);
}
//Define function to init the form on reload:
function InitForm()
{
//Reset the displayed total on form:
document.myform.total.value=’$0’;
document.myform.hiddentotal.value=0;
document.myform.hiddenpriorradio.value=0;
document.myform2.total.value=’$0’;
document.myform2.hiddentotal.value=0;
document.myform2.hiddenpriorradio.value=0;
document.myform2.hiddenpriorradio.value=0;
//Set all checkboxes and radio buttons on form-1 to unchecked:
for (xx=0; xx < document.myform.elements.length; xx++)
{
if (document.myform.elements[xx].type == ‘checkbox’ | document.myform.elements[xx].type == ‘radio’)
{
document.myform.elements[xx].checked = false;
}
}
//Set all checkboxes and radio buttons on form-2 to unchecked:
for (xx=0; xx < document.myform2.elements.length; xx++)
{
if (document.myform2.elements[xx].type == ‘checkbox’ | document.myform2.elements[xx].type == ‘radio’)
{
document.myform2.elements[xx].checked = false;
}
}
}
// End -->
</script>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
<title>Untitled Document</title>
</head>
<body>
<BODY onLoad=“InitForm();” onreset=“InitForm();”>
<form name=orderform action=“confirm-order.html”>
<font face=Arial size=2>
<input type=“checkbox” name=“Do you want 5 pages?” value=150 onclick=“this.form.total.value=CheckChoice(this);”>
Do you want 5 pages? <br>
<input type=“checkbox” name=“Do you want 10 pages?” value=250 onclick=“this.form.total.value=CheckChoice(this);”>
Do you want 10 pages? <br>
<input type=“checkbox” name=" Do you want ecommerce?" value=100 onclick=“this.form.total.value=CheckChoice(this);”>
Do you want ecommerce?
<br>
<input type=“checkbox” name=" Do you want a logo?" value=30 onclick=“this.form.total.value=CheckChoice(this);”>
Do you want a logo?
<br>
<input type=“hidden” name=“hiddentotal” value=0>
<input type=“hidden” name=“hiddenpriorradio” value=0>
<font size=+1>
Your total is: <input type=“text” name=“total” readonly onFocus=“this.blur();”>
<br />
<tr>
<td> <input name=“submit” type=submit value="Order Now " /></td>
</tr>
</form>
