How to create instant quote tool for website? Customer enters height and width and price is calculated.

I am trying to create a instant quote tool for my site.. so customer type in there height and width and a price appears but I have no clue where to start.. is there any tutorial or would someone kindly give me some advice on how to do this on dreamweaver. I havent used Dreamweaver in years and I cant even remember anything now
Kind Regards

Well this is what I have soo far.. so I want to enter the height /width then if they want to add extras such as fixing options and cut out it will add to the product price ????
<!doctype html>
<div class="summary entry-summary">
        <h1 itemprop="name" class="product_title entry-title">Ral 1000</h1><div itemprop="offers" itemscope itemtype="">
    <meta itemprop="price" content="160" />
    <meta itemprop="priceCurrency" content="GBP" />
    <link itemprop="availability" href="" />
</div><div itemprop="description">
    <script src="" type="text/javascript">
<script type="text/javascript">gapi.plusone.go();</script>
<p>6mm, low iron, toughened glass, PAR
<div class="shortcode-google-plusone"><div class="g-plusone"  data-size="standard" data-annotation="none"></div></div><!--/.shortcode-google-plusone-->
<form class="cart" method="post" enctype='multipart/form-data'>
        <table id="price_calculator" class="simple_price_calculator">
        <td style="text-align:right;">
<script src=""></script>
$(document).ready(function() {
$('#width').keyup(function() {
var height = $('#height').val();
var width = $('#width').val();
var price = (height * width / 1000000 * 325).toFixed(2);;
$('.price').html('Product price: &pound;' + price);
<p><label for="height">Height (mm)</label>
<input type="text" name="height" id="height">
<label for="width">Width (mm)</label>
<input type="text" name="width" id="width">
<div class=" product-addon product-addon-add-fixing-option">
            <h3 class="addon-name">Add Fixing Option </h3>
    <p class="form-row form-row-wide addon-wrap-1738-add-fixing-option">
    <select class="addon addon-select" name="addon-1738-add-fixing-option">
                    <option value="">Select an option...</option>
                    <option data-price="5" value="silicone-adhesive-tube" >Silicone Adhesive Tube (<span class="amount">&pound;0.00</span>)</option>
                    <option data-price="5" value="screws-and-drill-holes" >Screws and Drill Holes (<span class="amount">&pound;6.00</span>)</option>
    <div class="clear"></div>
</div><div class=" product-addon product-addon-add-extra-layer-multi-coloured-fine-glitter">
            <h3 class="addon-name">Add Cut Out and Notches </h3>
    <p class="form-row form-row-wide addon-wrap-1738-add-extra-layer-multi-coloured-fine-glitter">
    <select class="addon addon-select" name="addon-1738-add-extra-layer-multi-coloured-fine-glitter">
                    <option value="">Select an option...</option>
                    <option data-price="8" value="1" >1 (<span class="amount">&pound;25.00</span>)</option>
                    <option data-price="15" value="2" >2 (<span class="amount">&pound;50.00</span>)</option>
                    <option data-price="25" value="3" >3 (<span class="amount">&pound;75.00</span>)</option>
                    <option data-price="25" value="4" > (<span class="amount">&pound;100.00</span>)</option>
</p><p class="price">Product Price: &pound;</p>
    <div class="clear"></div>
</div><div id="product-addons-total" data-type="simple" data-price="160"></div>
        <input type="hidden" name="add-to-cart" value="1738" />
        <button type="submit" class="single_add_to_cart_button button alt">Add to cart</button>
<meta charset="utf-8">
<title>Untitled Document</title>

Similar Messages

  • How to create a help view for a customized error message

    Hi all,
    Can you guide me how to create a help view for a customized error message, we need to put some suggestions in it so that user can can resolve this issue with this guide. ( the short text is too short to describe all situations via TC:SE91)
    Thanks very much!
    Bruce, Wen

    Hi Bruce,
    Could you brief your concerns again.
    Why don't you maintain long text in message class for long description.
    Ranjith N

  • How to create a user class for the customer realm

    how can I create a User class for my custom security realm, please help me out. i am trying to access using the active directory server and iam unable to write a simple classs for this user, can anyone help me. iam a beginner, would appriciate if any one helps me.regardsbaba

    Hi Rawat,
       You Don't need to create User Exits,but you need to find user Exits.Below are list of user Exits for MB31.
    Use proper exit as per your requirement.
    Exit Name     Description
    MBCF0002     Customer function exit: Segment text in material doc. item
    MBCF0005     Material document item for goods receipt/issue slip
    MBCF0006     Customer function for WBS element
    MBCF0007     Customer function exit: Updating a reservation
    MBCF0009     Filling the storage location field
    MBCF0010     Customer exit: Create reservation BAPI_RESERVATION_CREATE1
    MBCF0011     Read from RESB and RKPF for print list in  MB26
    MB_CF001     Customer Function Exit in the Case of Updating a Mat. Doc.
    award points if ans is useful.

  • How to create a authority group for our customer table(se54)?

          I found a problem when I create a authority group for my customer table,I can't write the creation
    to a request no(can't assign to a package),I want to know whether the authority group I created can be
    transport to the PRD when I realse the request no.

    Auth Group is nothing but a table entry so for sure it can be transported to any environment, before Assigning any Auth group create one in SE54 when you try saving it it would ask you the TR number which you can transport to PROD.

  • How to create a sales order for Onetime customer with Tax code?

    Hi everyone,
    Can I use sd_salesdocument_create for a one-time customer? From the standard bapi, which field can I use for the Tax Code ?
    pOints will be given.

    I have the same problem... should I use a different function module on this? if yes, what is it?
    I need to create a sales order for one onetime customer with tax code... help me pls....

  • How to create a dynamic menu for each group of responsibility and  user

    I am using Jdev and new to ADF, my application require to populate menu which would be different for different groups of user, and the user in each group would have different submenu depends on their responsibilities assigned to each one of them.
    so on the top level would be menu_top_item1, menue_top_item2
    |-->submenu1_1 |-->submenu2_1
    |-->submenu1_2 |-->submenu2_2
    also the menu would need to be on_mouse_over to show the submenu items or collapsed back.
    any idea what would be the best approch? or is there any example around?
    thanks a lot

    You can use ADF Security to control access to menu options.
    More about ADF Security here:
    If you also use WebCenter you might use their menuing option:

  • How to create an Apple ID for 10 year old? and retrieve old contacts?

    Hi, my daughter and I have just got our new iPhones but I can´t create and Apple ID för her so she can´t use the ICloud service. So I tried using the one I created for myself resulting in that all my contacts apeared in her phone. What should we do?
    Apple how about letting parents confirm the Apple ID for their kid but it should be created with the kids name and birthday how difficult can it be? am I the first mum who bought and Iphone for my kid?
    And by the way how do we get access to all the old contacts stored on the SIM card from our preIPhone time? I thought that everything just work with Apple but I am beginning to think that I should have choosen and Android... I mean changing brand of phone doesn´t exactly mean that you want to cut contact with all your old friends...are there a solution that I havn´t figured out?
    Maybe someone could make an App that emulates a SonyEricsson or Nokia so that you can retrive your old data?

    You can delete the iCloud account from her phone by going to Settings>iCloud, scroll to the bottom and choose Delete Account.  I believe you will get a prompt asking if you want to remove or keep the data on the phone; if you don't want your contacts on her phone choose delete.  As far as the contact on your old SIM card, if it is the same size as the iPhone SIM card you can put it in the iPhone and import the contacts (see  If the SIM card won't fit, then you would need to either export the contacts to your computer using appropriate software, upload your contacts to a cloud service so you can download them to your computer, or in some cases take it and your iPhone to your retailer and ask them if they can do the transfer for you.  (It's also possible to cut a SIM card down to fit but it can be tricky to get it right.  There are articles on this if you search with Google.)  This video might help:

  • How to create/configure an OVS for a custom BO?

    I have created a new BO with three elements (ID, Name, FilterCriteria).
    For this BO I created a Query (QueryByElements):
    - Selection: ID, Name, FilterCriteria
    - Basic Find: ID, Name
    - Result: ID, Name, Filtercriteria
    After this I created an OVS for this BO.
    In DataModel Tab I bound the Items Node of the OVS to the Query Node of the BO, OVS:ObjectID -> Query:ID, OVS:ObjectName -> Query:Name and OVS:FilterCriteria -> Query:FilterCriteria.
    Next i created a structure in the OVS with the data fields: ID, Name, FilterCriteria and SerchText.
    In the Controller Tab I bound the ValueHelpQuery of the OVS to the (new) Query of the BO with this parameters:
    - ID : /Root/Structure/ID
    - Name : /Root/Structure/Name
    - SearchText : /Root/Structure/SearchText
    - FilterCriteria : /Root/Structure/FilterCriteria
    - ID : /Root/Structure/ID
    - Name : /Root/Structure/Name
    - SearchText : /Root/Structure/SearchText
    - FilterCriteria : /Root/Structure/FilterCriteria
    - + standard parameters like ParentComponent...
    - ObjectId : /Root/Items/ObjectId
    - ObjectName : /Root/Items/ObjectName
    With this configuration I get a correct value suggestion when I am typing in the field, and when i select a value from the drop down list the value is transferred to the field.
    But, if I open the screen:
    - the search is not working, I always see all values.
    - if I select a row, the value is not transferred to the field. the field is empty.
    I tried it without the FilterCriteria in the parameters and inport, but id shown the same behavior...
    Do you have any idea to solve this problem?

    suddenly the transfer of the selected value from OVS UI to the fiels is working... I didn't change anything.
    But the search in the OVS UI is still not working. Has someone any ideas how to fix it?

  • Is it possible and how to create bright preview mode for a custom Proof Setup

    You know how there is Proof Setup preview modes under the View menu. Can I create a custom preview mode so that when I choose it and press Ctrl + y it shows the image very bright without changing it.
    I need this because I want to see and edit more details in the dark areas which I may not be seeing on my monitor or room lighting conditions and thus to create images with more rich and dynamic shading in the darks so when viewed on brighter monitors or when levels are eventually changed the darks reveal nice shading instead of flat black.
    I'm looking for per image solution that doesn't affect other images or applications like using global gamma.
    I'll greatly appreciate your help

    That's what I use Adjustment layers but they are a big pain because the color picker can't disregard them. So every time I want ot use the color picker I have to hide the adjustment layer and then when I paint I have to enable it again. I want a color picker that picks from all but not the adjustment layer. This makes this workflow impossible. I need this for painting artworks from scratch.
    There are no two equal monitors out there and some are quite off, so I want to create artworks that look as good as possible on all kinds of monitor including miscalabrated ones.These are samples to sell artwork. Not only that but the artwork often is edited from other designers not by brush repainting but using global adjustments like levels. And I don't want to use 32 bit workflows. What I'm asking will serve the purpose perfectly.
    I feel that since PS pulls the preview information from profiles that probably reside in files somewhere, I can modify a copy of a profile and I was hoping if someone here knows more details about this and helps.
    Thanks anyway

  • How to create a account key for application type M ?

    Hi Guys,
    How to create a account key for application type M ? and link the same with
    Gl account.

    Please create the account keys or transaction keys in
    SPRO-> IMG-> MM-> Purchasing-> Conditions-> Define Price Determination Process-> Define Transaction/Event Keys
    Thanks & Regards

  • How to create downloadable vcs file for a single event (not whole calendar)

    Is it possible to create a vcs file in ical that, like the reservation made on opentable, can be downloaded and opened in both ical and outlook? I've tried creating an event listing for website visitors to add to their calendar, but some of the outlook users have trouble with the ics file opening as a meeting, not an event, or opening as a complete calendar. Big problem. Any solution?

    How are you making the .ics file? What value has the METHOD: entry?

  • How to create a new row for a VO based on values from another VO?

    Hi, experts.
    in jdev,
    How to create a new row for VO1 based on values from another VO2 in the same page?
    and in my use case it's preferable to do this from the UI rather than from business logic layer(EO).
    Also I have read Frank Nimphius' following blog,but in his example the source VO and the destination VO are the same.
    How-to declaratively create new table rows based on existing row content (20-NOV-2008)
    I have tried:
    1.VO1(id,amount,remark1) and VO2(id,amount,remark2) are based on different EO,but render in same page,
    2.Drag and drop a Createwithparams button for VO1(id,amount,remark),
    3.add: Create insertinside Createwithparams->Nameddata(amount),
    4.set NDName:amount, NDValue:#{bindings.VO2.children.Amount}, NDtype:oracle.jbo.domain.Number.
    On running,when press button Createwithparams, cannot create a new row for VO1, and get error msg:
    <Utils> <buildFacesMessage> ADF: Adding the following JSF error message: For input string: "Amount"
    java.lang.NumberFormatException: For input string: "Amount"
         at java.lang.NumberFormatException.forInputString(
    Can anyone give some suggestions?
    Thanks in advance.
    Edited by: user6715237 on 2013-4-19 下午9:29

    I'm really very appreciated for your quick reply! You know, today is Saturday, it's not a day for everyone at work.
    My principal requirement is as follows: some rows from VO2, and for each selection create a new row with some attributes from VO2 as default values for VO1's corresponding attributes, and during this process the user may be cancel/uncheck or redo some of the selections.
    --so it's better to implement it in UI rather than in EO.'s better to implement this function with declarative way as in Frank Nimphius' blog.
    --little Jave/JS coding, the better. I only have experience in ORACLE FORMS, little experience in JAVA/JS.
    In order to get full information for the requirements of my use case, can take a check at:
    How to set default value for a VO query bind variable in a jspx page?
    (the end half of the thread: I have a more realworld requirement similar to the above requirement is:
    Manage bank transactions for clients. and give invoices to clients according to their transaction records. One invoice can contain one or many transactions records. and one transaction records can be split into many invoices.
    Edited by: user6715237 on 2013-4-19 下午11:18

  • How to create a shortcut menu for the pane

    Hi all
    Well - I know how to create a shortcut menu for a control, but how is it created for a pane? There is the possibility to add an event case for a shortcut menu linked to a pane (see picture), but how can I create this menu?
    Message Edited by becktho on 08-01-2006 11:32 AM
    Using LV8.0
    Don't be afraid to rate a good answer...
    ScreenShot001.png ‏22 KB

    ahlers option works, sorry but I can't add images from work!
    Just use the shortcut Menu Activation filter event? to create a menu.
    Message Edited by TonP on 08-01-2006 12:56 PM
    Free Code Capture Tool! Version 2.1.3 with comments, web-upload, back-save and snippets!
    Nederlandse LabVIEW user groep
    My LabVIEW Ideas
    LabVIEW, programming like it should be!
    Example_BD.png ‏4 KB
    Example_BD.png ‏4 KB

  • How to create a RFC destination for extracting data to HANA

    Hello All,
    Could someone help me in providing a document or note on how to create a RFC destination for extracting data from SAP data source to HANA using SAP LT replication server ?
    I am able to create a data base connection while transforming data from non SAP data source,but wasnt able to transform data which is from SAP abap tables .

    Hi Venkatesh,
    In SM59 t.code we create RFC destinations.
    Go thru the video link for creating RFC destinations step by step
    How to setup a trusted RFC connection between SAP systems: a step-by-step guide - YouTube

  • How to create a daily report for sales order

    how to create a daily report for sales order. what fields it must consists of. what are the tables it need?

    You have to use the sales order tables VBAK,VBAP and VBEP
    So keep date field on selection screen
    and treat this date as Order creation data audat field in VBAK.
    based on this fetch the data from VBAK and VBAP  with the following fields like
    VBELN, KUNNR,NETWR,POSNR, MATNR,ARKTX,KWMENG,WAERS  etc and display in the report
    <b>Reward points for useful Answers</b>

Maybe you are looking for

  • Issue with showing input forms for update SQL statement

    Hi guys - I'm currently doing a college project and I'm not overly experienced in the area of Java/JSP but I'm having an issue with a project. I have a JSP project inserting, viewing and deleting rows from a database but having an issue getting the u

  • All panels open in Accordion

    Hello there fellow Spryers, I'm trying to use the Accordion widget. I'm building its divs dynamically and they display fine in Firefox. But when i switch to IE6 , all panels are open and it doesnt work correctly. I have placed the accordion widget in

  • I lost my computer can i track and shut it down so no one else can use it?

    hello, i think my laptop could have been stolen. Is it possible to have it track it. and if so can i also some how get to the information of of it and then shut it down after so no one else can use it?

  • All periods in fiscal year

    Hi Experts - I have a mandatory variable for Fiscal year/period. Its single value. I need to output data for all periods of that fiscal year also. So I'll have 12 more columns. How can I accomplish this?

  • MySQL fix or reinstall?

    Hello, I'm running Tiger server (10.4.7) and I thought I'd try setting php and mySQL and playing around with them for a bit. I got php running, I installed phpMyAdmin, no troubles. I started up mySQL using mySQL Manager. Where my troubles began was a