| tab JS modify iframe content from external domain in firefox
|
nisiwi
msg:4543021 | 4:39 pm on Feb 6, 2013 (gmt 0) |
When loading an iframe onto a page inside a tab I'm getting some strange layout issues inside the iframe.
In chrome it displays correctly, however in firefox the iframes content is getting modified by the tabber.
If I pull the iframe out of the tab and onto the page it displays fine.
Any ideas what is causing the JS to modify the contents of the iframe and how I stop it ?
Here is the tabber script
jQuery(document).ready(function($) {
// Tabs
$('.su-tabs-nav').delegate('span:not(.su-tabs-current)', 'click', function() {
$(this).addClass('su-tabs-current').siblings().removeClass('su-tabs-current')
.parents('.su-tabs').find('.su-tabs-pane').hide().eq($(this).index()).show();
});
$('.su-tabs-pane').hide();
$('.su-tabs-nav span:first-child').addClass('su-tabs-current');
$('.su-tabs-panes .su-tabs-pane:first-child').show();
// Tables
$('.su-table tr:even').addClass('su-even');
});
Here are the surrounding html elements
<div class="su-tabs su-tabs-style-1">
<div class="su-tabs-nav">
<span class="">TAB1 TITLE</span>
<span class="su-tabs-current">TAB2 TITLE</span>
</div>
<div class="su-tabs-panes">
<div class="su-tabs-pane" style="display: none;">TAB1 CONTENT</div>
<div class="su-tabs-pane" style="display: block;">
<div id="prmg-outerdiv">
<iframe id="prmg-inneriframe" scrolling="no" frameborder="0" noresize="noresize" src="LINK TO IFRAME">
</iframe>
</div>
</div>
</div>
</div>
It would appear that if I use Firebug and modify the dimension of one of the div in the iframe (which is hosted on an external domain) that I can get the correct layout like Chrome.
It would seem that modifying content inside an iframe hosted on an external domain is possible ?
|
|
