Learn VBA & Macros in 1 Week!

JavaScript - Javascript Order Form Help Needed

Full Excel VBA Course - Beginner to Expert

Javascript Order Form Help Needed	View Content

Problem solved thanks to Philip M.
____________________________________________________________________________________

Here is the source code:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<TITLE>Order Forms</TITLE>

<SCRIPT>

/******************************* Form Calculations ************************************/

function calculate(fld, price) { // fld will equal pw1 or pe1
     var dir = fld.name.charAt(1); // used to determine whether it is the East or West Form
     var num = fld.name.charAt(2); // what Item number is it
     var quant = fld.options[fld.selectedIndex].value; // how many of the items did the User choose
     var subtotal = eval(quant * price);
     // the eval converts a string to an Object property - in this case the value
     // dir = East or West & num = Item number
     // with this information we can post the result to appropriate Form &
     // to the appropriate Field on the Form 
     eval('document.order.t' + dir + num).value = fix(subtotal);
     var total = 0;
     // this loop sums the totals for each of the Items to give us the Grand Total for that Form
     for (i = 1; i < 11; i++) {
          // does that particular Item have a "total" - in other words did the User choose this Item
          var itemTotal = eval('document.order.t' + dir + i).value;
          // total is a running sum of the Form's "subtotals"
          if (parseFloat(itemTotal) > 0) total += parseFloat(itemTotal);
     }
    // prior to sticking in the Grand Total into the Total Field we need to "dollarize" the number
     eval('document.order.total' + dir ).value = fix(total);
}

// a number like 6.6 should ultimately read as $6.60 and not $6.6
// a number like 6.6275 should ultimately read as $6.63
// the fix(total) function takes care of these particular problems
function fix(total) { // ie, total == 6.6275
     var dollars = Math.floor(total); // dollars = 6

     // browsers sometimes have rounding errors - 662.75 - 600 = 62.75
     var cents = (total * 100) - (dollars * 100); 

     cents = Math.round(cents);  // 63

     if (cents < 10) cents = "0" + cents;
     // .998 will become 1.00 so we need to increment the dollar value by one
     if (cents == 100) dollars++;
     // if cents equal 0 then dollars equal total or total + 1 incase of .998
     if (dollars == total || dollars == Math.floor(total) + 1) cents = "00";

     total = dollars + "." + cents; // 6.63
     return total;
}

/******* End of Form Calculations ********/

</SCRIPT>
</HEAD>

<BODY BGCOLOR="#FFFFFF">


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td><form action="sendemail.php" method="post" name="order" id="order" onSubmit="return ValidateInput(this)"></td>
    <td><input type="hidden" name="Formulaire de commande site Pain et Passion" value=""></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td>Product</td>
    <td>Price</td>
    <td>Quantity</td>
    <td>Total</td>
</tr>
<tr>
    <td>Item 1</td>
    <td>1.99</td>
    <td><SELECT NAME="pw1" SIZE="1" ONCHANGE="calculate(this, 1.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw1" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>Item2</td>
    <td>2.99</td>
    <td><SELECT NAME="pw2" SIZE="1" ONCHANGE="calculate(this, 2.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw2" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>item3</td>
    <td>3.99</td>
    <td><SELECT NAME="pw3" SIZE="1" ONCHANGE="calculate(this, 3.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw3" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>Item3</td>
    <td>1.99</td>
    <td><SELECT NAME="pw4" SIZE="1" ONCHANGE="calculate(this, 1.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw4" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>Item4</td>
    <td>3.99</td>
    <td><SELECT NAME="pw5" SIZE="1" ONCHANGE="calculate(this, 3.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw5" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>Item5</td>
    <td>2.99</td>
    <td><SELECT NAME="pw6" SIZE="1" ONCHANGE="calculate(this, 2.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw6" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>Item6 </td>
    <td>4.99</td>
    <td><SELECT NAME="pw7" SIZE="1" ONCHANGE="calculate(this, 4.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw7" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>Item7</td>
    <td>5.99</td>
    <td><SELECT NAME="pw8" SIZE="1" ONCHANGE="calculate(this, 5.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw8" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>Item8</td>
    <td>1.99</td>
    <td><SELECT NAME="pw9" SIZE="1" ONCHANGE="calculate(this, 1.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw9" SIZE="10" VALUE></td>
</tr>
<tr>
    <td>Item9 (not working)</td>
    <td>5.99</td>
    <td><SELECT NAME="pw10" SIZE="1" ONCHANGE="calculate(this, 5.99)">

                            <OPTION VALUE="0">0</OPTION>
                            <OPTION VALUE="1">1</OPTION>
                            <OPTION VALUE="2">2</OPTION>
                            <OPTION VALUE="3">3</OPTION>
                            <OPTION VALUE="4">4</OPTION>
                            <OPTION VALUE="5">5</OPTION>

                            <OPTION VALUE="6">6</OPTION>
                            <OPTION VALUE="7">7</OPTION>
                            <OPTION VALUE="8">8</OPTION>
                            <OPTION VALUE="9">9</OPTION>
                            <OPTION VALUE="10">10</OPTION>
                            <OPTION VALUE="11">11</OPTION>

                            <OPTION VALUE="12">12</OPTION>
                            <OPTION VALUE="13">13</OPTION>
                            <OPTION VALUE="14">14</OPTION>
                            <OPTION VALUE="15">15</OPTION>
                            <OPTION VALUE="16">16</OPTION>
                            <OPTION VALUE="17">17</OPTION>

                            <OPTION VALUE="18">18</OPTION>
                            <OPTION VALUE="19">19</OPTION>
                            <OPTION VALUE="20">20</OPTION>
                          </SELECT></td>
    <td><INPUT TYPE="text" NAME="tw10" SIZE="10" VALUE></td>
	<tr>
    
    <td><p align="right">grand total&nbsp;&nbsp;&nbsp;&nbsp; <img src="arrow.png" width="32" height="32" border="0" alt="" align="absmiddle"></p></td>
    <td><input type="text" name="totalw" size="10" style="background: #87cefa;"></td>
	<td align="left"><input type="submit" value="SEND YOUR ORDER" style="background: #87cefa;"></td>
