Calling javascript function in iframe
function, iframe, javascript
Solution
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.
Problem
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?