Jquery iframe not working

JavaScript
1

I am loading in an iframe from RightMove and I want to remove certain aspects of it. I’ve tried CSS and jQuery but I think the onLoad is not working. Here is my code:

jQuery('#advanced_iframe_2').load(function() { 
    jQuery("#globalHeader").hide();
    console.log('Working status 1');
});

And I am trying this :

jQuery(document).ready(function() {
  jQuery('#advanced_iframe_2').ready(function() {
   console.log('Working status 2');
  });
});

Can anyone point me in the right direction please?

Cheers

2

Is #global-header an element on the RightMove site? If so, unless you own RightMove, you can’t: an iframe is like a window: unless what’s on the other side of the window is your house, you can only look through it, you can’t go into someone else house and move the furniture round.

1 Like
3

Hi Dan,

You are correct in thinking that #global-header is owned by RightMove website. Love how you have described the whole house metaphor.

Thank you :slight_smile: