sample code, whereby if I change a field value in a web form (from a drop-down list for example), the value shown in another field is automatically updated to show the needed value for that selected option?
View 1 RepliesI am more of a front end guy with experience in xhtml/css and want to get my hands dirty with some back-end programming (Javascript/jQuery/AJAX/PHP) and was wondering about a specific task involving (mainly) what I would believe is AJAX.
I was wondering if there is a way to have a page with a starting price of $299 (lets say a basic vacuum) then below that are 20 or so customizable add-ons to choose from through simple checkboxes. That (to me) should be easy enough, but I would love to have the grand total at the bottom of the page be updated in real time as the user checks or unchecks certain add-ons (kind like how apple.com does it).
What is a good starting point for this, and would it be possible to send out the order as an email with the total price sent to the business owner.
I am more of a front end guy with experience in xhtml/css and want to get my hands dirty with some back-end programming (Javascript/jQuery/AJAX/PHP) and was wondering about a specific task involving (mainly) what I would believe is AJAX. I was wondering if there is a way to have a page with a starting price of $299 (lets say a basic vacuum) then below that are 20 or so customizable add-ons to choose from through simple checkboxes. That (to me) should be easy enough, but I would love to have the grand total at the bottom of the page be updated in real time as the user checks or unchecks certain add-ons (kind like how [URL] does it).
What is a good starting point for this, and would it be possible to send out the order as an email with the total price sent to the business owner. Like I said, I can sorta get my way around this stuff
What i am trying to do is allow a user to get a quote on how much an item would be if they wanted to sell it. all the data is being generated dynamically on the item and passed to this JavaScript correctly. The issue is when a user changes his mind and switches his options a few times the price goes out of wack and some times will actually be more then the original price. For example. If the item was in mint condition it would be 100 dollars. If it is " good condition" then it would loose lets say 20 percent, so it would be worth 80 dollars. Now each item has 3 sections of questions, what is the condition of the item, any "modifiers" like water damage or functional issues, and then third section is if its missing any parts or cables. All of this is being asked on 1 page, and when a user changes any of the options it should update the price on that page with out the user needing to press update. So condition goes, 100%, 70%, 40%, 20%. Modifiers are 50 percent of current price of item, so if it was "perfect (yes I know an item cant be perfect and have water damage but this is just an example) thus being 100 dollars, and has water damage, that would make it now worth 50 dollars, and has functional issues, now worth 25 dollars. If it was missing cables, it would loose lets say 5 dollars so now its worth 20 dollars. Thats an example on how i calculate the value of the items. So once again, the actual amount is being passed correctly to this script, but when you make to many changes its not happy.
[Code]...
i am currently developing a cart for a website at my company.What i am attempting to do is update the grand total field dynamically as the product total (determined by quantity & price) are being populated.Each product in the cart is being generated by a foreach (php) reading from a mysql database.As the total values are not being prepopulated im not exactly sure what the logic would be to get the desired values.
I will also mention im relatively new to the whole web development area, i started begining of this year and feel i could still learn alot about the 'logic' of a computer.If anything is unclear about what i stated above feel free to request additional information.
For instance, Box A has a blank entry and I enter in 5. Box B I enter in 6
so in Box C it should automatically give me 11 (if the code I put in is to
add box A and B). Then in Box D I put in 3 (say to subtract from A and B
combined) so then Box C adjusts to give me 8.
Don't worry about the math as that's all taken care of it, I just need to be
able to know how to update on the fly like this.
I have a large form. The submit button doesn't work if the data to be posted back is too long.
1. How to send only MODIFIED fields back?
2. What's the max len of the data I can sent back using post method? Does it depend on browser?
I need the value of my drop down box options to contain size information rather than price. However I would like to be able to calculate a price for the items based on what size the user selects as well as the quantity. Below is the code I came up with (which doesn't work obviously)What can I do to get this to work for me?
<head>
<script type="text/javascript">
<!--
[code]....
How do I change the background colour of an input box in a form as soon
as the value is changed? Also the background should revert back to it's
original colour if the user decides that they do not want to make any
changes and hence retype back the orginial value.
I do not want the background to change after the user has moved to the
next form field but as soon as the value has been changed.
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"; }
[code]....
I will also need the selected data to be posted once the form is submitted.
Trying to construct a sql statement to update field values contained in a form. I would like to only update the values that are changed. If the current $_POST[] values populated in the form are not changed, there is no need to add that field to the UPDATE statement... but i am not sure how to do this with javascript and pass only those values. Can someone help?
Some say that it is not worth the code processing to do this but I would like to do this if possible. I know that phpmyadmin works this way.
I am using Form in a PHP Code - which post the results to another external - application, and i would like to save some recordes in DB (when someone use the submit button) before moving on to the external-app. how could i do this in a javascript or is it possible?
View 3 Replies View RelatedI'm doing an ajax call to a remote php file... it returns a value fine,
and even enters a value into a text field on my form. The problem is,
right after the function call to the ajax function, I do an alert of
what the field value is, and it doesn't recognize the field value has
been changed. Two caveats:
1 - It will recognize the last call's change
(if I run it a 2nd time, it'll see the 1st call changes)
onBlur="ajaxCall(document.form1);alert(document.form1.ajax Field.value);">
2 - It'll recognize the current call's change if I set a 2 second
timeout
onBlur="ajaxCall(document.form1);setTimeout('checkFields(d ocument.form1)',2000);">
It seems, although I can see the text field getting updated,
programmatically speaking, it isn't reflecting it until everything is
done... including any alerts and such.
It's weird seeing the empty alert popup, when I can see the value in
the text field underneath it.
I've done a fair bit of development in php, html and css, but none whatsoever in javascript so far.
I've found myself looking to jQuery as a potential solution to an interesting problem that I'd like to solve: I have a basic CMS that clients can use to manage the rental of items (caravan pitches to backhoes). The site administrator gets to enter the details of their products, prices and so forth, and then visitors to their site can see the availability of their products on a dynamically generated calendar - and book them online.
Part of the CMS allows the creation of 'seasons' - periods of the year in which a product's rental price changes - for special offers, etc. Different seasons are shown on the calendar using different css markup that the admin can change in the 'create/edit season' form.
Clearly, I can't expect Joe Siteadmin to type correct CSS and, ideally, I'd like to avoid limiting him to a swatch of pre-generated choices. So, having been seduced by the sexiness of the jQuery UI calendar plugin, I was thinking that it ought to be fairly easy to provide a jQuery color picker of some sort on the 'create/edit season' form, maybe with some radio buttons to dynamically link the picker to change background, text and border color - and update the relevant css rules for the colors chosen, on the fly, in the relevant input field on the form.
[Code]...
I was making mysearchfieldI though jQuer may help update one dropdown box when a value in one box is updated.
So, my search goes like this, Search for Pet [PetDropDown], Search for Breed [BreedDropDown], Search Location [Text feild] and Search Price [Text Feild].
So in this system i want the [DropDown] box to automatically update it self, with no reloading, thats where jQuery comes in (im guessing) with a list of Breed that link with the Pets DropDown. So if the user picks Dog, then the Breed Dropdown will show Breeds that areassociatedwith Dogs, such as Collie, Jack Russell or Staffordshire Bull Terrier. If a Pet isn't selected then nothing will show.
The information come from the data and a phpstatementfor the Breed DropDown would be as such: $sql = "SELECT id, title, value, type, cat FROM site_cats WHERE type = '[PetDropDown]' "; of course it wont be [PetDownDown] but as a $value such as $petType or $pet.
Does anyone have a thought on how to code an auto tab feature for a form? I have a form that has a telephone number which is broken down into three boxes (area code, first three numbers and last four numbers). I want to be able to tab into the next box automatically when I hit the correct amount of numbers for the field.
Conceptually I know how to do this, but I do not know JS very well (yet...) so I have hit a bit of a wall trying to figure it out.
when the user types a FIRST NAME into the first name textbox this should update the paxname with the value and a space.when the user types a LAST NAME into the last name textbox this should update the paxname with the value therefore at the end of the process the paxname will have the full name of the person in order with spaces in between. also i would like the first name and last name values to be changed to proper case ie John Smith once placed into paxname the update process does not have to be instantaneous, it can perhaps update the paxname textbox when the focus is gone from the field in question, dont mind how it works as long as it updates.
View 6 Replies View RelatedI recently updated from jQuery 1.4 (I think 1.4.4) to 1.5.1. Before the upgrade, when users pressed the browser's Back button, they would usually be taken back to a page with all their changes intact. If they had modified input values or clicked objects that caused other parts of the page to change, they would still see those changes. Back literally took them back to the exact thing they were looking at before. Under 1.5.1, Back takes them to the prior page as it was when it first loaded. What changed? Can I get the old behavior back?
View 2 Replies View Relatedhow to submit a form once an entry has been put in a specific field?
for example, user enters value in a field and then it get's submitted.
Is it possible using Javascipt to automatically send the user from one field to the next when the maxlength of the field has been reached.
View 4 Replies View RelatedI 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.
View 1 Replies View RelatedI work for a very large company that has zero communications between IT and the employees...so there is very little possibility of having any code changed.I need to use a web based system that submits orders for my department. The problem is i must order by "task number". I could have 20-30 task numbers so to complete the order I need to go to my company's page and fill out 15 form fields and submit for each task code. It is a terrible pain. 14 of the 15 fields are the same for each order... only the task code changes.
View 7 Replies View RelatedI have a input field array, and have associated a change JQuery event handler if the value of any of the fields in the array have changed. So:
PHP Code:
And..
PHP Code:
In the Javascript, how can I retrieve the name (or index to be more precise) of the field that has had its value changed?
Is there out there a jquery plugin for inserting price in a input field (I mean like date picker)?
View 1 Replies View RelatedI am working on a registration form for a conference. The form has several sections of radio buttons and checkboxes and I would like to have it set up so that if a radio button or checkbox is selected the price related to that selection shows up in the rigjt column of the form and can then be totaled up at the bottom of the page.
1. Show price in field.
2. Total up all of the prices at the bottom of the page.
You can view the registration form at: [URL]
I have 2 input box on my form...i would like input box #2 to be
updated automatically onces data entry in input box #1 is completed.
I would be greatful if some could guide me through this. I'm a php guy
with little javascript knowledge.