</tr>
</tr>
<tr>
    <td>Name</td>
    <td><input type="text" name="name"></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td>e-mail</td>
    <td><input type="text" name="e-mail"></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td>Phone</td>
    <td><input type="text" name="phone"></td>
    <td></td>
    <td></td>
</tr>
</table>
</FORM>
</BODY>
</HTML>

Full Excel VBA Course - Beginner to Expert

Javascript/html Order Form Problem

Similar Tutorials

View Content

Hello,

I am nearing completion on the modification of a Javascript/Html Order Form.
The problem arises when I click on 'Submit Order' after filling in details and choosing a product. For some reason, the pop up box shows the correct product, but it shows the $ Total from the previous box in the table.

Thank you all for your time in looking into this:

Code:

<html>

<head>

<title>JS Order</title>

 

<script language="JavaScript">



<!-- Start hiding from older browsers.



//  This function displays the nag screen when a field hasn't been filled in.

function nag(form, field, x)

{       

        ufield=field.toUpperCase();

        alert("Details missed " + ufield + "!" + "\n\nPlease fill in the field and submit the form again.");

        form.elements[x].focus();

}





//  This function is used to  round the tax amount to the nearest hundreths.

function roundPrice(price)

{

  //  save a copy of the price in case it is an even dollar amount.

  var workPrice = price;



  // Make the price a string by adding a string 0 to the end.

  workPrice  += "0"; 



  // Find out where the decimal point is.

  var pointIndex = workPrice.indexOf(".",0);



// If there is a decimal point now check to see if it needs to be rounded up.

if (pointIndex >= "0") {



  //  Set an index for the thousands digit.

  var thousands = pointIndex +3;



  // if the third number past the decimal point is greater than or 

  // equal to 5, then we need to round up the hundredth digit.

  if (workPrice.charAt(thousands) >= "5") 

  {

   //  Turn the price into a number.

   workPrice=parseFloat(price);

   

   //  Round up the price.

   workPrice=workPrice + .01;



   //  Turn it back into a string.

   workPrice=workPrice + "0";



   //  Cut off the thousands on down.

     rPrice = workPrice.substring(0,thousands);



   } else {



   //  We didn't need to round the price up so cut off the

   //  thousands on down and return the price

   rPrice = workPrice.substring(0,thousands);

   }



//  Its an even dollar amount so just put on the .00 on the end.

} else {

  rPrice = price + ".00";

}



 // Now return the rounded price.

 return rPrice;

}





//  This function calculates the form.

function updatePrice()

{

   //  Reset the subtotal price

   var addPrice = 0;



   //  Reset the running total prices.

   var nowPrice = 0;



   //  Reset the nubmer of part ordered.

   var partcount = 0;



   //  Step through each element in the form.

   for (i = 0; i < parseInt(self.document.forms[0].elements.length); i++)

   {



      //  If the form element has "qty" in the name then we need to process it.

      if (self.document.forms[0].elements[i].name.substring(0,3) == 'qty')

      {



         // If the item has a quantity of not 0, then we need to process it.

         if (self.document.forms[0].elements[i].value != 0)

         {



			// Locate the cost

			costIndex = i + 1;



            //  Increment the part counter.

            partcount++;



            //  Get the actual value for the quantity.

            nowQty = eval(self.document.forms[0].elements[i].value);



            //  Get the cost of the item.

            nowPrice = eval(self.document.forms[0].elements[costIndex].value);



            //  Calculate the extended cost (i.e., quanty * cost).

            nowPrice = eval(nowPrice * nowQty);



	    //  Add to the subtotal.

            addPrice += nowPrice;

         }  

      }

   }



   //  Round off the subTotal price.

   subTotal=roundPrice(addPrice);



   //  Put the sub total price into the form.

   self.document.forms[0].subtot.value = subTotal;



   // Figure the tax.

   tax = parseFloat(self.document.forms[0].taxrate.value * addPrice);



   //  Round off the tax price.

   totalTax = roundPrice(tax);



   //  Put the total tax into the form.

   self.document.forms[0].totaltax.value = totalTax;





   // Start figuring the total including tax.

   //  Turn the price string into a number.

   subPrice =  parseFloat(addPrice);



   // Turn the tax string into a number.

   addTax = parseFloat(totalTax);



   //  Add the tax and subtotal to get the total price.

   totalPrice = (addTax + subPrice);



   //  Round the total price.

   finalPrice = roundPrice(totalPrice);



   //  Update the form with the total cost.

   self.document.forms[0].cost.value = finalPrice;



   //  Update the form with the number of line items.

   self.document.forms[0].items.value = partcount;

}



function orderIt(form)

{

  //  If the order is zero, display a message.

  if (form.cost.value == "0.00")

  {

      alert("You have not ordered anything.  Please select an item and re-submit your order.")

  } else {



    if (form.elements[0].value == "")

        {

                nag(form, form.elements[0].name,0)

        } else if (form.elements[1].value == "")

        {

                nag(form, form.elements[1].name, 1)

        } else if (form.elements[2].value == "")

        {

                nag(form, form.elements[2].name, 2)

        } else if (form.elements[4].value == "")

        {

        nag(form, form.elements[4].name, 4);

        } else if (form.elements[5].value == "")

        {

        nag(form, form.elements[5].name, 5);

        } else if (form.elements[6].value == "")

        {

        nag(form, form.elements[6].name, 6);

        } else if (form.elements[10].value == "")

        {

        nag(form, form.elements[10].name, 10);



     } else {

   var message = "You have ordered the following items:\n";

   message = message + "Qty\tCost\tDescription\n";



   // Step through each element in the form.

   for (i = 0; i < parseInt(self.document.forms[0].elements.length); i++)

   {



      //  If the form element has "qty" in the name then we need to process it.

      if (self.document.forms[0].elements[i].name.substring(0,3) == 'qty' && self.document.forms[0].elements[i].value !=0)

      {



         //  Get the quantity.

         qtyItem = self.document.forms[0].elements[i].value; 



		 costItem = self.document.forms[0].elements[i-2].value;

   

         //  Get the description.

         descItem = self.document.forms[0].elements[i-1].value;



         //  add the line item to the confirmation message.

         message = message + qtyItem + "\t" + costItem + "\t" + descItem + "\n";

      }

      

   }



    message = message + "\nOrder total: $" + self.document.forms[0].cost.value

	if (confirm(message)) 

	{ 

	self.document.forms[0].submit();

	}

      }

   }

}

// end hiding from older browsers -->

</script>



</head>

<body bgcolor="white" text="black" alink="red" vlink="purple" link="blue"  background="images/bkgrd.gif"> 

<p>

<table width=440>

<tr><td>

<p>

<form name=options method=post action="/cgi-bin/order.cgi">

<table border="0" width="100%" id="table1">

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">&nbsp;First Name:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=FirstName size=30 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Last Name:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=LastName size=30 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Address Line 1:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=Address1 size=40 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Address Line 2:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=Address2 size=40 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Suburb:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=Suburb size=25 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">City:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=City size=25 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Postal Code:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=PostalCode size=15 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Country:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=Country size=15 maxlength=40 value=NZ></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Home Phone:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=HomePhone size=20 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Mobile Phone:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=MobilePhone size=20 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">E-Mail Address:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=EmailAddress size=30 maxlength=40></font></td>

	</tr>

	<tr>

		<td width="109" align="right"><font face="Arial" size="2">Domain Name:</font></td>

		<td width="15">&nbsp;</td>

		<td align="left"><font size="1" face="Arial"> 

		<input type=text name=DomainName size=30 maxlength=40></font></td>

	</tr>

</table><br>

<font face="Arial" size="2">Enter a quantity of 1 into the package you require.<br><br>

Monthly payments incur a $2 per month administration fee.

Set up is <b>free</b> for all packages (for a limited time).</font><br><br>

<table border=1 cellpadding=2 width="500" bordercolorlight="#808080">

<tr>

    <th><font face="Arial" size="2">Description</font></th>

    <th><font face="Arial" size="2">Qty</font></th>

    <th><font face="Arial" size="2">Total</font></th>

</tr>

<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc1" value="Basic Monthly">

	</font><font face="Arial" size="2">Basic Package <BR><B> Pay Monthly</B></font></td>

	<td align=center><font size="1" face="Arial"><input type=text name="qty1" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center><font size="1" face="Arial"><input type=hidden name="cost1" value="11.99">

	</font><font face="Arial" size="2">$11.99</font></td>

</tr>



<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc2" value="Basic PrePay 1 Year">

	</font><font face="Arial" size="2">Basic Package - $9.99 per month<BR><B> Pre-pay 12 mths (1 month free limited offer) </B>

	</font></td>

	<td align=center><font size="1" face="Arial"><input type=text name="qty2" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center><font size="1" face="Arial"><input type=hidden name="cost2" value="109.89">

	</font><font face="Arial" size="2">$109.89</font></td>

</tr>



<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc3" value="Basic PrePay 2 Years">

	</font><font face="Arial" size="2">Basic Package - $8.99 per month<BR><B> Pre-pay 24 mths (2 months free limited offer) </B>

	</font></td>

    <td align=center><font size="1" face="Arial"><input type=text name="qty3" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center><font size="1" face="Arial"><input type=hidden name="cost3" value="197.78">

	</font><font face="Arial" size="2">$197.78</font></td>

</tr>



<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc4" value="Basic PrePay 3 Years">

	</font><font face="Arial" size="2">Basic Package - $7.99 per month<BR><B> Pre-pay 36 mths (3 months free limited offer) </B>

	</font></td>

    <td align=center><font size="1" face="Arial"><input type=text name="qty4" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center><font size="1" face="Arial"><input type=hidden name="cost4" value="263.67">

	</font><font face="Arial" size="2">$263.67</font></td>

</tr>

<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc13" value="Deluxe Monthly">

	</font><font face="Arial" size="2">Deluxe Package<BR><B> Pay Monthly</B></font></td>

	<td align=center><font size="1" face="Arial"><input type=text name="qty13" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center><font size="1" face="Arial"><input type=hidden name="cost13" value="21.99">

	</font><font face="Arial" size="2">$21.99</font></td>

</tr>



<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc14" value="Deluxe PrePay 1 Year">

	</font><font face="Arial" size="2">Deluxe Package - $19.99 per month<BR><B> Pre-pay 12 mths (1 month free limited offer) </B>

	</font></td>

	<td align=center><font size="1" face="Arial"><input type=text name="qty14" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center><font size="1" face="Arial"><input type=hidden name="cost14" value="219.89">

	</font><font face="Arial" size="2">$219.89</font></td>

