 |
 Java Script Tutorial - JavaScript is a programming language that is mostly used in web pages, usually to add features that make the web page more interactive. The information provided will direct you to java script tutorials, that will outline these features in greater detail.
|
|
|
|
|
Down drop java menus are very useful for improving site navigation and the overall look and feel of your website. The down drop java Menu Script tutorial will instruct you on how to effectively use these menus.
|
Under Construction
A drop down menu
A drop down menu is a popular way to cram a lot of links into a small space. A drop down menu (also simply called a "dropdown") is a <SELECT ...> list of web pages. The user selects one of the options and presses the "Go" button. For example, this dropdown gives you the choice of three pages:
Dropdowns are one of those web page techniques that can be done easily -- and incorrectly -- or with just a little extra effort and correctly. The technique described here is quite simple. We've written all the Javascript code, so mostly you'll only need to do a little copying and pasting.
First, copy this Javascript and paste it exactly as is into the section of your document:
|
<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
{
if(mySel.form.target)myWin = parent[mySel.form.target];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
}
return false;
}
//-->
</SCRIPT>
|
Now we create a <SELECT ...> list of pages. The following code creates the form and the select list. Copy most of this code exactly as it is. The only part to modify for your own page is the list of URL options grouped together in the middle:
|
<FORM
ACTION="../cgi-bin/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Choose a Destination...
<OPTION VALUE="/tags/" >Guide to HTML
<OPTION VALUE="/" >Idocs Home Page
<OPTION VALUE="http://www.ninthwonder.com" >Ninth Wonder
</SELECT>
<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>
|
Please see: 
|
|
|
|
|
The most relevant links we could find, placed here free
|
|
 AllTheScripts
- Description: This is a tutorial which creates a simple cross-browser drop-down menu system in JavaScript. Tested in IE 4+ NS 4+ NS6/7 Mozilla and Opera 5+. www.allthescripts.com
Drop Down Menu
- EchoEcho.Com - javascript tutorial - javascript menu. ... The script that makes the drop-down menus work as links is very simple, yet, extremely powerful. www.echoecho.com
The Site Wizard
- Put a simple drop down menu Javascript on your web pages and improve site navigation. www.thesitewizard.com
Drop Down Menu Tutorial
- This is a tutorial which creates a simple cross-browser drop-down menu system in ... NET, C, C++, Cold Plus, Java Applets, Java Scripts, Perl, PHP and Python. www.tutorialized.com
APYCOM
- XP Drop Down Menu has all powerful features of the previous menu and can ... Apycom Java Script Menus and Buttons. www.apycom.com
|
|
Java Tutorials Home
Back
A-Z Index