I am stuck on a problem using postMessage to instruct a parent page to resize the iframe that holds the child page.
The child page has jqueryUI tabs on it and each tab can be drastically different in the height of the content ...
So, I set up some code on the select: function of the jQueryUI tab-set to get the height of the content of the tab.
But, my code works in Firefox but it does not work in Internet Explorer (sheesh!)
Here is a link to my sample parent page .. which works in FF but not in IE.
Link to my test page: http://www.carcaraway.com/parent_page.html
From the child, I need to tell the parent to resize the iframe based on the size of the currently selected tab's content.
Does someone know of a better way to do this ... aka .. a way that works in FF and IE, etc?
ps; In IE it resizes if the selected tab's content is BIGGER .. but if it is smaller ... I still get the same height value as the previously used tab....it does not change.
I am using $('body').outerHeight( true ); to get the height of the content ... but like I said ... does not work in all browsers...