jQuery / Javascript frame content and .contents() example not working

Question

I have a .asp page that loads some frames and I need to access their content.

I tried to use jquery .contents() method by replicating the official example from the documentation but even that doesn't work.

Here's my code snippets

HOME.HTML

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>contents demo</title>
  <script src="jquery-1.12.4.js"></script>
</head>
<body>

<iframe src="mycom.html" width="80%" height="600" id="frameDemo"></iframe>

<script>
$( "#frameDemo" ).contents().find( "div" ).css( "background-color", "#BADA55" );
</script>

</body>
</html>

MYCOM.HTML

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>

<body>
    <div id="foo"><H1>MYCOM FRAME!</H1></div>
</body>

</html>

Also using .load on the frame to ensure that its content is fully loaded does not work.

What am I doing wrong?

edit: iframe example works using .load method with jquery. But why i've no lock using frameset and frames with the same code? — Flavio, Aug 22 '16 at 11:24

score 0 · Answer 1 · edited May 23 '17 at 12:17

0

Here is the solution to your question.

jQuery/JavaScript: accessing contents of an iframe

Your code is OK, but you can't access iframes from a different domain as your page.

edited May 23 '17 at 12:17

Community

1
1

answered Aug 22 '16 at 00:42

Michel Rivas Hernandez

21
5

I'm not getting any error about the origin domain. Pages are on the same folder – Flavio Aug 22 '16 at 11:23
if you load load the pages from a local folder you get the same domain error. You have to load the pages through a server – Michel Rivas Hernandez Aug 23 '16 at 16:22

jQuery / Javascript frame content and .contents() example not working

1 Answers1