Solved

DROP DOWN LIST TO LINK TO OTHER PAGES

Posted on 1998-07-17
2
130 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
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…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

636 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