Inject code in to an iframe on load

Question

I want to add some html and javascript code to an iframe when it loads so that, while the user surfs, it will go to other links through an iframe.

I have tried:

<script src="http://code.jquery.com/jquery-2.0.2.js"></script>
<body>
     <button id='button1' onclick="changecode()">Change Code</button>
     <iframe id='iframe1' name='iframe1' src='http://example.in/Default.aspx'> </iframe>
     <script type="text/javascript">
          function changecode(){
             $('#iframe1').contents().find('div.xyz').load('2.html');
          }
     </script>
</body>

Another javascript attempt:

<script type='text/javascript'>
    function changecode() {
         document.frames('iframe1').document
            .getElementById('ContentPlaceHolder1_UpdatePanel1').innerHTML='11';
    }
</script>

Answer 1

The load event will not fire from an html element of a document, but you can attach a load handler from the frame itself:

<script type="text/javascript">

    function changecode(){
        $('#iframe1').load(function () {
            $(this).contents().find('div.xyz').html('11');
        });
    }

</script>

Inject code in to an iframe on load

Question

1 answers

solution1
1 2013-07-10 14:20:30

Inject code in to an iframe on load

Question

1 answers

solution1 1 2013-07-10 14:20:30

solution1
1 2013-07-10 14:20:30