Multiple Buttons

home page
std.css

There are times when multiple buttons on a single item make sense. Things such as different prices for members and non-members. PayPal suggests two separate FORMs each with its own price and "buy" button. To me it makes much more sense to have a single FORM with two buttons where clicking a button sets the price of the item.

We could do the same thing with a dropdown, but this way you gently remind the user of the value of membership. Just a different way of doing something. (And simpler in this case.)

We start with the output of the PayPal button factory and make a few changes. Then the JS processes the FORM and adjusts the fields. Right-click on this page (and <view source>) to see what was done.

Copy the JS from this example and paste it into your page within the <head> section, like is done on this page, or into the <body> section. Only one copy of the JS is needed for any page.
Go into every FORM that can place an order and add these things...
- A new named element called basedes to hold the base description of this item.
- An event handler to the "add" buttons to establish the price, and an onsubmit event handler to the FORM element.
To set the price of an item assign it in the button event handler as is done here.

Contact me concerning this article at paypalhelper@aol.com. Mention "buttons" in your note.

Individual help starting at $25.00 for simple JS solutions.