Question

Is it possible to change the css in that iframe upon loading through jquery?

This is what I got:

<script type='text/javascript'>
        $(document).ready(function(){
            $("div#skiptrace div.global-header").css('display', 'none');
            });
    </script>
   <div id="skiptrace"><iframe name="my_iframe" src="" id="skiptrace"></iframe></div>
</div> 

I’m trying to change div.global-header to display:none.. I have several other div’s that i would not want to load by simply hiding with css.

Answer 1

You have duplicate ID’s, this assumes your iFrame ID is skiptrace.

<script language="javascript">
$(document).ready( function() {
    $("#skiptrace").load( function() {
        $(this).contents().find("div.global-header").css('display', 'none');
    });
});
</script>

<div id="skiptraceContainer">
    <iframe name="my_iframe" src="" id="skiptrace"></iframe>
</div>