Solved

DROP DOWN LIST TO LINK TO OTHER PAGES

Posted on 1998-07-17
2
119 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

758 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now