</tr>



<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc15" value="Deluxe PrePay 2 Years">

	</font><font face="Arial" size="2">Deluxe Package - $18.99 per month<BR><B> Pre-pay 24 mths (2 months free limited offer) </B>

	</font></td>

    <td align=center><font size="1" face="Arial"><input type=text name="qty15" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center><font size="1" face="Arial"><input type=hidden name="cost15" value="417.78">

	</font><font face="Arial" size="2">$417.78</font></td>

</tr>



<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc16" value="Deluxe PrePay 3 Years">

	</font><font face="Arial" size="2">Deluxe Package - $17.99 per month<BR><B> Pre-pay 36 mths (3 months free limited offer) </B>

	</font></td>

    <td align=center><font size="1" face="Arial"><input type=text name="qty16" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center><font size="1" face="Arial"><input type=hidden name="cost16" value="593.67">

	</font><font face="Arial" size="2">$593.67</font></td>

</tr>



</table>

<font face="Arial" size="2">

<br>

</font>

<table border=1 cellpadding=2 width="500" bordercolorlight="#808080">

<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc17" value="Blogging Software Installation Service">

	</font><font face="Arial" size="2">Installation Service<BR><B> Blogging software 

	(Wordpress etc)</B></font></td>

    <td align=center width="39"><font size="1" face="Arial"><input type=text name="qty17" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center width="63"><font size="1" face="Arial"><input type=hidden name="cost18" value="39.00">

	</font><font face="Arial" size="2">$39.00</font></td>

</tr>



<tr>

    <td align=center><font size="1" face="Arial"><input type=hidden name="desc19" value="Shopping Cart Installation Service">

	</font><font face="Arial" size="2">Installation Service<BR><B> Shopping Cart 

	(ZenCart, osCommerce, Cubecart etc)</B></font></td>

    <td align=center width="39"><font size="1" face="Arial"><input type=text name="qty19" size=3 maxlength=3 value="0" onchange="updatePrice()"></font></td>

    <td align=center width="63"><font size="1" face="Arial"><input type=hidden name="cost19" value="349.00">

	</font><font face="Arial" size="2">$349.00</font></td>

</tr>



</table>

<p>

<table width=500>

<tr>

    <td align=right>

<div align="left">

<table cellpadding=1 cellspacing=1>

<tr>

     <td colspan=2 align=right><font face="Arial" size="2">Sub Total: $</font><font size="1" face="Arial"><input name=subtot value="0.00" size=10 maxlength=10 onChange="updatePrice()"></font></td>

</tr>

<tr>

     <td valign=bottom><font size="1" face="Arial"><input type=hidden value=".15" name=taxrate size=5 maxlength=5 onchange="updatePrice()">

		</font></td>

     <td align=right><font face="Arial" size="2">GST: $</font><font size="1" face="Arial"><input type=text name=totaltax size=10 maxlength=10 value="0.00" onChange="updatePrice()"></font></td>

</tr>

<tr>

     <td colspan=2 align=right><font face="Arial" size="2">Total Order: $</font><font size="1" face="Arial"><input name="cost" type=text value="0.00" size=10 maxlength=10  onChange="updatePrice(this.form)"><input type=hidden maxlength=4 size=4 name=items></font></td>

</tr>

</table>

</div>

<p>

<font size="1" face="Arial">

<input type=button value="Submit Order" onClick="orderIt(this.form);" style="float: left"></font><font face="Arial" size="2">

</font><font size="1" face="Arial"> 

<input type=reset value="Clear Order" style="float: left"><font face="Arial" size="2">

</form>

</font></font>

</center>

</body>

</html>

Javascript For A Simple Order Form With Drop Down Payment

Similar Tutorials

View Content

Hi everyone,
I am converting a program that displays the payment options as a list of check boxes to a drop down list. I have tried using onBlur(), etc. but the program is displaying my error that says I didn't select a payment method. Here is the code, thanks for any hints or help!
Code:

<html>
<head>
<title>Order form</title>
	<meta http-equiv="Content-Type" content="text/javascript">
	<script type="text/javascript">
	function total()
	{
		var subtotal=0;
		var total=0;
		var adjustment=1;
		payment=false;
		var elmnts=document.payform.elements;
		
		for (var x=0; x<(document.payform.elements['item[]'].length); x++)
		{
			if (document.payform.elements['item[]'][x].checked)
			{
				
				subtotal=subtotal+parseFloat(document.payform.elements['item[]'][x].value);
			}
		}

		for (var x=0; x<(document.payform.pay.length); x++)
		{
			if (document.payform.pay[x].checked)
			{
				adjustment=document.payform.pay[x].value;
				payment=true;
			}
		}
		
		if (payment)
		{
			total=subtotal*adjustment;
			total = total.toFixed(2);
			document.payform.display.value="subtotal: "+subtotal+"\rAdjustment: "+adjustment+"\rTotal: "+total;
		}
		else
		{
			window.alert("Please choose payment type.");
		}
	}
		
	</script>
</head>

