JavaScript - Special Price Calculator

Hello,
I am having a little issue with creating an updating price script for my website. I tried to look at examples like those at Apple, Hp, Dell, and other sites that have the kind of script I am looking to create. The way I have my page is that it grabs data from my database when someone clicks my product, after that they go to the customize the product page. The price is supposed to change as they click and remove options. I just need a little help on where to start and how to update the price. I know Javascript is the coding but I have been struggling with it. Examples of the script can be found on the link below. There is also a snippet of my code I am working with.. Thanks in advance for some help.

http://configure.us.dell.com/dellsto...en&s=dhs&cs=19

Code:

<script type="text/javascript">
//<![CDATA[
window.onload = setupScripts;
function setupScripts()
{
	var anOrder1 = new OrderForm();
}
//]]>
</script>
<form id="Options">
<div style="color:#F00"><?=$msg?></div>

<?php
if(is_array($_SESSION['cart'])){
	$max=count($_SESSION['cart']);
				for($i=0;$i<$max;$i++){
					$pid=$_SESSION['cart'][$i]['productid'];
					$pname=get_product_name($pid);
					$price=get_price($pid);
					$pdes=get_desc($pid);
					$pdim=get_dimen($pid);
					$pweight=get_weight($pid);
					$pcode=get_code($pid);
					$picture=get_pic($pid);				
				}
}
?>
<table width="850" border="0" cellpadding="8">
  <tr>
    <td width="50" align="left" colspan="2"><font color="#FF9933" size="+5" style="letter-spacing:20px;" ><?=$pname?></font><br />
    <img src="<?=$picture?>" border="2" height="300" width="300"/>
    </td>
    <td width="275" align="left" colspan="2"><b>Description:</b>&nbsp;<font style="letter-spacing:4px; word-spacing:7px;"><?=$pdes?></font><br /><br />
    <b>Product Code:</b>&nbsp;<font style="letter-spacing:4px; word-spacing:7px;"><?=$pcode?></font><br /><br />
    <b>Dimensions:</b>&nbsp;<font style="letter-spacing:4px; word-spacing:7px;"><?=$pdim?></font><br /><br />
    <b>Weight:</b>&nbsp;<font style="letter-spacing:4px; word-spacing:7px;"><?=$pweight?></font><br /><br />
    <b>Price:</b>&nbsp;<big style="color:green">$</big><font style="letter-spacing:4px; word-spacing:7px;"><?=$price?></font><br /><br />
    </td>
  </tr>
  <tr>
    <td align="left" colspan="2"><img src="<?=$picture?>" border="2" height="50" width="50"/>&nbsp;&nbsp;
    <img src="<?=$picture?>" border="2" height="50" width="50"/>
    </td>
   </tr>
  <tr>
    <td colspan="2" align="left"><font color="#FF9900" size="+4" style="letter-spacing:10px;">Fabric</font><hr color="#999999" size="5" width="400" align="left"/>
     (Please describe the type of fabric you would like and we will try and match it.  If you have a picture or link of a fabric style, please send along with item request.)
    </td>
    <td colspan="2" align="left"><font color="#FF9900" size="+4" style="letter-spacing:10px;">Handles</font><hr color="#999999" size="5" width="400" align="left"/>
     (These handles are great for the children and adult type products)
   </td>
  </tr>
   <tr>
    <td colspan="2" align="left">
    &nbsp; Check this box if you have your own fabric and would like to send to us.
    <input name="own" type="checkbox" value="Own" id="chk0" /> <span id="txtPrice0">-5</span>
<input type="text" id="txtTotal" size="8" value="<?=$price?>"/>
<br />

Hello guys,

I'm having some problems with jquery.. What I'm trying to do is, a jquery script to show in real time the total price.

I got this:

