JQuery Access iFrame same domaine

Question

I want access to the content of an iFrame, on the same domain. I have a small and easy example but it doesnt' work, I search the problem since too much time :-(

Here is my code :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function(){   
            alert($('#iframeID').contents().find('#someID').html());
        });
    </script>
 </head>
<body>  
    <iframe id="iframeID" src="test.html"></iframe>
</body>
</html>

And the frame called :

<div id="someID">Hello world!</div>

Can someone help me please ? Thank you for your help

Mathieu

Dipesh Parmar · Accepted Answer · 2013-03-14 08:14:41Z

1

Get iframe as

console.log($('#iframeID', window.parent.document));

You need to wrap code inside of window.load or need to wrap it inside .load() because your iframe contents are not getting load before code is executing.

<script>
    $(window).load(function(){   
        //alert($('#iframeID').contents().find('#someID').html());
        console.log($("#iframeID", window.parent.document).contents().find("div"));
    });
</script>

edited Mar 14, 2013 at 8:14

answered Mar 14, 2013 at 7:58

Dipesh Parmar

27.3k8 gold badges65 silver badges92 bronze badges

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

Comments

Antony · Accepted Answer · 2013-03-14 07:56:20Z

1

Use .load() to make sure the iframe is loaded before searching inside.

$(document).ready(function() {
    $("#iframeID").load(function(){   
        alert($(this).contents().find('#someID').html());
    });
});

answered Mar 14, 2013 at 7:56

Antony

15.2k10 gold badges48 silver badges76 bronze badges

1 Comment

Mathieu Renevey Over a year ago

Ohhhhhhhhhh :-) :-) That works Thank you so much for your quick help !

Collectives™ on Stack Overflow

JQuery Access iFrame same domaine

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related