1. #21
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Exclamation IE7 Error

    IE7 Error


    I don't know if anyone is aware of this or has tried it, but I have ran into a bug. In IE7 (IE7 Browser Mode and IE7 standards Document Mode for those IE9'ers), if you have the HTML property set of the ManagedIframe panel you will get an error on the page, and the panel will take over the entire screen.

    This isn't too big of a deal, because you can work around this by simply creating an HTML page to load into the IFRAME w/ whatever text you want in there.

    I was just afraid that I would had to scrap the plugin because it wasn't working with IE7 until I figured out what caused the issue. So I figure I would let everyone know here of a slight bug and the workaround so people are more willing to use this if they encounter the same issue I did.

    PROBLEM: When setting the HTML on the ManagedIframe panel, the HTML will take over the entire screen. This only happens in the IE7 and possibly IE8 browser. This is not a problem with Firefox, Chrome, or IE9.

    SOLUTION: Use your own HTML page and load the IFRAME with your HTML page instead of specifying HTML to the ManagedIframe panel.

    I probably should not have set HTML in the first place, but it threw me off when it worked with FF, Chrome and IE9.

    I hope this can help someone out so they do not spend too much time here trying to figure out what is going on for this situation.

    Also, I love the plugin and it works great. It properly sizes and loads. It's easy to plug into Ext. My favorite thing about it is the loading as the page inside loads.

    Keep up the good work!
    ExtJS 4.0 - Ext.ux.grid.FooterSummary (Coming Soon)
    ExtJS 4.0 - Ext.ux.form.field.IPhoneSwitch (Coming Soon)
    ExtJS 4.0 - Ext.ux.grid.HeaderFilter
    (Updates Coming Soon)
    ExtJS 4.0 - Ext.ux.menu.DynamicMenu

    ExtJS 4.0 - Ext.ux.form.field.ClearableCombo
    ExtJS 4.0 - Ext.ux.form.field.FormPanelEditor
    ExtJS 4.0 - Grouping Extra Features (Overrides) (Updates Coming Soon)

  2. #22
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    I'm getting an error in IE 9 (also happened in 8, but couldn't test in 7) when loading the iframes:

    Code:
    SCRIPT438: Object doesn't support property or method 'isDocument' 
    ManagedIframe.js, line 479 character 13
    This doesn't happen in FF or Chrome. Any suggestion?

    Thanks,
    Pau

  3. #23
    Sencha User MikeB's Avatar
    Join Date
    Feb 2008
    Location
    Northern Md
    Posts
    104
    Vote Rating
    0
    MikeB is on a distinguished road

      0  

    Default


    I'm seeing the same thing Pau and I'm using IE 7 (Version 7.0.6002.18005).

    Quote Originally Posted by paubach View Post
    I'm getting an error in IE 9 (also happened in 8, but couldn't test in 7) when loading the iframes:

    Code:
    SCRIPT438: Object doesn't support property or method 'isDocument' 
    ManagedIframe.js, line 479 character 13
    This doesn't happen in FF or Chrome. Any suggestion?

    Thanks,
    Pau

  4. #24
    Ext JS Premium Member SMMJ_Dev's Avatar
    Join Date
    Aug 2009
    Location
    St. Louis, MO
    Posts
    88
    Vote Rating
    0
    SMMJ_Dev will become famous soon enough

      0  

    Default


    I've been having the same issues. It's hard to use this plugin, and I've been finding I have to create custom fixes per page. It's weird, I'm getting issues in which my javascript code is not running in the parent window but inside a frames or something.

    This only happens in IE for me also. I started putting parent.(whatever) in front of my javascript calls through a bit of trial and error and am able to fix some of the issues. I also defer the script.

    What I think your error is, is that Ext.isDocument is getting called probably through some other function but when Ext.isDocument is evaluated it is getting evaluated inside a frame that doesn't know about the Ext framework. I can't verify this, but sometimes I get odd things happening that is similiar to what you two are seeing.
    ExtJS 4.0 - Ext.ux.grid.FooterSummary (Coming Soon)
    ExtJS 4.0 - Ext.ux.form.field.IPhoneSwitch (Coming Soon)
    ExtJS 4.0 - Ext.ux.grid.HeaderFilter
    (Updates Coming Soon)
    ExtJS 4.0 - Ext.ux.menu.DynamicMenu

    ExtJS 4.0 - Ext.ux.form.field.ClearableCombo
    ExtJS 4.0 - Ext.ux.form.field.FormPanelEditor
    ExtJS 4.0 - Grouping Extra Features (Overrides) (Updates Coming Soon)

  5. #25
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,962
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    @SMMJ_Dev, MikeB, Paubach,

    Can you guys shed some light on your use cases?

    Are you hosting an Ext 3/4 page inside the frame and calling back out to the parent? What sort of interactions are involved?

    Still scratchin my head over this one...
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  6. #26
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    Hi Henri,
    It's a simple page, without Ext JS, calls to the parent or anything... It's very simple...

  7. #27
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    Well, as I told you here what I have is a MIFP inside a panel. Maybe that's causing the problem?

  8. #28
    Ext JS Premium Member
    Join Date
    Feb 2010
    Location
    Vancouver, BC
    Posts
    195
    Vote Rating
    0
    rkim is on a distinguished road

      0  

    Default Accessing javascript code in ManagedIFrame

    Accessing javascript code in ManagedIFrame


    created ManagedIFrame in the center region of border layout.

    var MyMIF = new Ext.ux.ManagedIframe.Component(
    {
    id:"mainFrame",
    name:"mainFrame",
    frameborder:"0",
    autoMask:false
    });

    I am opening html page in iframe succesfully using setSrc() method.

    Now.. I am trying to call the javascript within the iframe. How do I access it ?
    I have tried
    MyMIF.getContentTarget().getDoc() to access Document of the iframe document.
    but getting Ext.isDocument is not a function error showing up

  9. #29
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,962
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Default


    @rkim -- Could you post your code fragment surrounding your attempt:

    Code:
    MyMIF.getContentTarget().getDoc()
    Also, did you also include the zip-enclosed multidom.js in your page? It is required.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  10. #30
    Ext JS Premium Member
    Join Date
    Feb 2010
    Location
    Vancouver, BC
    Posts
    195
    Vote Rating
    0
    rkim is on a distinguished road

      0  

    Default


    Quote Originally Posted by hendricd View Post
    @rkim -- Could you post your code fragment surrounding your attempt:

    Code:
    MyMIF.getContentTarget().getDoc()
    Also, did you also include the zip-enclosed multidom.js in your page? It is required.
    Thank you !! Works great now. You saved the day.
    Just couple of more question .

    1) Now from outside iframe, I call below to access script in iframe document.

    Code:
    MyMIF.getContentTarget().getDoc().dom.iframefunction();
    Code:
    //Iframe
    <script>
    Ext.onready()
      {
        document.iframefunction = function()
        {
           alert("Test");
        }
      }
    </script>
    Is above the recommended way of accessing functions in iframe document ?

    2) Is there any performance issue of loading each page in ManagedIframe?

    3) Is there any document that I can reference other than looking at code ?


    Thanks again for great work !!