<body>
	<form name="payform">
	<table border="0" cellpadding="5">
	<tr>
		<td width="250" valign="top">
		<b>Please buy some stuff!</b><br />
			<input type="checkbox" name="item[]" value="14.99" />Chang $14.99<br />
			<input type="checkbox" name="item[]" value="12.99" />Chartreuse verte $12.99<br />
			<input type="checkbox" name="item[]" value="13.99" />Gnocchi di nonna Alice $13.99<br />
			<input type="checkbox" name="item[]" value="14.99" />Gudbrandsdalsost $14.99<br /><br />
		<b>Choose payment methods</b><br />		
		<select name = "pay" size = 0>
			<option value = "0"></option>
			<option value = "1.2">Monday order (20% service charge)</option>
			<option value = "1.1">Personal check (10% service charge)</option>
			<option value = ".8">Visa (preferred -- 20% discount)</option>
			<option value = "1.2">MasterCard (10% discount)</option>
			<option value = "1.2">Discover (10% discount)</option>
		</select>	
		
		<br /><br />
		<input type="button" value="Process Order" onClick="total()" />
		<input type="reset" value="Reset Form" />
		</td></tr>
	<tr>
		<td width="200" valign="bottom">
		<textarea name="display" rows="5" cols="35"></textarea></td>
	</tr>
	</table>
	</form>
</body>
</html>

Problem Totalling Javascript/html Order Form

Similar Tutorials

View Content

Javascript Form Help Needed

Similar Tutorials

View Content

I will be completely up front about this, its school work. At the end of a basic html class I missed several classes for family reasons and missed just about everything on Javascript. The book we used basically didnt cover anything over it, was all in class learning I missed. Anyone who could help would be so helpful.

One function is partial, one is blank, thats what is supposed to be added/corrected to the following code

Code:

<html>
<head>

<script language="javascript" type="text/javascript">

function processScore()
{
var score = 0;
if ( ...checked)
{score = score + 1;}
if (...checked)
{score = score + 1;}
document.answerForm.score.value = score;
// Display the correct answers
document.answerForm.answer1.value = " "; // put the correct value here
document.answerForm.answer2.value = " "; // put the correct value here
} //End of function processScore

function clearForm()
{
// using the a javascript method clear all forms
}
</script>

</head>

<body style="font-family:tahoma; font-size:15px; line-height:200%; width:80%; margin-left:auto; margin-right:auto;">
<hr color="red" width="60%" size="5">
<form name="question1" id="question1">
1. Which of the following is the document considered to be?<br/>
<input type = "radio" name="choiceRB">
a. object<br />
<input type = "radio" name="choiceRB">
b. property<br />
<input type = "radio" name="choiceRB">
c. method<br />
</form>
<hr color="green" width="60%" size="5">
<form name="question2" id="question2">
2. Which method of the window can be used to display a message to the user?<br/>
<input type = "radio" name="choiceRB">
a. display()<br />
<input type = "radio" name="choiceRB">
b. message()<br />
<input type = "radio" name="choiceRB">
c. alert()<br />
</form>
<hr color="red" width="60%" size="5">
<input type="button" value="Grade the Quiz" onclick=?> <input type="button" value="Start Over" onclick=?>
<form name="answerForm" id="answerForm">
<p><strong>Correct Answers:</strong><br/></p>
Question 1: <input type="text" name="answer1" size="1"><br />
Question 2: <input type="text" name="answer2" size="1"><br />
<p>You scored <input type="text" name="score" size = "1"> out of 2</p>

</form>
<br />
</body>
</html>

thnx in advance to anyone who can help

Help Needed With 'simple' Seo Javascript Form

Similar Tutorials

View Content

Hi Coders...

I'm building a 'really simple' JavaScript program to help editors write SEO-friendly META titles and META descriptions. The idea is you have 3 text boxes, each on a separate line:

BOX 1 - META TITLE [ i.e. "Cool website page" ]
BOX 2 - FILE NAME [ i.e. "This is a really cool web page about cool stuff"]
BOX 3 - META DESCRIPTION [ i.e. "cool-web-page" ]

As the editor types in the boxes, a serp listing is displayed as it would appear on Google (and ideally how it would appear on Bing and Yahoo):

Cool website page
www.coolwebsite.com/cool-web-page
This is a really cool web page about cool stuff

Kudos to any one who could point a JavaScript newbie in the right direction

Help Needed! Javascript Form Validation

Similar Tutorials

View Content

Below is some code I wrote for my assignment that is due tonight; however, I can't seem to get any of the validation features to work. Can someone help me? I'm really new to javascript and struggling through it, but really want to figure this out.

Here are the things I'm trying to do:
-Validate each textbox to make sure they aren't empty
-Validate one textbox to make sure that the text entered is numeric only
-Validate the two email addresses for proper email format
-Validate the two email addresses to make sure they are exactly alike
-Show all of your errors at once, in one alert box, not individually.
-Only check for matching emails if the first is valid.

Here is my attempt at the code:
[CODE]
<script type="text/javascript">


</script>

<noscript>
This site uses JavaScript code for validation and calculations based on user input.
</noscript>

<form name="form1" id="form1" method="post" action="intercept-searchform.asp" onsubmit="return Validate(this)">

<div>
<label for="EmailSearch">Email Address:</label>
<input name="EmailSearch" type="text" class="TextBox" id="EmailSearch" />
</div>

<div>
<label for="ConfirmEmailSearch">Confirm Email Address:</label>
<input name="ConfirmEmailSearch" type="text" class="TextBox" id="ConfirmEmailSearch" />
</div>

<div>
<label for="ZIPSearch">ZIP Code</label>
<input name="ZIPSearch" type="zip" class="zip" id="zip" />
</div>

<div>
<label for="ProductSearchDescription">Describe the product you are looking for.</label>
<textarea name="ProductSearchDescription" id="ProductSearchDescription" class= "Comments" rows="6" cols="50"></textarea>
</div>

<br />

<div id="buttons">
<input name="Submit" type="Submit" value="Submit" />
<input name="Reset" type="Reset" />
</div>
</form>

[CODE]

Thank you so much to anyone willing to help give me some guidance!

Jquery Realtime Order Form - Change Form Elements Depending On Selection

Similar Tutorials

View Content

Hello

I've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page:
http://www.watphotos.com/introductio...otography.html

And here is the code in question:

Code:

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 
 $(document).ready(function(){
	var initial	= 0
	var total = 0;
	var services = 0;
	function addServices()
	{
		initial = 150
		total = initial
		services = 0;
		$("input:checked").each(function(){
			value = $(this).attr("value");		
			services += parseInt(value);
		});
	}
	$(function()
	{
		addServices();
		total += services;
		$("form").before('<p class="price"></p>')		
		$("p.price").text("Total Price: US$" + total);
	});
 	$("input:radio, input:checkbox").click(function () {
		addServices();
		total += services
		$("p.price").text("Total Price: US$" + total);
    });
 
 });
 
</script>

I have two questions...

Question 1
How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky.
I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this?

Question 2
The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document?

Thanks in advance!

Values Form A Order Form To Display On A Diffirent Page

Similar Tutorials

View Content

I have a order form page and on submitting it opens a new web page that displays the order totals. Below is my code and most probably wrong but for me it seems logic. Please assist.

Order Form:
Code:

<td colspan="1" height="120" align="left"> 
<select style="margin-left: 60px; background-color: #00FF77;" name="prod_bed_359"  onchange="calculateValue(this.form)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select> R359</td></tr>

New page I called a unction to print:
Code:

function itemsOrdered() {
var beds = document.forms[2].prod_bed_359.value;
document.write("<pre><strong>Description\t\tQuantity\tPrice</strong></pre>");
document.write("<pre>Doggie Bed\t\t" + beds + "</pre>");	
}

This is still basic as I need to get this right before adding the prices and totals which is also extracted from the order page.

Javascript Put In Order

Similar Tutorials

View Content

I have a challenge I gave to myself. I want a script that asks me to put things in order. Say I want a quiz of family, order of age. I have a table with the left cell everybody's name I want a script where I click on a name and it moves over to the right hand cell, up top, then the next clicked named is put under it and so on until all the names are moved over. So far I have this, but I know there is a lot of room for improvment. any suggestions?
<HTML>
<HEAD>
<TITLE>Put Bible books in proper order</TITLE>
</head>

<body>
<h1>Hello World!</h1>
<TABLE BORDER=5><TR><TD>
<FORM NAME="BOOKS">
<script language="javascript" type="text/javascript">
alert('This is what an alert message looks like.');
FUNCTION TESTER() {
ALERT('WORKS');
VAR GOOD=0;
VAR BAD=0;
if (BOOKS.FONE="A") {
GOOD++;
}
ELSE {
BAD++;
};
ALERT("YOU HAVE INCORRECT");
}
</script>

<TABLE BORDER=0><TR><TD>

<TABLE BORDER=1>
<TR><TD><INPUT TYPE="BUTTON" VALUE="Adam" NAME="GONE" onClick="javascript:TEMP.value=this.value";>
<TR><TD><INPUT TYPE="BUTTON" VALUE="Dave" NAME="GTWO" ONCLICK="javascript:TEMP.value=this.value";>
<TR><TD><INPUT TYPE="BUTTON" VALUE="Kile" NAME="GTHREE" ONCLICK="javascript:TEMP.value=this.value";>
<TR><TD><INPUT TYPE="BUTTON" VALUE="John" NAME="GFOUR" ONCLICK="javascript:TEMP.value=this.value;">
<TR><TD><INPUT TYPE="BUTTON" VALUE="Geroge" NAME="GTWO" ONCLICK="javascript:TEMP.value=this.value;">
</TABLE>

<TD VALIGN="CENTER" ALIGN="CENTER" WIDTH=30>
<INPUT TYPE="BUTTON" VALUE=" " NAME="TEMP">
<TD>

<TABLE BORDER=1>
<TR><TD><INPUT TYPE="BUTTON" VALUE="?????" NAME="FONE" ONCLICK="javascript:this.value=TEMP.value;TEMP.value=' '">
<TR><TD><INPUT TYPE="BUTTON" VALUE="?????" NAME="FTWO" ONCLICK="javascript:this.value=TEMP.value;">
<TR><TD><INPUT TYPE="BUTTON" VALUE="?????" NAME="FTHREE" ONCLICK="javascript:this.value=TEMP.value;">
<TR><TD><INPUT TYPE="BUTTON" VALUE="?????" NAME="FFOUR" ONCLICK="javascript:this.value=TEMP.value;">
<TR><TD><INPUT TYPE="BUTTON" VALUE="?????" NAME="FFIVE" ONCLICK="javascript:this.value=TEMP.value;">
</TABLE>

</TABLE>
<INPUT TYPE="BUTTON" NAME="CHECK" onClick="JAVASCRIPT:ALERT()" VALUE="CORRECT???">

</FORM>
</TABLE>
</BODY>
</HTML>

Order Form

Similar Tutorials

View Content

Hi,

I need help with my javascript codes to finish my order form.

The first problem I am encountering is this:

I need the quantity to appear automatically in the total quantity for sub total.

how is this?

I have assigned TotalQuantity.value for the quantity.

Thank you.

You can see the image here.
http://img821.imageshack.us/i/oderform.jpg/

Order Form Help

Similar Tutorials

View Content

Hi their,

i'm trying to create an online order page

i'm having probelms calculating totals from the options

not sure if i've designed it correctly

i have 3 select options (with 4 different products in each)

a single checkbox for another single product

and a final select tag for amounts (500/1000/2500/5000)