Code:

	 <li>Users</li>
		<li>
		<select name="users" id="users">
		<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>
		</select>
	 </li>

         <li>Months</li>
		<li>
		<select name="months" id="months">
		<option value='1'>1 Month</option>
		<option value='2'>2 Months</option>
		<option value='3'>3 Months</option>
		<option value='4'>4 Months</option>
		<option value='5'>5 Months</option>
		<option value='6'>6 Months</option>
		<option value='7'>7 Months</option>
		<option value='8'>8 Months </option>
		<option value='9'>9 Months</option>
		<option value='10'>10 Months</option>
                <option value="11">11 Months</option>
                <option value="12">12 Months</option>
		</select>
	 </li>

                    <div class="grand_total">
	            <h4 class="colr">Price</h4>
                    <ul>
                    <li class="price">$0.50</li>
                    </ul>
                    </div>

1 Month and 1 User price should be 0.50 USD

+1 Month = + 0.50 USD
+ 1 User = + 0.50 USD

Example: 5 Users + 2 Months = 3.50 USD

I wanna make the jquery to show the total price at li class="price"

Sorry, I'm newbie at jquery. Anyone could help me please?

Thank you.

Hi friends,

I am collecting and selling football stickers. Yes, World Cup 2010 stickers. The album have 640 distinct numbers. Everytime I receive a list of that stickers to buy by the user I would need ckeck out the price list because some stickers have different price from another. For example

Stickers numbers: 00, 000, 1, 2, 3, 4, 5 and 29 costs 3,00. The stickers number 31, 50, 69, 88, 107, 126, 202, 411, 392, 544 and 637 costs = 1,00.

The stickers 30, 49, 68, 87, 106, 125 costs 0,25

The sticker from 32 to 48
51 to 67
70 to 86
89 to 105 (and so on) costs 0,25

I would be glad if someone could help me for building a script which read from a textarea numbers contents and create a "short report" with the stickers numbers followed by its price and total sum.






Bob Kuspe

I have a form that is working just fine the only thing is that I need to add a quantity field that will update the price. Can anyone help me with this please.

I am not that good at javascript as you can see. I have gotten snippet from here and there to be able to create this form.

Here is the code that I have at he moment:
Code:

<script type="text/javascript">

florida_tax_rate = .07;

function update_price(radio) {

    price = parseFloat(radio.getAttribute("price"));
    shipping = parseFloat(document.getElementById("shipping").innerHTML);
    
    subtotal = document.getElementById("subtotal");
    grand_total = document.getElementById("grand_total");
    
    subtotal.innerHTML = price;
    grand_total.innerHTML = (shipping + price).toFixed(2);
    
    update_tax();
    
}

function update_tax() {
    
    menu = document.getElementsByName("ShippingState")[0];
    
    state = menu.value;
    is_florida = state.match(/^(florida|fl)$/i);

    price = parseFloat(document.getElementById("subtotal").innerHTML);
    shipping = parseFloat(document.getElementById("shipping").innerHTML);
    
    real_subtotal = price + shipping;
    taxes = 0.00;
    
    if (is_florida) {
        taxes = real_subtotal * florida_tax_rate;
    }
    
    grand_total = document.getElementById("grand_total");
    
    document.getElementById("taxes").innerHTML = taxes.toFixed(2);
    grand_total.innerHTML = (real_subtotal + taxes).toFixed(2);
    
}

</script>

<form>
<input onchange="update_price(this);" type="radio" name="package" value="non-chamber" price="450.00" /> 
Non-Chamber Member (Qty: 0-5)<br />
<input name="non-chamber qty" type="text" id="non-chamber qty" value="" size="5" maxlength="999" /> 
Please Enter Your Quantity
<br />

<input onchange="update_price(this);" type="radio" name="package" value="chamber" price="425.00" /> 
Chamber Member (Qty: 0-5)<br />
<input name="chamber qty" type="text" id="chamber qty" value="" size="5" maxlength="999" /> 
Please Enter Your Quantity
<br />
<input onchange="update_price(this);" type="radio" name="package" value="standard" price="400.00" /> 
Bulk Orders (Qty: Over 5)<br />
<input name="bulk qty" type="text" id="bulk qty" value="" size="5" maxlength="999" /> 
Please Enter Your Quantity
<br />

<br /><br />

<div style="display:none;"><select onchange="update_tax();" name="ShippingState">
<option value="Florida" selected="selected">Florida</option>
</select></div>



<br />

