Solved

DROP DOWN LIST TO LINK TO OTHER PAGES

Posted on 1998-07-17
2
125 Views
Last Modified: 2010-04-09
I am currently posting some of my research from the past year on my new site, and I want to be able to use a drop-down list to be able to take viewers to the part of the research they want to go(i.e., Abstract, Background, Experimental Design).  All of the separate parts are located on their own HTML page, and instead of just listing all of the links at the bottom or top, I want the small size of the drop-down list.  please e-mail me at fyushun@hotmail.com if you think you can help me. Thanks.
0
Comment
Question by:Fyushun
2 Comments
 
LVL 10

Accepted Solution

by:
MasseyM earned 150 total points
ID: 1844689
Use this for your drop-down box:
<SELECT onChange="GoLink(this);">
<OPTION VALUE="backgrnd.htm">Background</OPTION>
<OPTION VALUE="technical.htm">Technical</OPTION>
</SELECT>

<SCRIPT language="JavaScript"><!--
function GoLink(s)
      {      var d = s.options[s.selectedIndex].value;
            window.top.location.href = d;
            s.selectedIndex=0;
      }
//-->
</SCRIPT>

That should do it..
0
 

Author Comment

by:Fyushun
ID: 1844690
Thank You!!!!  You were a big help MasseyM, I appreciate your help, and please let the others know how generous I am with the points!
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS Logo Problem. 2 21
Add image to into animation on website template 1 27
ebay seller html tags 2 26
How would I do a website like this? 5 60
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question