Home/ Questions/Q 8290879
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T12:56:35+00:00

I am trying to modify content of an iframe but it does not work.

  • 0

I am trying to modify content of an iframe but it does not work.

This is my main.html

<html>
<head><title>Main page</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>

<h3>Main page</h3>
<iframe src="ifr.htm" id="ifr" name="ifr"></iframe>
</body>

<script>
$(document).ready(function(){
    $('#ifr').load(function(){
        $('#ifr').contents().find('body').html('Hey, i`ve changed content of <body>!    Yay!!!');
    });
});

</script>
</html>

This is my ifr.htm

<html>
<head><title>Iframe page</title></head>
<body>
 Content to be displayed in iframe ...
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Please don’t forget the cross-domain policy, otherwise it won’t work.

    Live demo: http://jsfiddle.net/oscarj24/wTWjF/

    (Just to know, I am not using a 404 page, take a look)

    Try this:

    $(document).ready(function(){
    $('#ifr').ready(function(){
        $(this).contents().find('body').html('Hey, I have changed the body content yay!');
    });
});​
    • 0