Subtotal: $<span id="subtotal">0.00</span><br />
<div style="display:none;">Shipping: $<span id="shipping">0.00</span><br /></div>
Taxes: $<span id="taxes">0.00</span><br />
Grand Total: $<span id="grand_total">0.00</span><br />
<br />

<img src="http://www.paypal.com/en_US/i/btn/btn_paynowCC_LG.gif" onClick="document.paypalPayment.submit();" />
<input type="hidden" name="process" id="process" value="1" />
</form>

Thanks

Hi all again,

Firstly thanks to Philip M for getting me this far but i still have a few quirks that i'd like to get around.

Its a price generator with 3 options. User selects an option from a drop down, inputs "number of words" and hey-presto the price appears.

That works superbly well but what would be really cool is if after someone gets a price they then would like to select a different option in order to see a new price. At the moment it means selecting another option and re-entering the number of words and then clicking in the price box to get the new result.

Is there anyway to make that price change automatically (as if by magic even) if either the "option" or "number of words" is changed

I have a sneaky suspicion that Philip M will come to the rescue again but should anyone else have a view that would be great also.

Thanks as always in advance, Phil

Code:

<head>
<!--quote generator -->
<script type="text/javascript">
function update(){
var price = document.getElementById("Package").value;
var words = document.getElementById("words").value;
var wordsOver2000 = words-2000;
if (wordsOver2000 <0) {wordsOver2000 = 0}
words = words - wordsOver2000;
var Tprice = ((price * words) + (price * .80 * wordsOver2000)).toFixed(2) ;document.getElementById("Totprice").value = Tprice;
document.getElementById("Totprice2").innerHTML = "Your Quote Total Is: MYR" + Tprice
}
</script>
<!--end quote generator -->
</head>

Code:

<body>
<!--quote generator -->
<div align="center" class="generator">
  PACKAGE - <select name="Package" id = "Package">
    <option value="0.027">Economy</option>
    <option value="0.038">Standard</option>
    <option value="0.049">Express</option>
  </select>
  No. of Words -  
  <input type="text" id="words" onchange="update()" value="" />
  ---&gt; MYR 
  <input type = "text" id = "Totprice" value="...then click here" /><br />
<br /><strong>(NB - To see a quote for a different package, please select package and re-enter the number of words)</strong>
</div>
<!--end quote generator -->
</body>

I'm trying to figure out how to display the live price of gold on a site.

I've been googling for 2 hours and have gotten nowhere, most results are people trying to sell you something. I just want a simple display of the price of gold on a site, and don't know where to start.

If anyone has any idea, or has done something similar to this, let me know. I appreciate it

Hi all. I hope that everyone is fine and doing well.

This is something of an annual visit for me. You guys helped me enormously with the code below. It is a price quote generator that takes a number (entered by the client) and depending on the package selected, produces a price quote.

As I said, it works really well, but it's time for me to expand my business overseas.

At the moment, I display the price as a single currency, but I would like for clients to be able to select (maybe from a drop down list in the answer field) any one of 4 different currencies (i.e., GBP, USD, EURO, MYR). The different exchange rates don't need to be up to the minute accurate. I'm quite happy to go in to the code and update them weekly or as required.

I have attempted to research different ways of doing this, but as my needs are quite unusual and my brain really can't wrap around the ins and outs of java script, i'm here again begging with my cap in hand for help.

To see this code in action as it stands, please go to www.grammarproofing.com

Code:

<head>
<!--quote generator -->
<script type="text/javascript">
function update(){
var price = document.getElementById("Package").value;
var words = document.getElementById("words").value;
if (words != "") {
words = parseInt(words);
if (isNaN (words)) {
alert ("Please enter the number of words in figures");
document.getElementById("words").value = "";
return false;
}
}
var wordsOver2000 = words-2000;
if (wordsOver2000 <0) {wordsOver2000 = 0}
words = words - wordsOver2000;
var Tprice = ((price * words) + (price * .95 * wordsOver2000)).toFixed(2) ;document.getElementById("Totprice").value = Tprice;
document.getElementById("Totprice2").innerHTML = "Your Quote Total Is: MYR" + Tprice
}
</script>
<!--end quote generator -->
</head>

