homepage Welcome to WebmasterWorld Guest from 54.145.183.169
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
tab JS modify iframe content from external domain in firefox
nisiwi

5+ Year Member



 
Msg#: 4543019 posted 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 ?

 

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved