Buy A Kindle 2 Car Charger - Template - Dreamweaver Spry Validation Select Tutorial - Drop Down Options
Feb 12th, 2009 | By Adobe-Masters.com | Category: Dreamweaver, Tutorials | 2,007 views | Subscribe | PDFThe new Kindle 2 is scheduled to release on February 24th, 2009. However, amazon is taking Kindle 2 Pre-orders for those who’s like to be the first to have the newest reading device ever.
This is a Buy A Kindle 2 Car Charger template tutorial for web designers and bloggers who’d like to publish information. Keep reading to find out how to use the Dreamweaver Spry Validation Select tool.
This is the actual Buy A Kindle 2 Car Charger template. It uses a spryselect of the Spry Validation Select Dreamweaver tool to display payment options.
Click the image to see a live demo of how it works. This blog post continues with a layout of steps on how to configure the spry select.
Buy A Kindle 2 Car Charger Template, Dreamweaver Spry Validation Select Tutorial
Here are the steps to making the the spry select work on the kindle page. See the dreamweaver help page for further assistance or feel free to leave a comment should you have a question.
Creating a New Page. Lets start right away by cranking up a new blank page in Adobe Dreamweaver.
Inserting Spry Select. Point your cursor where you’d like the put the spry select. Now click Insert > Spry > Spry Validation Select from the user menu.
Input Tag Attributes. For the sample or Buy A Kindle 2 Car Charger example I typed in “Payment” for both the label and class.
Add List Values. Click the “List Values…” button. This is where you’d add your selection items. In this case the payment selection items are Amazon.co.uk Mastercard, Visa, Delta, Electron, American Express, and Solo/Maestro. These options were added as Item Labels.
Up to this point you should have a result similiar to that of Gary R. Gilbert. That was the result I had too. It was only a drop down selection list. That’s when I realized that I needed a way to allow the user to acutally submit how they’d like to pay.
Insert a Submit Button. This leads us the the last step of adding a submit button. Goto Insert > Form > Button to get a new submit button. Type in “payment” for the ID. If you’re calling your ID a different name, be sure that it matches the Tag Attributes you entered earlier.
In this example, I changed the submit button to say “Go” instead of “Submit”. You can do the same by editing the “value” input after switching over to the Code View.
Insert the Form Action. When the user selects an option you’ll want some type of action to take place. In this case the user is redirected to the Kindle 2 Car Charger purchase page. Define the page you’d like your readers to visit in the form action field. Learn more about form action attributes at w3schools.com. View my form code below as a reference.
[...] TutorialGet Kindle 2 Three Year Warranty - How to Create A Jump Menu Dreamweaver TutorialBuy A Kindle 2 Car Charger - Template - Dreamweaver Spry Validation Select Tutorial - Drop Down Opti…Kindle 2: Get Photoshop Ebooks On the New Kindle 2 Tags: amazon kindle 2, amazon.com kindle, [...]
hello there, i just saw your web portal via google, and i must say that you write exceptionally good on your web portal. i am really struck by the method that you write, and the subject is superb. in any case, i would also like to know whether you would like to exchange links with my site? i will be more than happy to reciprocate and put your link off in the blogroll. anticipating for your response, thanks and cheers!