Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


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
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

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

Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

Question has a verified solution.

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

Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software. (For more information about Axure and gett…
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
The purpose of this video is to demonstrate how to connect a WordPress website to Google Analytics. This will be demonstrated using a Windows 8 PC Go to your WordPress login page. This will look like the following: :…
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: : Click on Too…

705 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