Saturday, May 11, 2024
 Popular · Latest · Hot · Upcoming
71
rated 0 times [  77] [ 6]  / answers: 1 / hits: 190699  / 15 Years ago, wed, october 21, 2009, 12:00:00

I have problem calling a JavaScript function in an iframe from the parent page. Here is my two pages:



mainPage.html



<html>
<head>
<title>MainPage</title>
<script type=text/javascript>
function Reset()
{
if (document.all.resultFrame)
alert(resultFrame found);
else
alert(resultFrame NOT found);

if (typeof (document.all.resultFrame.Reset) == function)
document.all.resultFrame.Reset();
else
alert(resultFrame.Reset NOT found);
}
</script>
</head>
<body>
MainPage<br>
<input type=button onclick=Reset() value=Reset><br><br>
<iframe height=100 id=resultFrame src=resultFrame.html></iframe>
</body>
</html>


resultFrame.html



<html>
<head>
<title>ResultPage</title>
<script type=text/javascript>
function Reset()
{
alert(reset (in resultframe));
}
</script>
</head>
<body>
ResultPage
</body>
</html>


(I know that document.all isn't recommended but this page should only be viewed with IE internally and I don't think that's the problem)



When I press the Reset-button I get resultFrame found and resultFrame.Reset NOT found. It seems to have a reference to the frame but can't call the function on the frame, why is that?


More From » function

 Answers
60

Use:



document.getElementById(resultFrame).contentWindow.Reset();


to access the Reset function in the iframe



document.getElementById(resultFrame)
will get the iframe in your code, and contentWindow will get the window object in the iframe. Once you have the child window, you can refer to javascript in that context.



Also see HERE in particular the answer from bobince.


[#98474] Thursday, October 15, 2009, 15 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
erick

Total Points: 588
Total Questions: 92
Total Answers: 100

Location: Bangladesh
Member since Sat, Jan 23, 2021
3 Years ago
erick questions
;