How to catch iframe resizing from inside iframe (iframe and page are the same domain)

Question

I am trying to listen to iframe width / height changes from inside an iframe using:

$(window).resize(function(){ alert('1 on inside iframe'); });

or

 $(window.parent).find('iframe').resize(function(){ alert('2 on inside iframe'); });

but when resizing the iframe nothing happens. (I need a cross-browser solution: IE7, Chrome, Firefox, Safari.)

+6

Yosef Feb 28 '12 at 14:55

3 answers

Rizwan mumtaz · Answer 1 · 2012-02-28T15:18:06+0000

 $(body).resize(function(){ alert('on inside iframe'); });

Edit:

in html

 <body onresize="myFunction()">

Nick beranek · Answer 2 · 2012-02-28T15:18:29+0000

You need to call the resize() handler from the parent document on the iframe :

 $('iframe').resize(function() {} );

Grsmto · Answer 3 · 2012-02-28T15:21:58+0000