Calling javascript function in iframe

Question

I have problem calling a JavaScript function in an iframe from the parent page  Here is my two pages   mainPage html   lt html gt   lt head gt       lt title gt MainPage lt  title gt       lt script type  text javascript  gt          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                   lt  script gt   lt  head gt   lt body gt      MainPage lt br gt       lt input type  button  onclick  Reset    value  Reset  gt  lt br gt  lt br gt       lt iframe height  100  id  resultFrame  src  resultFrame html  gt  lt  iframe gt   lt  body gt   lt  html gt    resultFrame html   lt html gt   lt head gt       lt title gt ResultPage lt  title gt       lt script type  text javascript  gt          function Reset                          alert  reset  in resultframe                    lt  script gt   lt  head gt   lt body gt      ResultPage  lt  body gt   lt  html gt     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

User · Answer

When you access resultFrame through document.all it only pulls it as an HTML element, not a window frame. You get the same issue if you have a frame fire an event using a "this" self-reference.

Replace:

document.all.resultFrame.Reset();

With:

window.frames.resultFrame.Reset();

Or:

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

User · Answer

The first and foremost condition that needs to be met is that both the parent and iframe should belong to the same origin  Once that is done the child can invoke the parent using window opener method and the parent can do the same for the child as mentioned above

User · Answer

Instead of getting the frame from the document  try getting the frame from the window object   in the above example change this   if  typeof  document all resultFrame Reset      function       document all resultFrame Reset    else     alert  resultFrame Reset NOT found      to  if  typeof  window frames 0  Reset      function       window frames 0  Reset    else     alert  resultFrame Reset NOT found      the problem is that the scope of the javascript inside the iframe is not exposed through the DOM element for the iframe   only window objects contain the javascript scoping information for the frames

User · Answer

If you can not use it directly and if you encounter this error  Blocked a frame with origin  http   www  com  from accessing a cross-origin frame  You can use postMessage   instead of using the function directly

User · Answer

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

User · Answer

Call  window frames  resultFrame   Reset

User · Answer

For even more robustness   function getIframeWindow iframe object      var doc     if  iframe object contentWindow        return iframe object contentWindow         if  iframe object window        return iframe object window          if   doc  amp  amp  iframe object contentDocument        doc   iframe object contentDocument          if   doc  amp  amp  iframe object document        doc   iframe object document         if  doc  amp  amp  doc defaultView       return doc defaultView         if  doc  amp  amp  doc parentWindow        return doc parentWindow         return undefined      and       var el   document getElementById  targetFrame     var frame win   getIframeWindow el    if  frame win      frame win reset

User · Answer

objectframe contentWindow Reset   you need reference to the top level element in the frame first

[javascript] Calling javascript function in iframe

Examples related to javascript

Examples related to iframe