i need to assign each select option a value then * it by the amount select

am i best using onchange/an array or ditching select tags for something easier

any help greatly appreciated

Marty

Order Form Help

Similar Tutorials

View Content

Hello guys,
please help me in building an order form, the details.
The order form consist of text box product quantity, unit price, total price, sub total price, tax, discount, grand total quantity and grand total price.
There are 8 products so there will be 8 product quantity, unit price, total price text boxes. When a user enter the product quantity and unit price, the total price column should be automatically calculated e.g. if product quantity is 8, unit price is 2 then the total price should come to 16. The sub total price will be automatically calculated which should be the addition of all total prices so as the product quantity. The user will enter the tax and discount amount which should be calculated as percentage. Tax will be added to sub total and discount will be subtracted from sub total and then the total price will be displayed in the grand total text box.

Please help me to develop this form.

Thank You

Javascript Stacking Order

Similar Tutorials

View Content

Hello,

I have to JS scripts running on a page, one is a fading slide-show acting as a header and the other is a light-box like image gallery. When I view a picture in the "light-box" mode it sits underneath the fading slide-show and I want it to be on top of everything - much like setting the z-index in css. Although I don't think this is the way to solve this.

Anyway, you can check what I'm talking about here.

Help Debug Order That Javascript Is Going.

Similar Tutorials

View Content

Code:

 strapplicantid=document.getElementById('applicantid').value;
$.get("spt.asp"+ '?id=' + strapplicantid + '&rnde='+ Math.round(Math.random() * 10000), function(data){
   alert("Data Loaded: " + data);
    
 });
alert("here");

why is the alert("here") happenign before the alert dataloaded.
I want to be albe to load the html into the variable data and then use that variable. How is this possible to do?

Javascript Order Forms

Similar Tutorials

View Content

Online Order Form?

Similar Tutorials

View Content

I have been playing with two options but just dont seem to get the coding right. Can someone please assist. Using ie9 but same problem with all browsers.

first snippets.
HTML:
Code:

<!-- Row 3, Col 3 purchase boxes -->
<td colspan="1" height="120" align="left">
<input style="margin-left: 60px" type="text" name="bed_359" size="3" maxlength="3" onchange="calculateValue(this.form)" /> R359</td></tr>
 
<!-- Row 10, Col 2 Order Value Box-->
<td colspan="1" align="left"><input style="margin-left: 60px" type="text" name="total" size="10" 
onfocus="this.form.elements[0].focus()" />
</td></tr>

javaScript:
Code:

// Function to calculate order value 
function calculateValue(orders) {
var orderValue = 0;
var value = 0;
var itemPrice = 0;
var itemQuantity = 0;
 
// Run through all the product fields
for(var i = 0; i < orders.elements.length; ++i) {
 
// Get the current field
formField = orders.elements[i];
 
// Get the fields name
formName = formField.name;
 
// Items price extracted from name
itemPrice = parseFloat(formName.substring(formName.lastIndexOf("_") + 1));
 
// Get the Quantity
itemQuantity = parseInt(formField.value);
 
// Update the OrderValue
if(itemQuantity >= 0) {
value = itemQuantity * itemPrice;
orderValue += value;
}
}
 
// Display the total
orders.total.value = orderValue;
}

Second code:
Code:

<!-- Row 9, Col 3 purchase boxes -->
<td colspan="1" height="120" align="left"> 
<select style="margin-left: 60px" name="shirt" value="215" onchange="calculateValue(this.form)" />
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option></select> R215</td></tr>

Java
Code:

// Function to calculate order value    
function calculateValue(orders) {
    var orderValue = 0;
    var value = 0;
    var itemPrice = 0;
    var itemQuantity = 0;
 
    // Run through all the product fields
    for(var i = 0; i < orders.elements.length; ++i) {
 
    // Get the current field
    formField = orders.elements[i];
 
    // Get the fields name
    formValue = formField;
 
    // Items price extracted from name
    itemPrice = formField;
 
    // Get the Quantity
    itemQuantity = formField.selectedIndex;
 
    // Update the OrderValue
    if(itemQuantity > 0) {
    orderValue += itemQuantity * itemPrice
    }
    }
 
    // Display the total
    orders.total.value = orderValue.toLocaleString();;
}

Please help its probably something simple.

Help With Calculating Order Form

Similar Tutorials

View Content

Hey there, first time poster. I am trying to create an order with the ability to dynamically self total the sum of the selected items but also be able to add a 25% labor fee having it be at least $90.

So if someone buys $300 worth of items the labor charge would be $75 but it would be automatically bumped to $90.

heres the existing code:

PHP Code:
* Calculates the payment total with quantites
     * @param {Object} prices
     */
    countTotal: function(prices){

        var total = 0;
        $H(prices).each(function(pair){
            total = parseFloat(total);
            var price = parseFloat(pair.value.price);
            if ($(pair.key).checked) {
                if ($(pair.value.quantityField)) {
                    price = price * parseInt($(pair.value.quantityField).getSelected().text, 10);
                }
                total += price;
            }
        });

        if (total === 0) {
            total = "0.00";
        }
        if ($("payment_total")) {
            $("payment_total").update(parseFloat(total).toFixed(2));
        }
    },
    /**
     * Sets the events for dynamic total calculation
     * @param {Object} prices
     */
    totalCounter: function(prices){
        $H(prices).each(function(pair){
            $(pair.key).observe('click', function(){
                JotForm.countTotal(prices);
            });
            if ($(pair.value.quantityField)) {
                $(pair.value.quantityField).observe('change', function(){
                    $(pair.key).checked = true;
                    JotForm.countTotal(prices);
                });
            }
        });
    },