Code:

<body>
<!--start quote generator -->
<div class="quote" id="quote">
  <select name="Package" id = "Package" onchange = "update()">
    <option value="0.052">STUDENTS THE 11th HOUR PACKAGE</option>
    <option value="0.041">STUDENTS EXPRESS PACKAGE</option>
    <option value="0.035" selected="selected">STUDENTS WORK in PROGRESS PACKAGE</option>
  </select> 
   x   
   <input type="text" id="words" onchange="update()" value="" />
  WORDS<br />
= MYR
<input type = "text" id = "Totprice" readonly />
</div>
<!--end quote generator -->
</body>

Thanks in advance for any help offered.

Regards as always, Phil

My name is matt a very fed up up person at the min iam building a website my self for my print and design business, and it has come to the part where i need to list my products and buy now options etc. Well to be frank i dont have a clue how to do it so i dont have reams of pages of boxes etc.

So could you help me (point me in the right direction i saw some of your tutorials and hope you can help

here is the page with business cards on this one is ok because there is only 6 options to chose in sense of qty. but when it comes to LEAFLETS ITS HARD COS YOU HAVE DIFFERENT SIZE QTY PRICE.

Iam using a cart software that links to google checkout for payment side

If there is anything you can suggest i would be greatfull

Sorry this is all over the place been up all night

Matthew Cook

Hi all,

im looking for some help with some javascript if thats ok.

I am building a system for creating a booklet.
I want the user to be able to select the quantity of booklets they require. (eg 50, 75, 100, 125)

Then also select the number of pages each booklet will require. (eg. 4, 8, 12)

both will be select drop down boxes.

I would like the price to be calculated based on the selections and displayed on the page.

It will be total price not price per booklet.

This is how i have built up the prices in php.
if($b_maxpages == '4' && $b_quantity == '50') { $amount = "95.00"; }
elseif($b_maxpages == '4' && $b_quantity == '75') { $amount = "103.00"; }
elseif($b_maxpages == '4' && $b_quantity == '100') { $amount = "115.00"; }
elseif($b_maxpages == '4' && $b_quantity == '125') { $amount = "132.00"; }
elseif($b_maxpages == '8' && $b_quantity == '50') { $amount = "147.00"; }
elseif($b_maxpages == '8' && $b_quantity == '75') { $amount = "171.00"; }
elseif($b_maxpages == '8' && $b_quantity == '100') { $amount = "194.00"; }
elseif($b_maxpages == '8' && $b_quantity == '125') { $amount = "218.00"; }
elseif($b_maxpages == '12' && $b_quantity == '50') { $amount = "190.00"; }
elseif($b_maxpages == '12' && $b_quantity == '75') { $amount = "222.00"; }
elseif($b_maxpages == '12' && $b_quantity == '100') { $amount = "255.00"; }
elseif($b_maxpages == '12' && $b_quantity == '125') { $amount = "288.00"; }

I will also need the selected data to be posted once the form is submitted.

Cheers
vince

I'm trying to find a regular expression that will reject leading zeroes in a price unless the zero is the only digit before the decimal. So it will accept 0.03 but not 00.03 or 01.03.

This is the best price validation I've been able to find so far /^\d+\.\d{2}$/

How do I modify it?

Also, how do I use regex replace to trim all leading zeroes from a price except for the the one next to the decimal?

Firstly i have to thank Philip M for this code which is great but for what i need, requires a little extra tweaking.

Its a price quote generator (package price x number of pages = price) However if the customer has more pages over a set amount (2000) the package price changes. So the formula becomes (package price x pages (upto 2000) = price + number of pages over 2000 x new package price = Total price. Does that make sense?

So i can do a flat rate with this code but if anyone has suggestions on how to do the rest? I would be eternaly grateful as my head really hurts.

Code:

<head>
<script type="text/javascript">
function update(){
var price = document.getElementById("Package").value;
var pages = document.getElementById("pages").value;
var Tprice = (price * pages).toFixed(2) ;
document.getElementById("Totprice").value = Tprice;
document.getElementById("Totprice2").innerHTML = "Your Order Total Is: $" + Tprice
}
</script>
</head>

<body>
  choose<select name="Package" id = "Package">
    <option value="2">a</option>
    <option value="3">b</option>
    <option value="4">c</option>
  </select>
  No. of PAGES <input type = "text" id = "pages" onChange="update()" ><br>
  QUOTE <input type = "text" id = "Totprice"> <br><br>
  <span id ="Totprice2"></span><br>

</body>

Thanks all

I'm building an order form for a food delivery business website and I'm struggling of getting the page to display the total prices of the items on the order page before the order is sent.

The form ideally consists of:
Product 1 - Quantity (input type="number" field) - Price: $xxx.xx(may also be hidden)
Product 2 - Quantity (input type="number" field) - Price: $xxx.xx(may also be hidden)
.....
Product n - Quantity (input type="number" field) - Price: $xxx.xx(may also be hidden)

Total price: (sum of all selected multiplied by the single prices)

Name
Email
Telephone
Address
Postal Code
Comment

SUBMIT BUTTON

What I have so far is:

HTML:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>COMIDA GREGA OLYMPO</title>
<style type="text/css">
.Subheader {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: large;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}
.Header {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: x-large;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: capitalize;
    text-decoration: none;
}
.auto-style1 {
    text-align: center;
}
</style>
<link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
<style type="text/css">
    a.fancybox img {
        border: none;
        box-shadow: 0 1px 7px rgba(0,0,0,0.6);
        -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
    } 
    a.fancybox:hover img {
        position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);
    }
.auto-style2 {
    border-style: solid;
    border-width: 2px;
}
</style>
</head>

<body class="Subheader" style="background-image: url('bg.png')">

<p><br />
</p>

<table align="center" style="width: 940px" bgcolor="white" class="auto-style2">
    <tr>
        <td style="height: 33px"><span class="Header">HEADER IMAGE + LOGO</span></td>
    </tr>
    <tr>
        <td style="height: 33px">
        <table style="width: 100%">
            <tr>
                <td class="auto-style1" style="width: 17%">
                <a href="#prediastia">ПРЕДЯСТИЯ</a></td>
                <td class="auto-style1" style="width: 17%"><a href="#osnovni">
                ОСНОВНИ</a></td>
                <td class="auto-style1" style="width: 17%"><a href="#deserti">
                ДЕСЕРТИ</a></td>
                <td class="auto-style1" style="width: 17%"><a href="#napitki">
                НАПИТКИ</a></td>
                <td class="auto-style1" style="width: 17%"><a href="order.html">ПОРЪЧАЙ</a></td>
                <td class="auto-style1" style="width: 15%">КОНТАКТИ</td>
            </tr>
        </table>
        </td>
    </tr>
    <tr>
        <td>
        <form name="contactform" method="post" action="send_form_email.php">
            <table width="750px" align="center">
                <tr>
                    <td valign="top" width="40%">
                        <label for="first_name">ГРЪЦКА САЛАТА</label>
                    </td>
                    <td valign="top" width="30%">
                        <input  type="number" placeholder="0" name="gruckasalata" maxlength="5" size="5">
                    </td>
                    <td width="30%"><img class="fancybox" alt="" height="42" src="grucka-salata.jpg" width="50" title="Пояснение дасасдх асдх асдхлдас да дас дас - Цена: 23 евро" />
                    </td>
                </tr>
                <tr>
                    <td valign="top" width="40%">
                        <label for="first_name">МУСАКА</label>
                    </td>
                    <td valign="top" width="30%">
                        <input  type="number" placeholder="0" name="musaka" maxlength="5" size="5">
                    </td>
                    <td width="30%"><img class="fancybox" alt="" height="42" src="musaka.jpg" width="50" title="Пояснение дасасдх асдх асдхлдас да дас дас - Цена: 23 евро" />
                    </td>
                </tr>
                <tr>
                    <td valign="top" width="40%">
                        <label for="first_name">ПЪЛНЕНИ ЧУШКИ</label>
                    </td>
                    <td valign="top" width="30%">
                        <input  type="number" placeholder="0" name="pulnenichushki" maxlength="5" size="5">
                    </td>
                    <td width="30%"><img class="fancybox" alt="" height="42" src="palneni_chushki26.jpg" width="50" title="Пояснение дасасдх асдх асдхлдас да дас дас - Цена: 23 евро" />
                    </td>
                </tr>
<tr>
                    <td valign="top" width="40%">
                        <label for="first_name">СВИНСКО СЪС ЗЕЛЕ</label>
                    </td>
                    <td valign="top" width="30%">
                        <input  type="number" placeholder="0" name="svinskosuszele" maxlength="5" size="5">
                    </td>
                    <td width="30%"><img class="fancybox" alt="" height="42" src="zele-sus-svinsko.jpg" width="50" title="Пояснение дасасдх асдх асдхлдас да дас дас - Цена: 23 евро" />
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <label for="first_name">Name *</label>
                    </td>
                    <td valign="top">
                        <input  type="text" name="name" maxlength="50" size="30">
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <label for="email">Email Address *</label>
                    </td>
                    <td valign="top">
                        <input  type="text" name="email" maxlength="80" size="30">
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <label for="telephone">Telephone Number *</label>
                    </td>
                    <td valign="top">
                        <input  type="text" name="telephone" maxlength="30" size="30">
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <label for="telephone">Address *</label>
                    </td>
                    <td valign="top">
                        <textarea  name="address" maxlength="1000" cols="45" rows="6"></textarea>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <label for="telephone">Postal Code *</label>
                    </td>
                    <td valign="top">
                        <input  type="text" name="postalcode" maxlength="30" size="30">
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <label for="comments">Comments</label>
                    </td>
                    <td valign="top">
                        <textarea  name="comments" maxlength="1000" cols="45" rows="6"></textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align:center">
                        <input type="submit" value="Submit">
                    </td>
                </tr>
            </table>
        </form></td>
    </tr>
    <tr>
        <td><span class="Header">FOOTER</span></td>
    </tr>
</table>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
<script type="text/javascript">
    $(function($){
        var addToAll = false;
        var gallery = false;
        var titlePosition = 'inside';
        $(addToAll ? 'img' : 'img.fancybox').each(function(){
            var $this = $(this);
            var title = $this.attr('title');
            var src = $this.attr('data-big') || $this.attr('src');
            var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title);
            $this.wrap(a);
        });
        if (gallery)
            $('a.fancybox').attr('rel', 'fancyboxgallery');
        $('a.fancybox').fancybox({
            titlePosition: titlePosition
        });
    });
    $.noConflict();
