Solved

How do you link from a non-frameset page to a frameset page and get the entire frame.

Posted on 2003-10-23
9
258 Views
Last Modified: 2010-04-09
I have a website that was created using frames, which I'm working on removing.  However, I created a new section of our site that has no frames.  Now, I need to link from the new section (no frames) to a page in a frameset.  How do I get this page with it's frameset?
0
Comment
Question by:ballshar
  • 3
  • 2
  • 2
  • +2
9 Comments
 
LVL 4

Expert Comment

by:apprenti
ID: 9609567
<a href="fullpage.htm" target="_top">fullpage</a>
0
 
LVL 4

Expert Comment

by:apprenti
ID: 9609624
That's to go from a frameset page to a normal page.

To from a normal page to a frameset, just link to the frameset which contains the page concerned.

<a href="myframeset.htm">frameset</a>.

0
 

Author Comment

by:ballshar
ID: 9610069
index.htm is not a frameset - but this is were we link FROM

TO

page1.htm

The frameset is called main.htm which also includes left.htm which is the navigation menu.
In the main.htm frameset there maybe 20 files linked in the left.htm of the frameset.  page1.htm
page2.htm
page3.htm
etc...
How can I create a link from index.htm to page1.htm that will bring up the frameset of main.htm? Is there a quick solution or javascript I can use?
0
Simplifying Server Workload Migrations

This use case outlines the migration challenges that organizations face and how the Acronis AnyData Engine supports physical-to-physical (P2P), physical-to-virtual (P2V), virtual to physical (V2P), and cross-virtual (V2V) migration scenarios to address these challenges.

 
LVL 4

Expert Comment

by:apprenti
ID: 9610257
Doc Javascript covers this sort of thing:

http://www.webreference.com/js/tips/001016.html
0
 
LVL 7

Expert Comment

by:Xxavier
ID: 9611578
I am not understanding you do mean  by "create a link from index.htm to page1.htm that will bring up the frameset of main.htm?" ie bring up the main.htm frame set with page1.htm displayed in the frame set.
0
 
LVL 10

Accepted Solution

by:
NetGroove earned 250 total points
ID: 9612779
All twenty html pages with the names page1.htm, page2.htm and so on, has to be extended in the header of the page.
You need in the header of those pages this script:
<SCRIPT>
if (window == top) {
  thisPage = window.location.href.split("/");
  top.location.href = "main.htm?left="+thisPage[thisPage.length-1];
}
</SCRIPT>


And the main.html needs this extention:
<html>
<head>
<script>
var leftSrc = "page1.htm";
if (window.location.search){
  page = window.location.search.split("left=");
  if(page.length>1){
    leftSrc = page[1];
  }
}
</script>
</head>
<frameset cols="20%,*" onLoad="window.left.location=leftSrc">
<frame name=left>
<frame name=right src="right.htm">
</frameset>

That's all.

Good luck,
NetGroove

0
 
LVL 1

Expert Comment

by:dsyn
ID: 9631018
At javascript.internet.com , They have the perfect code: http://javascript.internet.com/navigation/dynamic-frameset.html
0
 
LVL 10

Expert Comment

by:NetGroove
ID: 9636186
Thanks for the points.
0
 

Author Comment

by:ballshar
ID: 9636420
As always - that worked!
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

777 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