Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

tab JS modify iframe content from external domain in firefox

4:39 pm on Feb 6, 2013 (gmt 0)

Junior Member

10+ Year Member

joined:Nov 22, 2006
posts: 51
votes: 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() {
$('.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 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">

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 ?

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members