Frames (2) and drop down.

Posted on 1999-07-13
Medium Priority
Last Modified: 2013-12-24
I want to create a frames page that will have 2 frames divided horizontally.  Top 1/4 of page would be nothing more than a drop down listing of options.  I want each selectable option when selected to force a specific related page to be displayed in the bottom 3/4 of the screen.  

How can I do this?
Question by:pinkstonm

Accepted Solution

TTom earned 400 total points
ID: 1868099
1. Open a new page.
2. From the Frame Menu, select New Frames Page.
3. From the dialog box, select Horizontal Split.
4. In Frameset Page HTML, change <frameset rows="??%,*"> to <frameset rows="25%,*">
5. In Design mode, create a new page for the top frame.
6. In HTML source for the top page, insert the following HTML code (after the <body> tag):

<form name="frm" action="" method="POST" onsubmit="return false;">
<select name="mylist" onchange="go()">
<option value="">Please select a link</option>
<option value="http:...">Link</option>
(insert one for each appropriate link)

7. In HTML source for the top page, insert the following JavaScript code (before the </head> tag):

function go() {
  var myindex=document.frm.mylist.options.selectedIndex
  parent.bottom.location = document.frm.mylist.options[myindex].value

8. In Design Mode, choose or create a page for the bottom frame.

That should do it.  (I hope all my syntax is correct, but it shouldn't be too hard to debug.)


Expert Comment

ID: 6873010

This question was awarded, but never cleared due to the JSP-500 errors of that time.  It was "stuck" against userID -1 versus the intended expert whom you awarded.  This corrects the problem and the expert will now receive these points; points verified.

Please click on your Member Profile and select "View Question History" to navigate through any open or locked questions you may have to update and finalize them.  If you are an EE Pro user, you can also choose Power Search to find all your open questions.

This is the Community Support link, if help is needed, along with the link to All Topics which reflects many TAs recently added.

Thank you,
Moderator @ Experts Exchange

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

In this short web based tutorial, I wanted to show users how they can still use the powers of FrontPage in conjunction with Expression Web 3.  Even though Microsoft eliminated the use of Web components, we can still use them with FrontPage and edit …
When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

607 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