Home/ Questions/Q 9120513
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T05:38:40+00:00

I would like access the IFrame element available in the main page from the

  • 0

I would like access the IFrame element available in the main page from the IFrame source page using JavaScript

Here is my main Page

<html>
<body>
<IFrame id="page-container" src="http://stackoverflow.com"
      width="200px" height="200px">
</IFrame>
</body>
</html>

Child Page

 <html>
   <head>
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"/>
   <script type="text/javascript" >
   $(document).ready(function(){
    var containerFrame= $('#page-container');
    //var containerFrame=document.frames["page-container"];
    //var containerFrame=document.frames["page-container"];
    //var containerFrame=document.parent.frames["page-container"];
   });
   </script>

   <body>
   <div>some content..</div>
   </body>
   </html>

I am getting undefined for all my tries.

How it can be done? Is it possible?

Edit: I tried loading a cross domain page.

In IE i am getting error ‘ for security reason framing is not allowed’ and also
domains, protocols and port must match. Can we achieve this any way?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    var containerFrame = $('#page-container', window.parent.document)

    This should firstly reference the parent of the window and then look for the iframe div

    • 0