[2.0 only] ux.ManagedIframe/Panel (1.2.7)

[stever]

@stever -- Sorry, browsers will not permit an embedded script tag with a src property unless the iframe itself has a src property referencing a valid URL.

That used to be the common iframe-injection tactic. That door is now closed.

Thanks!

[simonbun]

Hi hendricd,

First of all, thanks for this very useful plugin. It's being put to good use.

Personally, I needed a way for the MIFPanel to evaluate scripts when the iframe's content was set using the "html" property. I needed to make a small hack on a line of your code:

this.iframe.update(typeof html == 'object' ? Ext.DomHelper.markup(html) : html, this.scripts); 

from the "MIFPanel::afterRender" method:

afterRender : function(container){
        var html = this.html;
        delete this.html;
        Ext.ux.ManagedIframePanel.superclass.afterRender.call(this);
        if(this.iframe){
            if(this.defaultSrc){
                this.setSrc();
            }
            else if(html){
                this.iframe.update(typeof html == 'object' ? Ext.DomHelper.markup(html) : html, this.scripts);
            }
        }
    } 

I omitted the "callback" parameter because it's of no use when setting the html directly. Also, I was too lazy to properly declare the "scripts" config parameter, seeing as it can be monkeypatched in without harm.

I'm not sure this is of general use, but I'm posting it here just in case.

Thanks again,
Simon

[hendricd]

@simonbun - Thanks.

Yes, MIF/P was designed to mimick the API and Updater rules of a standard Ext.Panel, which raises the point:

There is currently no away (for an individual lazy-loaded Panel) to enable scripting on :html content @config-time (unless you set the global class default for Ext.Updater.loadScripts = true) Then, MIF would honor it in the that scenario.

I'll see if I can come up with something 'intuitive' for the next release.

[colinexl]

no one has an idea to this?

[hendricd]

@colinexl --if you mean:

However, I still have a problem with the loadMask in IE7. In FF it works fine, but in IE I get a "false" text instead of a load mask.

I would need to see your panel configs, but you mave have assigned 'false' somewhere as the srcURL for the frame?
Check it out..

[colinexl]

@hendricd

Here's the code that I have:

createSetupChannelWindow = function(url, channelNumberToHighlight)
    {
        createCookie('channelNumberToHighlight', channelNumberToHighlight, 7); // set cookie to select row after page refresh
        
        dialog = new Ext.Window(
        {
            title: 'Channel Form',
            autoScroll: true,
            modal: true,
            closable: false,
            maximizable: false,
            layout: 'fit',
            resizable: false,
            listeners:
            {
                close: function()
                { 
                    setTimeout('window.location.reload()', 500);
                }
            },
            items:
            {
                layout: 'card',
                xtype: 'panel',
                activeItem : 0,
                id: 'iFrameContainer',
                defaultType: 'iframecontent',
                items: 
                [{
                    xtype: 'iframepanel',
                    id: 'iFrameContent',
                    loadMask: true,
                    layout: 'fit',
                    defaultSrc: url
                }]
            }
        });
        dialog.show();
        dialog.setSize(700, 400);
        dialog.center();
        Ext.getCmp('iFrameContent').setSrc(url);                
    } 

the url parameter is: "channelAdd?channelNumber=5&filter="

I've looked at all the include files to see if there's "false" anywhere but I cannot find anything.

[hendricd]

No need to do this again, remove it.

 Ext.getCmp('iFrameContent').setSrc(url);     

What version MIF are you using?

[colinexl]

Hi Hendricd,

I am using Version: 1.1 of MIF.

I removed the line and the "false" is still there.

I downloaded a tool to inspect IE's DOM and I found something interesting.

I copied the <HTML> innerHTML from the DOM in IE when the "false" was being displayed.

<HEAD>
<SCRIPT type=text/javascript>(function(){(window.hostMIF = parent.Ext.get("ext-gen46"))._windowContext=window;})();</SCRIPT>
</HEAD>
<BODY>false</BODY>

The body has false in it and I don't know why. I tried giving a different URL "http://www.google.com" and I'm still getting the same problem.

What would cause the <body> tag in the iframe to become false?

[hendricd]

Odd, I can't duplicate it here. Do you have live URL for snooping this?

[colinexl]

hi Hendricd,

Thanks for the help. I solved this problem by not using MIF =(

If I just use the HTML attribute and define an "iframe" in there, it works without displaying the "false".

I'm not sure why this happens but for now, I'm not using the MIF extension.

I guess I'll have to live without the loadmask.

Thanks,
Colin