Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial
Adding a 'Drop Down' Menu to your Page

This tutorial walks you through adding a Drop Down Java Script Menu to your page. A Drop down menu is where you have multiple options stored in a menu accessible by using the scroll bar arrow..

EXAMPLE:

1.  Open up a notepad document. Insert the following code that is the basic page layout

  • highlighting all of the text,
  • right click on it while highlighted
  • select copy
  • Plant your cursor in the notepad
  • click edit paste.
  • Minimize the notepad.

2.  Open the Drop Down Menu generator page by clicking this link.

3. Type in each field the appropriate information. Form name is the default value in the box

 

4. At the bottom of the form click the button that says "CREATE MENU"

5. In the bottom box is your script. Select  and copy the part that is intended for the head of your doc into the area on your notepad that says <!-- insert head part of code in space below -->

  • highlighting the text intended for the head of your HTML above the ,
  • right click on it while highlighted
  • select copy
  • Plant your cursor in the notepad exactly where indicated
  • click edit paste.

6. Copy the part that is intended for the body of your doc and paste into your doc after where it says <!-- insert body part of code in space below -->

  • highlighting the text intended for the body of your document,
  • right click on it while highlighted
  • select copy
  • Plant your cursor in the notepad
  • click edit paste.

7. Save this notepad to the same folder with your images using Save As and call it optionsmenu.html . Use the instructions to saving notepad information as html here if need be.

10. Open the file you saved called options menu and you will see your drop down menu box.



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2016 All Rights Reserved
Privacy and Legal