HTML Code for the Drop-down Menus Above - link in SAME window

<HEAD>  
 <script language="javascript">
<!-- Hide me please!
function jump(form) {var myindex=form.menu.selectedIndex
if(form.menu.options[myindex].value != "0") {window.open(form.menu.options
[myindex].value, target="_self");
}
}
//-->
</script>
NOTE:
  • target="_self"  -  same window for the link; visitor clicks on browser's "Back" button to get back to menu page on your site.
  • target="_blank" - new window for the link with visitor staying on your site, back to menu page when new window is closed.
<BODY>  
COURSES:
Computer Fundamentals
System Requirements
Digital  Photography
Elements of Design
Web Page Design
Java Applications
E-commerce
Photoshop
Internet
HTML




<form name="index1">
<select name="menu" onchange="jump(this.form)"
style="font-family: Arial; font-size: 10pt; font-weight: regular; background-color: #F0FFF0">
<option value="http://www.computerschool.net/java/j_navigation1.html">COURSES: </option>
<option VALUE="http://www.computerschool.net/computer/index.html">Computer Fundamentals</option>
<option VALUE="http://www.computerschool.net/computer/index.html">System Requirements</option>
<option VALUE="http://www.computerschool.net/dphoto/index.html">Digital Photography</option>
<option VALUE="http://www.computerschool.net/design/index.html">Elements of Design</option>
<option VALUE="http://www.computerschool.net/wpd/index.html">Web Page Design</option>
<option VALUE="http://www.computerschool.net/wpd/index.html">Java Applications</option>
<option VALUE="http://www.computerschool.net/ecommerce/index.html">E-commerce</option>
<option VALUE="http://www.computerschool.net/pshop/index.html">Photoshop</option>
<option VALUE="http://www.computerschool.net/inet/index.html">Internet</option>
<option VALUE="http://www.computerschool.net/wpd/index.html">HTML</option>
</select>
</form>
RESEARCH LINKS:
LINKS LIBRARY
VANCOUVER
Photography
Newsgroups
Dictionaries
Computers
Hardware
Software
Search
Drivers
<form name="index2">
<select name="menu" onchange="jump(this.form)"
style="font-family: Arial; font-size: 10pt; font-weight: regular; background-color: #F0FFF0">
<option value="http://www.computerschool.net/java/j_navigation1.html">RESEARCH LINKS:</option>
<option VALUE="http://www.computerschool.net/links.html">LINKS LIBRARY</option>
<option VALUE="http://www.computerschool.net/vancouve.html">VANCOUVER</option>
<option VALUE="http://www.computerschool.net/photo.html">Photography</option>
<option VALUE="http://www.computerschool.net/inet/newsg.html">Newsgroups</option>
<option VALUE="http://www.computerschool.net/htmlinks.html#Dictionaries">Dictionaries</option>
<option VALUE="http://www.computerschool.net/computer/links.html">Computers</option>
<option VALUE="http://www.computerschool.net/computer/hardware.html">Hardware</option>
<option VALUE="http://www.computerschool.net/software.html">Software</option>
<option VALUE="http://www.computerschool.net/inet/search.html">Search</option>
<option VALUE="http://www.computerschool.net/drivers.html">Drivers</option>
</select></form>
EDUCATIONAL:
myassignment.net
Educational Links
Teaching Styles
Learning Styles
<form name="index3">
<select name="menu" onchange="jump(this.form)"
style="font-family: Arial; font-size: 10pt; font-weight: regular; background-color: #F0FFF0">
<option value="http://www.computerschool.net/java/j_navigation1.html">EDUCATIONAL:</option>
<option VALUE="http://www.myassignment.net">myassignment.net</option>
<option VALUE="http://www.digitalschool.net/edu/">Educational Links</option>
<option VALUE="http://www.computerschool.net/teaching_styles.html">Teaching Styles</option>
<option VALUE="http://www.computerschool.net/form1.html">Learning Styles</option>
</select></form>
MORE LINKS:
FEEDBACK
GALLERY
Business
Services
Jokes
Quiz
<form name="index4">
<select name="menu" onchange="jump(this.form)"
style="font-family: Arial; font-size: 10pt; font-weight: regular; background-color: #F0FFF0">
<option value="http://www.computerschool.net/java/j_navigation1.html">MORE LINKS:</option>
<option VALUE="http://www.computerschool.net/feedback.html">FEEDBACK</option>
<option VALUE="http://www.computerschool.net/http://www.digitalschool.net/">GALLERY</option>
<option VALUE="http://www.computerschool.net/business.html">Business</option>
<option VALUE="http://www.computerschool.net/services.html">Services</option>
<option VALUE="http://www.computerschool.net/computer/joke2.html">Jokes</option>
<option VALUE="http://www.computerschool.net/computer/quiz2.html">Quiz</option>
</select></form>

 

BACK