Call javascript function from frame in other frameset

Question

My site is setup like this:

<frameset rows="80,*">
    <frame name="top" id="top" src="header.html">
    <frameset id="innerframe" cols="300,*">
        <frame name="nav" src="nav.html">
    </frameset>
</frameset>

In header.html I have:

function fAlert() {
    alert('test');
}

How can I call fAlert() in nav.html?

I tried

var fframe = parent.document.getElementById('top');
fframe.fAlert();

and also

parent.frames.top.fAlert();

but it didnt work (fAlert is undefined).

Any ideas how I can accomplish this?

user1329482 · Accepted Answer · 2013-11-20 15:10:36Z

8

First off, don't use framesets and frames. Use iframes--frames are deprecated.

Secondly, provide an id for the iframe (or frame, if you must) in order to direct the function call correctly. (You've already pretty much done this, but I'm being methodical.) I wouldn't name it 'top' because 'top' already has a meaning in terms of windows and frames.

From inside the nav frame, parent.insertYourFrameIdHere.fAlert() should work correctly. This assumes two things: 1) The page and the frame contents come from the same domain, and 2) header.html loaded correctly and there were no script errors in it. Script errors or other issues could keep the function from ever being created.

answered Nov 20, 2013 at 15:10

user1329482

5693 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

seph Over a year ago

Unfortunately, the site has been built with framesets/frames and I am unable to change that. I also want to add, that top is a really inconvenient name for a frame. parent.frames[0].fAlert() did the trick.

user3005791 · Accepted Answer · 2013-11-20 15:15:16Z

6

For the html in your question following should work.

window.parent.parent.frames[0].fAlert();

answered Nov 20, 2013 at 15:15

user3005791

1063 bronze badges

Collectives™ on Stack Overflow

Call javascript function from frame in other frameset

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related