Solved

frames

Posted on 1998-02-02
2
262 Views
Last Modified: 2012-06-27
I have a frames based page with a navigation frame on the left (A) and my main content frame on the right (B).  I would like to work a particular link in the A frame so that, when clicked, it loads a new page in the A frame AND a new page in the B frame.  I would like to avoid any Java or VB
code.  How can I do this?
0
Comment
Question by:lugeas
2 Comments
 
LVL 1

Accepted Solution

by:
jello earned 200 total points
ID: 1842822
The solution is to have the link in frame A use the TARGET="_top" attribute to exit the frame set.  It should call a modified version of the page containing your original frameset.  This modified version should have the correct pages you want to load in both frames.  The code will look something like this:

ORIGINAL DOCUMENT IN NAVIGATION FRAME:
<A HREF="modified_frame.html" TARGET="_top">link</A>

MODIFIED FRAME PAGE:
<FRAMESET COLS="*,*">
      <FRAME NAME="A" SRC="new_nav_doc.html">
      <FRAME NAME="B" SRC="content.html">
</FRAMESET>

(don't foget any frame attributes you might want like scrolling or frame border, etc...)

Your browser's back button will recover the original scenario. If you want your users to return to the original navigation tools in the A frame, you may want to adjust your links in the B frame to call the original frameset document.

Hope this helps
-jello
0
 
LVL 2

Expert Comment

by:nebworth
ID: 1842823
 Geez, I gotta hit the books again...
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

Suggested Solutions

Title # Comments Views Activity
Alignment is not working correctly. 8 39
bootstrap footer centering and columns alignement 3 59
CSS Logo Problem. 2 21
HTML Display Current Year 5 28
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 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…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

809 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