A form in a form

marcebra

Hello,

I am developing a new website that will be selling stuff online. When people buy the stuff, they can customize how they want it to come out (ie what color, etc). But for every customization request, the price changes (ie make it blue add $20).

What I have is a page where the user submits their info (name, number, address ..etc) to buy the product. On that page, it has the price of what they are paying for with a dropdown menu with all the colors and other options. The user can change the options and then order the item.

What I need is to have a button that recalculates the price of the item with all the options. The problem is that I cannot make a form because the fields are already in a form of their own. From what i was thinking to do was to make the button that recalculates with a link to the php page itself and the "next" button to go to the credit card page with a link to another php page where all the variables are sumited.

I was thinking about making the total price in a textbox and just update it using javascript -- but that would look bad and I'd rather have it "embeded" inside the page with the rest of the text.

How can I accomplish this?

Thanks in advance

batman

You can do as you were going to with the text box and then use javascript to update it onChange. Use this for the textbox:

What this will do, is make it invisible (change the border color to what color the bg is on the page), and also make it read only so they can't mess with the number inside it. Doing it this way will make it look like just ordinary text, but it will update dynamically.

marcebra

Thanks for the prompt reponse,

I forgot, although, that the owner of the website dosn't want to reveal how he make the calculations -- there is more involved than just adding a base price and a color price. (now I remember why I didn't go ahead and do the textbox idea).

Is it posible to make it server side to conceal the formula?

Thanks once again

batman

Well, just make the javascrip and save it as a .js extension. Then call it as so:
<script language="javascript" src="script.js">

They can always access your .js file via browser, but only by itself. I don't really think there is any way to hide that, because people could always just access your site through an editor of some sort. Even if it's done in php, which would be a lot harder to do than with javascript.