reload frame on back button click

i am currently using this line of code to alter the contents of a  title frame (in a three framed page) when a
    link is clicked:

    <a href=./gce1.htm onClick="top.title.location='./Tgce.htm'" onMouseover="window.status='Information
    on the Graduate Certificate of Education (Tertiary Education) (./gce1.htm)'; return true;"
    target=main>Graduate Certificate of Education (Tertiary Education)</a>    •<br>

     The three frames in the page are a menu down the left side, a title up the top of the right hand side and
    the main body for the remainder of the right hand side.  I need to find out how to replace the title frame
    with it's original image when the browser's back button is used.
Who is Participating?
bigelosConnect With a Mentor Commented:
The trick is in creating identical framesets.  If you look at
you can see my directory structure.  In it, you will see 1st_frame.htm and 2nd_frame.html.  Essentially, for each link that you want to update two frames at once and you don't want to have the "Back Button" problem, you will need to create a frameset.

Before you get panicky, remember that all the framesets are identical, so all you have to do is create a master and then copy it over.  Each frameset is only about 1k in size, so no worries about space.  In each link that you want to update two frames, you'll need a link like <a href="another_frameset.html" target="_top">another_frameset</a>.  Then, in another_frameset.html, you can specify the files you want to appear in your other frames.

Hopefully this is understandable, but if not, let me know and I'll try to explain.  If you want, you can post the URL you are having problems with, and I'll copy it over, make some of the  changes, and then post it at one of my sites, just so you can see what I am talking about.
You can control the history of each frame as such...

top.framename.back() or top.framename.go(-1)

Spo0nAuthor Commented:
Coolness but where do I put the new bit of code in relation to the code in the question?
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Spo0nAuthor Commented:
It IS working but i need to click the back button a couple of times to get the proper title frame up.  I kinda need it to update the title frame on the one click.  Getting close. :)
Update both with one back click means updating both windows at once.  Take a look at

and tell me if that is how you want your page to work.  If so, I'll tell you how to do it and post as answer.
Spo0nAuthor Commented:
That's just about perfect dude. The only difference in my page is that the menu on the left goes all the way to the top
Michel PlungjanIT ExpertCommented:
Bigelos: A JavaScript answer?

If you are really looking for a JavaScript solution, then you will have to create your own "back" button and use javascript to "back up" two frames.  The trick is in getting the user to press your back button instead of theirs.
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.

All Courses

From novice to tech pro — start learning today.