Ext.ux.SimpleIFrame - Simple IFrame component

[conorarmstrong]

@sanjshah

There is no line in this extension:

if (el.insertAdjacentHTML) {

Am I missing something here?

[MikeB]

I tried with your test block but receive an error at line (ExtJS 4.0.1):

if (el.insertAdjacentHTML) {

Any ideas?

Thanks

I had the same problem but discovered that the call to "stuff.show()" was occurring before the page had been fully rendered and the DOM wasn't ready (the "null" element was the doc.body).

To fix the "problem" in your test block, replace the "stuff.show()" with the following:

        
Ext.onReady(function () {
            stuff.show();
});

Hope this helps.

[mschwartz]

If you do something like this:

// top or main browser window
var ext_js = "actual contents of ext-all.js";
eval(ext_js);
// the above instead of loading ext-all.js via script tag

Then you can do:

eval(top.ext_js);

in your iframe.

Not so sure why you'd want the framework inside iframes, since costs so much memory for each instance.

[conorarmstrong]

@MikeB

Thanks for the fix

I was running my test block from the console once the framework was already loaded, that's why I wasn't getting the error myself.

Change added to original code above.

[silcreval]

I'm puting a SimpleIFrame inside a Ext.window.Window and for some reason the window border gets removed (ie the outer frame). I see the title and buttons, but the title area is transparent. I cant move or close the window.

Is there a way to put the frame inside a Ext.window.Window

Thanks

[silcreval]

Figured out the problem - please ignore above post - nothing to do with SimpleIFrame.

[flyzb]

I tested simpleiframe in IE6. And I found simpleIframe is lower than using iframe in IE6.
Test page iframe simpleiframe
my page <=6s <=19s

[silcreval]

I noticed with Firefox 6.0.2 on Windows 7 that I can no longer move a window with the iframecomponent, it seems to just hang (goes grey). Tried various Ext versions 4.0.2, 4.0.6 with the same result. It works OK in Chrome though. Wonder if something is changed in FF recently?

[conorarmstrong]

@silcreval

Tested this in FF 7.0.1 on Linux - and it seems ok. Was using it to display an email in a window. dragging, maximising etc all work ok.

[ulysoft]

I have this problem I use sencha for my mobile web site (for iphone & Ipad). My code is workingnin Chrome, Safari and Iphone and Ipad IOS5 & Android. But in IOS4 the navigation between the items -iconclass) dont work and the result is only a blank page. I dont see the problem in my code and why i have no problem in new version of Ipad and Iphone ?

That is my code and thanks for help !

glossOnIcon: false, onReady: function() { var tabpanel = new Ext.TabPanel({ fullscreen: true, // type: 'light', tabBar: { dock: 'bottom', scroll: 'horizontal', sortable: true, layout: { pack: 'center' } }, items: [ { iconCls: 'home', title: 'Accueil', html: '<div><table style="width: 100%"><tr><td><iframe src="/mobile/ipad/accueil.aspx" name="a1" scrolling="no" frameborder="0" style="position:center; top:0px; left:0px; height: 2000px; width:100%; allowtransparency="false" border:0; border-width:0; border-style:solid; border-color:transparent"></iframe></td></tr></table></div>' }, { iconCls: 'team', title: 'Membre', html: '<div><table style="width: 100%"><tr><td><iframe src="/mobile/ipad/member.aspx" name="a2" scrolling="no" frameborder="0" style="position:center; top:0px; left:0px; height: 2000px; width:100%; allowtransparency="false" border:0; border-width:0; border-style:solid; border-color:transparent"></iframe></td></tr></table></div>' }, { iconCls: 'bookmarks', title: 'Job news',html: '<div><table style="width: 100%"><tr><td><iframe src="/mobile/ipad/job-news.aspx" name="a3" scrolling="no" frameborder="0" style="position:center; top:0px; left:0px; height: 2000px; width:100%; allowtransparency="false" border:0; border-width:0; border-style:solid; border-color:transparent"></iframe></td></tr></table></div>' }, { iconCls: 'time', title: 'Calendrier', html: '<div><table style="width: 100%"><tr><td><iframe src="/mobile/ipad/evenement.aspx" name="a4" scrolling="no" frameborder="0" style="position:center; top:0px; left:0px; height: 2000px; width:100%; allowtransparency="false" border:0; border-width:0; border-style:solid; border-color:transparent"></iframe></td></tr></table></div>' }, { iconCls: 'search', title: 'Recherche', html: '<div><table style="width: 100%"><tr><td><iframe src="/mobile/ipad/recherche.aspx" name="a5" scrolling="no" frameborder="0" style="position:center; top:0px; left:0px; height: 2000px; width:100%; allowtransparency="false" border:0; border-width:0; border-style:solid; border-color:transparent"></iframe></td></tr></table></div>' }, { iconCls: 'chat', title: 'Tweet' , html: '<div><table style="width: 100%"><tr><td><iframe src="/sites/accueilulysoft/mobile/twitter.aspx" name="a6" scrolling="no" frameborder="0" style="position:center; top:0px; left:0px; height: 2000px; width:100%; allowtransparency="false" border:0; border-width:0; border-style:solid; border-color:transparent"></iframe></td></tr></table></div>' }, { iconCls: 'more', title: 'Bonus', html: '<div><table style="width: 100%"><tr><td><iframe src="/mobile/ipad/bonus.aspx" name="a7" scrolling="no" frameborder="0" style="position:center; top:0px; left:0px; height: 2000px; width:100%; allowtransparency="false" border:0; border-width:0; border-style:solid; border-color:transparent"></iframe></td></tr></table></div>' } ], dockedItems: [{ xtype: 'toolbar', dock: 'top', defaults: { ui: 'plain' }, scroll: 'horizontal', layout: { pack: 'center' }, defaults: { iconMask: true, ui: 'plain' }, }] }); } });