JavaScript - Price Update

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

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.

I am currently using a price calculator - although it's really not a calculator; I have to enter every price manually. Currently, it works in half inch increments.

I need it to do two things that it doesn't do currently:
1) Allow the customer to enter a dimension in 1/4 inch increments (1/8 would be even better, but I'm not requesting a miracle)
2) Make the result automatically round up to the nearest 1/2 inch

Page containing calculator

External file: sizecalc.js

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?

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 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>

Hi All,

I need a code for my online blind shop so that customers can get a quote without having to go through the order process. They would need to enter their fabric range, style and width and drop. My first obsticle is where to start learning how to do it! Could anyone please point me in the direction of a good but easy to understand tutorial or advise me on how I can achieve my goal? I've looked all over the internet but cant find what I am looking for. I'm willing to learn and do this myself, otherwise I'll have to pay for someone else to do it for me.

Any help would be great!

Thanks,

Deb.

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

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

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

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