Navigation Scripts

This script creates a dropdown navigation menu. You can have the link activate when the choice changes, or include a button to activate the selection.

Here is the script that does the actual link action (this goes is in the HEAD of your page):

<!-- Script to use FORM inputs to navigate links -->
<script language="JavaScript1.2">
<!-- Hide the script from old browser
function surfto(form) {
        var myindex = form.dest.selectedIndex
        window.open(form.dest.options[myindex].value, target="_top");
 }               
 //-->
</SCRIPT>

Here is the FORM that creates the menu box on your page (this goes is in the BODY of your page):

<!-- Related Links Form - Uses the javascript above -->

<form name="myform1">
<select name="dest" SIZE="1" onChange="surfto(this.form)">
	<OPTION SELECTED>[Related Links]
	<OPTION VALUE="floathlp1.html">Floating Menus
	<OPTION VALUE="framehlp1.html">Frames
	<OPTION VALUE="intro1.html">Introduction
	<OPTION VALUE="guestbk1.html">Guestbook
	<OPTION VALUE="about1.html">About Me
</select>
</form>

As shown here, the link will activate when a new selection is made in the form box. Some people prefer using a button to confirm the choice and activate the link. To use a button, delete the onChange="surfto(this.form)" from the SELECT initialization line shown above.

Now add a new line just above the </form> tag. The line is this:

<INPUT TYPE=BUTTON VALUE="Go" onClick="surfto(this.form)">

You can have as many OPTION lines in the form as you want. My only caution not to have so many that you confuse or overwhelm your visitors.

Additional Information and a Special Note

If you have any questions about using these scripts, just click on the email button below, ask your question, and I'll reply as soon as possible (usually 1-2 days).

NOTE: You cannot use any of the script from the crypt if you cannot view, edit, and save the ACTUAL HTML CODE of your webpage. This means, if you use any of the AUTOMATIC PAGE BUILDER PROGRAMS, you will need to use an ADVANCED EDITOR on-line (if one is available from your webhost), or use a text editor (notepad.exe) to add the changes, then FTP (upload) the page to your site server.

[ I love the hands-on, close-to-the-code approach to webpage building! ]