ansaurus

Question

Accessing a javascript function in a nested iframe in IE

Answer 1

+3 A:

I've provided an example using 3 HTML files. The outermost is test.html which has an iframe containing iframe1.html. In turn, iframe1.html contains an iframe containing iframe2.html. I'm hoping this is the kind of setup that you have in mind.

Basicly, you can call the iframe function using iframe.contentWindow.myfunc();

Using contentWindow.document you can then access the second level iframe.

The example function 'doit()' calls a function in the parent, first iframe and second iframe.

Hope this helps!

------- test.html --------
<html>
<head>
    <script type="text/javascript">
     function parent_function() {
      alert('parent');
     }
     function doit() {
      parent_function();
      document.getElementsByTagName('iframe')[0].contentWindow.iframe1_function();
      document.getElementsByTagName('iframe')[0].contentWindow.document.getElementsByTagName('iframe')[0].contentWindow.iframe2_function();
     }
    </script>
</head>
<body>
main
<a href="javascript:doit();">do it</a>
<iframe src='iframe1.html'>
</body>
</html>
-----------------------------

------- iframe1.html --------
<html>
<head>
    <script type="text/javascript">
     function iframe1_function() {
      alert('iframe1');
     }
    </script>
</head>
<body>
frame1
<iframe src='iframe2.html'>
</body>
</html>
-----------------------------

------- iframe2.html --------
<html>
<head>
    <script type="text/javascript">
     function iframe2_function() {
      alert('iframe2');
     }
    </script>
</head>
<body>
frame2
</body>
</html>

ylebre 2009-05-29 19:51:42

ansaurus

tags:

views:

answers:

Accessing a javascript function in a nested iframe in IE

related questions