Guide to creating a web site, web design, web development, internet marketing, promotion, html tips and tricks, javascript and more.

Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering Free Javascript Tips, Snippets and Codes

Open Directory Projectfree ebooksfree articles
web site design development internet marketing and promotion tutorials

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

webmaster resources
website design

Drop Down Box with automatic redirect

If you're looking for a great way to enable your visitors to navigate your web site, this JavaScript drop down box with automatic redirect may be what you're looking for. This JavaScript code will enable your visitors to click on a drop down box to select the location on your web site in which they would like to navigate. Once they make their selection, the will automatically be taken to the location.

Place this code between your <HEAD> and </HEAD> tags:

<script language=JavaScript>
<!-- Script courtesy of http://www.web-source.net - Your Guide to Professional Web Site Design and Development
function Navigate() {
var number = NavSelect.selectedIndex;
location.href = NavSelect.options[number].value; }
// -->
</script>

Place this code where you would like the menu to appear:

<select name="NavSelect" onChange="Navigate(this.form)">
<option value="" SELECTED>Click to Navigate
<option value="YourPage.html">Your Page
<option value="about:blank">Blank Page
<option value="http://www.yoursite.com">Home
</select>

Edit the text indicated in red to suit your needs.






Submit your JavaScript code snippets. We'll credit you and give you a link to your website.