</script>
</body>

</html>

and the PHP:

PHP Code:
<?php

if(isset($_POST['email'])) {



    // EDIT THE 2 LINES BELOW AS REQUIRED

    $email_to = "georgi.pepelyankov@gmail.com";

    $email_subject = "COMIDA GREGA ORDER";





    function died($error) {

        // your error code can go here

        echo "We are very sorry, but there were error(s) found with the form you submitted. ";

        echo "These errors appear below.<br /><br />";

        echo $error."<br /><br />";

        echo "Please go back and fix these errors.<br /><br />";

        die();

    }



    // validation expected data exists

    if(!isset($_POST['name']) ||

        !isset($_POST['email']) ||

        !isset($_POST['telephone']) ||

        !isset($_POST['address']) ||

        !isset($_POST['postalcode']) ||

        !isset($_POST['gruckasalata']) ||

        !isset($_POST['musaka']) ||

        !isset($_POST['pulnenichushki']) ||

        !isset($_POST['svinskosuszele']) ||

        !isset($_POST['comments'])) {

        died('We are sorry, but there appears to be a problem with the form you submitted.');       

    }



    $name = $_POST['name']; // required

    $gruckasalata = $_POST['gruckasalata']; // not required

    $musaka = $_POST['musaka']; // not required

    $pulnenichushki = $_POST['pulnenichushki']; // not required

    $svinskosuszele = $_POST['svinskosuszele']; // not required

    $email_from = $_POST['email']; // required

    $telephone = $_POST['telephone']; // required

    $address = $_POST['address']; // required

    $postal_code = $_POST['postalcode']; // required

    $comments = $_POST['comments']; // not required



    $error_message = "";

    $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';

  if(!preg_match($email_exp,$email_from)) {

    $error_message .= 'The Email Address you entered does not appear to be valid.<br />';

  }



  if(strlen($error_message) > 0) {

    died($error_message);

  }

    $email_message = "Form details below.\n\n";



    function clean_string($string) {

      $bad = array("content-type","bcc:","to:","cc:","href");

      return str_replace($bad,"",$string);

    }


    $email_message .= "ГРЪЦКА САЛАТА: ".clean_string($gruckasalata)."\n";

    $email_message .= "МУСАКА: ".clean_string($musaka)."\n";

    $email_message .= "ПЪЛНЕНИ ЧУШКИ: ".clean_string($pulnenichushki)."\n";

    $email_message .= "СВИНСКО СЪС ЗЕЛЕ: ".clean_string($svinskosuszele)."\n";

    $email_message .= "Name: ".clean_string($name)."\n";

    $email_message .= "Email: ".clean_string($email_from)."\n";

    $email_message .= "Telephone: ".clean_string($telephone)."\n";

    $email_message .= "Address: ".clean_string($address)."\n";    

    $email_message .= "Postal Code: ".clean_string($postalcode)."\n";

    $email_message .= "Comments: ".clean_string($comments)."\n";





// create email headers

$headers = 'From: '.$email_from."\r\n".

'Reply-To: '.$email_from."\r\n" .

'X-Mailer: PHP/' . phpversion();

@mail($email_to, $email_subject, $email_message, $headers);  

?>



<!-- include your own success html here -->



Thank you for contacting us. We will be in touch with you very soon.



<?php

}

