Solved

Replacing Two frame pages with one click in V3

Posted on 1998-12-17
3
166 Views
Last Modified: 2010-04-09
Is there a way for one link in a 3 frame page to replace pages in the two other frames? (Maybe without Java so IE3 will do it too)

Thanks!
0
Comment
Question by:guadalupe
3 Comments
 
LVL 3

Expert Comment

by:czpczp
ID: 1840733
What I've done in the past was have the link simply reload the same page but using different html code for each frame.
0
 
LVL 6

Expert Comment

by:PBall
ID: 1840734
1. Using META HTTP-EQUIV=Refresh (supposedly)

Someone (in this site) hinted that you can attached a TARGET clause to the META command (I've not confirmed this)
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=_URLHere" TARGET="_FrameName">

If the method does work, you can set up chain reaction.
The original link say in Frame3 when clicked will update Frame2

<a href='a.html' target=Frame2>

In a.html, add:
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=b.html" TARGET="Frame1">

which will in turn update Frame1 with b.html when a.html is loaded into Frame2.

2. Using JavaScript (IE3 does JavaScript well, they called it JScript)

<script>
function fupdate( url1, url2) {
  //replace frame1 and frame2 with the real frame names

  parent.frame1.location.href= url1;
  parent.frame2.location.href = url2;
}

<a href='javascript:fupdate("b.html","a.html")'>Update the other frames</a>

or

<input type=button value='update' onClick='fupdate("b.html","a.html")'>

See:
http://www.district125.k12.il.us/java/jsintro/part3/part3.htm#js
for more detail.
0
 

Accepted Solution

by:
jbarta earned 50 total points
ID: 1840735
For a JavaScript solution look here:
  http://junior.apk.net/~jbarta/tutor/frames/load_two/index.html

For a non-JavaScript solution look here:
  http://junior.apk.net/~jbarta/temp/2frames/master.html

Which to use? For simple pages the non-JavaScript solution is good.
If you want to get more complex and make your pages jump through
hoops and do backflips, use the JavaScript based example as a beginning
reference.

0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
align Linkedin sign to the right page 5 55
Create CSS Animation for Page Transitions 4 38
Hide cell in a table 2 27
Head to not include on scroll 4 23
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.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
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.

839 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