Online Order Form

Similar Tutorials

View Content

Hello Guys, I have been grabbing good ideas and code from everywhere to build an online order form. I have no skill programming, but i have managed to almost finish it. However i still have two thing I cant done. Hope you can help me.
1. If any product of the "Product #2 drop-down menu" is selected, then "shipping drop-down menu" should only have "Post office option" enabled.

2. If "Shipping drop-down menu" is 7-11 or Family Mart, then "Convenience store text box" should be enabled.

You can check the whole code he http://dl.dropbox.com/u/21610873/code.txt

Thanks

Totalling Order Form

Similar Tutorials

View Content

Pizza Order Form Help!!!

Similar Tutorials

View Content

so I made this pizza order form for my ap comp sci class with javascript and html...teacher didnt realy teach javascript so i got most of javascript from online. the problem is that i have a price for everything but wen i hit the place order button, it would just reset the form...so i made it a reset button instead. heres the code:
<html>
<head>
<title>Pizza Planet</title>
<script language="javascript">

var pizzasize;
function emptyField(textObj)
{
if(textObj.value.length == 0) return true;

for(var i=0; i<textObj.value.length;i++) {
ch = textObj.value.charAt(i);
if(ch != ' ' && ch != '\t') return false;
}
return true;
}

function basecost(radioObj)
{
pizzasize = 1;
if(radioObj[0].checked) cost = 5.00; // small
if(radioObj[1].checked) {
cost = 7.00; // medium
pizzasize = 2;
}
if(radioObj[2].checked) {
cost = 9.00; // large
pizzasize = 3;
}
return cost;
}

function toppingscost(selectObj)
{
tcost = 0.0;
for(var i=0;i<selectObj.length;i++)
if(selectObj[i].selected) tcost += 0.50*pizzasize;
return tcost;
}

function extrascost(selectObj)
{
ecost = 0;
if(selectObj[0].selected) ecost += 0.00; //no extras
if(selectObj[1].selected) ecost += 1.00; // Coke
if(selectObj[2].selected) ecost += 5.00; // Hot wing 12
if(selectObj[3].selected) ecost += 3.00; // hot wing 6
if(selectObj[4].selected) ecost += 4.00; // bread sticks 12
if(selectObj[5].selected) ecost += 2.50; //bread sticks 6
return ecost;
}

function deliverycost(selectObj)
{
if(selectObj[0].selected) Dcost = 5.00;
else if(selectObj[1].selected) Dcost = 0;
return Dcost;
}

function confirmPizza(formObj)
{
if(emptyField(formObj.customer) ) {
alert("Please enter your name");
return false;
}

if(emptyField(formObj.address) ) {
alert("Please enter an address");
return false;
}

if(emptyField(formObj.email) ) {
alert("Please enter your e-mail address");
return false;
}
if(emptyField(formObj.phone) ) {
alert("Please enter your phone number");
return false;
}

total = basecost(formObj.p_size);
total +=toppingscost(formObj.tops);
total +=extrascost(formObj.xtra);
total +=deliverycost(formObj.deliv);
return confirm("The cost is " + total + ", place order?");

}

</script>

</head>
<body>
<h1>Pizza Planet</h1>

<h3><b>Pizza size</h3>
<form name="pizzaform"
onSubmit= "return confirmPizza(pizzaform)" >
</b>

Small (5.00)<input type="radio" name="p_size" value="sma">
Medium (7.00)<input type="radio" name="p_size" value="med">
Large (9.00)<input type="radio" name="p_size" value="lar">

<br>
<h3>Toppings 1</h3>
<select name="tops" size="3" multiple>
<option selected>Cheese</option>
<option>Pepperoni</option>

<option>Sausage</option>
<option>Chicken</option>
<option>Bacon</option>
<option>Pineapples</option>
<option>Jalapenos</option>
<option>Banana Peppers</option>

</select>
<h3>Toppings 2 (+.50)</h3>
<select name="tops" size="3" multiple>
<option selected>None</option>
<option>Cheese</option>
<option>Pepperoni</option>
<option>Sausage</option>
<option>Chicken</option>

<option>Bacon</option>
<option>Pineapples</option>
<option>Jalapenos</option>
<option>Banana Peppers</option>
</select>
<h3>Toppings 3 (+.50)</h3>
<select name="tops" size="3" multiple>
<option selected>None</option>

<option>Cheese</option>
<option>Pepperoni</option>
<option>Sausage</option>
<option>Chicken</option>
<option>Bacon</option>
<option>Pineapples</option>

<option>Jalapenos</option>
<option>Banana Peppers</option>
</select>

<br>
<h3>Extras <h3>
<select name="xtra" size="6" multiple>
<option selected>None</option>
<option>Coca-Cola (2-liter) (1.00)</option>
<option>Hot Wings (12) (5.00)</option>
<option>Hot Wings (6) (3.00)</option>
<option>Bread Sticks (12) (4.00)</option>
<option>Bread Sticks (6) (2.50)</option>
</select>
<br>
<br>
<h3>Is this delivery or carryout?</h3>
<select name="del" size="2" multiple>
<option>Delivery</option>
<option>Carryout</option>
</select>

<hr />
Name
<input type="text" size="20" maxlength="50" name="customer">

Address
<textarea name="address" cols="40" rows="3">
</textarea>

Email <input type="text" size="20" maxlength="50" name="email">
Phone <input type="text" size="20" maxlength="20" name="phone">
<hr>
<input type="reset" value="Reset">
</form>

<hr>
Thank you for ordering at Pizza Planet.
</body>
</html>