?>

Please, can you help me integrate a total of all the selected prices to be displayed somewhere in the form?

Thanks in advance!

Regards,

Georgi

I need to develop a scrolling price ticker, which shows live price quotes and retrieves data through PHP file and that retrieves from back end server.
That ticker should have an Embed function also like a Widget, so other blog, websites, they can put the live quotes ticker also.

How to be able to create charts, with a selection of different time-frames, and currency pairs. And it should also has Embed feature like a widget.

I need this to be Done Quickly..

So need your help please..

Thanks

Hi all, I'm very new to Javascript and wonder if someone can help me.

I'm creating an online enrolment form for my company, who are a training company. Users enrolling on the course must make three choices - The level of course, the size of course and whether they wish to attend a workshop or study by distance learning. The combination of these three factors will determine the price. I'd like to have the price automatically calculated using javascript and displayed on the form before they submit. Can anyone give me an idea of how to do this?

There are three drop down boxes for users to select their course. They a -

Level of Qualification:
Level 3
Level 4
Level 5
Level 6

Scale of Qualification:
Award
Certificate
Diploma

Preferred Delivery Method
Workshop
Distance Learning

Each possible combination of these will affect the price. So for instance, if the user were to select 'Level 4', 'Certificate' and 'Workshop' the price would be calculated based on these three options.

How can I calculate the ultimate price and then display it on the page (I was thinking of using innerHTML in a 'span' element to display the final value, but if anyone has any better ideas I'd be glad to hear them)

The HTML code for the drop down boxes is below:

Code:

<form action="enrolment.php" method="post">

<select name="level" class="input" id="level">

  <option value="chooselevel"></option>
  <option value="Level 3">Level 3</option>
  <option value="Level 4">Level 4</option>
  <option value="Level 5">Level 5</option>
  <option value="Level 6">Level 6</option>

</select>

<select name="size" class="input" id="size">

  <option value="choosesize"></option>
  <option value="Award">Award</option>
  <option value="Certificate">Certificate</option>
  <option value="Diploma">Diploma</option>

</select>

<select name="delivery" class="input" id="deliv">

  <option value="deliverymethod"></option>
  <option value="Workshop">Workshop</option>
  <option value="Distance Learning">Distance Learning</option>

</select>

</form>

Thanks all, hope someone here can help!

Regards

Chris

*EDIT: I should mention that the form is also inside a table - Not sure if that will make a difference.