I'm working on a accient project which based on and tags.
Here's the common HTML structure of the parent page (index.html):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
</head>
<frameset rows="75px,*" frameborder="0">
<frame name="frame1" src="frames/frame1.html">
<frameset class="child_frameset">
<frame name="frame3" src="frames/frame3.html">
</frameset>
</frameset>
</html>
Here how I specify the javascript function on the child frame (frame3.html):
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
function helloWorld(){
alert('hello world!');
}
</script>
</head>
<body>
<h1>I'm frame 3</h1>
</body>
</html>
My task is to call helloWorld() function. How do I do that?
Thanks in advance!
You can do it like this:
document.getElementById('frame3').contentWindow.helloWorld();
Check for contentWindow, contentDocument and get the frame object and perform call.
var siblingFrame;
if (parent.document.getElementById('siblingFrameId').contentWindow){
siblingFrame = parent.document.getElementById('siblingFrameId').contentWindow;
} else if (parent.document.getElementById('siblingFrameId').contentDocument){
siblingFrame = parent.document.getElementById('siblingFrameId').contentDocument;
} else if (parent.document.getElementById('siblingFrameId')) {
siblingFrame = parent.document.getElementById('siblingFrameId');
}
siblingFrame.helloWorld();
You can call method from childframe
window.frames[n].frames[m].methodName()
where n , m are integers starting from 0.If you have document
only one frame remove the frames[m] part and get the job done.
Ya one more thing , do trial an error and find out exact frame numbers
and method.
Hope this helps