Closed Bug 330097 Opened 18 years ago Closed 18 years ago

Cannot call javascript function defined in child iframe when the function is called from parent window.

Categories

(Firefox :: General, defect)

Product:
Firefox
Component:
General
Platform:
x86
Windows XP
Type:
defect
Priority:
Not set
Severity:
major

Tracking

()

Status:
RESOLVED WORKSFORME

People

(Reporter: ljfong, Unassigned)

Details

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

When I try to call a javascript function defined in the child iframe from the parent window, the call fails and the javascript console indicates that the function "is not a function". However, it fails only when the javascript function is called from within <script></script> block within body of the parent window.

This configuration does not work and the javascript console reports the function testfunc to be "not a function".

Content parent.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
function callfunc()
{
	// Both of these supposedly work.
	top.frames["child"].testfunc();
	document.getElementById("child").contentWindow.testfunc();
	return;
}
</script>
</head>
<body>
	<iframe name="child" id="child" src="child.html"></iframe>
	<script language="javascript">
	//callfunc();
	</script>
</body>
</html>
</script>

Content of child.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
function testfunc()
{
	alert("testfunc is called");
}
</script>
</head>
<body>
	This is the content of iframe.
</body>
</html>

However, this configuration works. Alert window "testfunc is called" is printed twice.

Content of parent.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
function callfunc()
{
	// Both of these supposedly work.
	top.frames["child"].testfunc();
	document.getElementById("child").contentWindow.testfunc();
	return;
}
</script>
</head>
<body onload="callfunc()">
	<iframe name="child" id="child" src="child.html"></iframe>
</body>
</html>
</script>

Content of child.html: unchanged.




Reproducible: Always

Steps to Reproduce:
1.Recreate parent.html and child.html in the same directory.
2.Load up parent.html in a Firefox browser.
3.Open up javascript console to see the errors in the case of failure, or see two alert pop-up windows shown in the case of success.

Actual Results:  
In the case of failure, nothing happens and javascript console reports the called function "is not a function". In the case of success, alert windows are displayed twice.

Expected Results:  
Alert windows should always be displayed in either case.
(In reply to comment #0)
>         //callfunc();
Oops. This line has to be uncommented.

You need to wait the parent and child (iframe) complete their pages, then call the child function.  Here is the solution (update to parent.html):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
function callfunc()
{
	setTimeout('callfunc2()',50);
}

function callfunc2() {
        top.frames["child"].testfunc();
        document.getElementById("child").contentWindow.testfunc();
        return;
}
</script>
</head>
<body>
        <iframe name="child" id="child" src="child.html"></iframe>
        <script language="javascript">
        callfunc();
        </script>
				<input type='button' onclick='callfunc()' value='Call Child Function'>
</body>
</html>
</script>
Status: UNCONFIRMED → RESOLVED
Closed: 18 years ago
Resolution: --- → FIXED
Status: RESOLVED → UNCONFIRMED
Resolution: FIXED → ---
Not a Mozilla bug so closing as WFM.
Status: UNCONFIRMED → RESOLVED
Closed: 18 years ago → 18 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.