Free-Webmaster-Tools.com is a collection of tools for your web development needs and insightfull articles and tips.
Webmaster Picks

Site Navigation

Home
Weekly Articles/Tips
Webmaster Directory
Product Reviews
Webmaster Forums
geek/Gallery
Site Map
Recommend This Site
• On-Site Tools
Link Popularity Check
Meta Tag Generator
Pop Up Maker Tool
Flash Navbar Generator
Flash TopBar Generator
DHTML Menu Generator
NameSpin to find Domain Names
Find Expired Domains
Learn Unix Commands
SE Position Analyzer
WhoIs Lookup
Color Code Generator
Graphic Navigation Bar Generator
Drop Down Menu
Generator
Google Dance Tool
Free Graphics
Search

Popular Searches:
Free CGI Scripts

Free Web Templates
• Webmaster Forum

Advanced Search
Last 25 Threads
Hosting
Building/Maintenance
Making Money
Promotion
geek/Marketplace
Best Threads
• News
Tech
Security
Search Engine
Web Development

Books

Flash
Dreamweaver
Photoshop
Php
Unix
Linux
Site Usability
Software

Bestsellers
Dreamweaver
Fireworks
Flash
Photoshop

Top of Page

DropDown Menu Generators Using JavaScript
By Steve Shubitz

Many of you have requested another way to create a DropDown menu which opens the link in a new window or another method which does not use images like our popular DropDown Menu Generator.

1. This method opens each link in a new window. This drop down menu should be used for external links on other sites. A well designed drop down menu should always provide a label on the first line. Copy and paste the following code into a table and change the labels and links to reflect your own site.

<!----- start drop down - links open in new window ----->
<form method="post" action="" name="">
<select name="select15" onChange="window.open(this.options[this.selectedIndex].value,'_blank')">
<option selected>Webmasters: Free Services For Your Site</option>
<option>---------------------------------------------------</option>
<option value="http://www.geekvillage.com/guest_book/index.html">Guest
Book</option>
<option value="http://www.geekvillage.com/tell_a_friend/index.html">Tell
A Friend</option>
</select>
</form>
<!----- end drop down new window ----->

2. This method opens each link in the same window. These are links on your own site and not another site. The first line contains a label (Site Navigation) to help your guests and improve the usability. Copy and paste the following code into a table and change the labels and links to reflect your own site.

<!----- drop down same window ----->
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option selected>Site Navigation</option>
<option value="/index.html">Home</option>
<option value="/product_reviews.htm">Product Reviews</option>
<option value="/sitemap.htm">Site Map</option>
<option value="/advertise.html">Advertise</option>
<option value="/addsite.htm">Add Your Site</option>
<option value="/linktous.htm">Link To Us</option>
<option value="/contact.html">Contact Us</option>
</select>
</form>
<!----- end drop down same window ----->

This article is ©2003 by Free-Webmaster-Tools.com/Published Perfection. All rights reserved. Reproduction in any form is prohibited. Print this article.

Return to Webmaster Tips and Articles Index

Top Of Page | Advertise | Link Exchange - Add Your Site | Link To Us | Contact Us
Site Map
| Support A Charity | Privacy | Terms & Conditions | About Us
© 2000-2007 by iOnline Pty Ltd. All rights reserved.
Please visit our geek/talk Forums For Publishers & Merchants.
A proud member of CAUCE (The Coalition Against Unsolicited Commercial Email).

Our ZERO TOLERANCE Spam Policy

Top of Page. Free-Webmaster-Tools.com is a collection of tools for your web development needs and insightfull articles and tips.