javascript, js - Access a js function inside an iframe from the parent window

Question

Good day to all.

I have the following setup:

A page with html, js, etc. (usual stuff) and an iFrame. In the iFrame I have a function that do something (anything.. alert('test'); for example).

I need to run that function if I click on a button on the main page.

For example if I push button alert in the main page, in the iFrame must appear an alert with the 'test' word.

possible duplicate of Invoking javascript in iframe from parent page — RaYell
– RaYell, Commented May 20, 2011 at 14:39
@Matt yes, @RaYell: Yes it is almost duplicate. My bad I didn't see it. Here's a +1 for your time. — zozo
– zozo, Commented May 20, 2011 at 14:44

Cobra_Fast · Accepted Answer · 2011-05-20 14:41:05Z

2

document.frames[n] make frames accessible by the order they appear in the document. so document.frames[0].contentWindow.myFunction() would call your function inside the frame in case the iframe is the only frame.

Calling a function in the main window from the frame works via top like top.myFunction(). If you just want to go one level up you use parent.

answered May 20, 2011 at 14:41

Cobra_Fast

16.2k8 gold badges64 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dominique Fortin · Accepted Answer · 2012-08-06 19:56:13Z

0

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 && iframe_object.contentDocument) {
    doc = iframe_object.contentDocument;
  } 

  if (!doc && iframe_object.document) {
    doc = iframe_object.document;
  }

  if (doc && doc.defaultView) {
   return doc.defaultView;
  }

  if (doc && doc.parentWindow) {
    return doc.parentWindow;
  }

  return undefined;
}

and

...
var el = document.getElementById('targetFrame');

getIframeWindow(el).targetFunction();
...

answered Aug 6, 2012 at 19:56

Dominique Fortin

2,23815 silver badges21 bronze badges

Collectives™ on Stack Overflow

javascript, js - Access a js function inside an iframe from the parent window

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related