1. #871
    Sencha User
    Join Date
    May 2009
    Posts
    30
    Vote Rating
    2
    Antjac is on a distinguished road

      0  

    Default Problem with PDF and IE10

    Hi,

    I've got a problem when i try to load a PDF file into an iframePanel with IE10 (Working on IE9, FF, etc...)
    In fact, when I load a PDF, the pdf is shown in the iframe with Foxit or Acrobat Reader.
    But if i want to change the pdf in the iframe or hide it, the PDF still showed...
    This issue is known (http://social.msdn.microsoft.com/For...f34ee02ab74/);

    My solution in mirame.js

    Code:
     setLocation : function(url, discardUrl, callback, scope) {
    
                    var src = url || this.src || this.resetUrl;
                    var O = this._observable;
                    this._unHook();
                    Ext.isFunction(callback) && O.addListener('_docload', callback, scope||this, {single:true});
                    this.showMask();
                    var s = this._targetURI = (Ext.isFunction(src) ? src() || '' : src);
                    if (discardUrl !== true) {
                        this.src = src;
                    }
                    try {
                        this._frameAction = true; // signal listening now
                        this.getWindow().location.replace(s);
                        this.checkDOM();
                    } catch (ex) {
                        O.fireEvent.call(O,'exception', this, ex);
                    };
                    this.setSrc(""); //TO ADD
                    return this;
                    
                },

  2. #872
    Sencha User
    Join Date
    May 2009
    Posts
    30
    Vote Rating
    2
    Antjac is on a distinguished road

      0  

    Default

    Another issue with IE11, by closing an iframe with PDF, I get a white screen...

    I added this line in miframe.js
    Code:
     /** @private */
                beforeDestroy : function() {
                    var F;
                    if(F = this.getFrame())
                    {
                        F.setSrc("about:blank"); //AA : Bug IE 11; (Ecran blanc);
                        F.remove();
                        this.frameEl = this.frameShim = null;
                    }
                    this.relayTarget && (this.relayTarget.frameEl = null);
                    MIF.Component.superclass.beforeDestroy.call(this);
                }

  3. #873
    Sencha Premium Member
    Join Date
    Jun 2009
    Posts
    5
    Vote Rating
    1
    wildweasel is on a distinguished road

      1  

    Default

    Bump. Interested in using the ManagedIFrame in our commercial project.

    This thread says there is a dual license, but the project page https://code.google.com/p/managediframe/ only mentions a single GNU GPL v3 license. If this thread is correct, then we'll need the information from the CDL link that is broken at the moment.

    Thanks.

  4. #874
    Ext JS Premium Member SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    1,018
    Vote Rating
    74
    SebTardif is a jewel in the rough SebTardif is a jewel in the rough SebTardif is a jewel in the rough

      0  

    Default

    Anyone having something that work in Ext JS 5 and could share the class?

  5. #875
    Ext Premium Member
    Join Date
    Dec 2009
    Posts
    1
    Vote Rating
    0
    jmacmillan is on a distinguished road

      0  

    Question MIFrame support for IE11 and Ext JS 3.4.3

    We've upgraded to Ext JS 3.4.3 in order to support IE 11. This seems to have broken the ManagedIFrame in the following code:

    Code:
                        if (Ext.isIE) {
                            head.appendChild(rules);
                            ss = rules.styleSheet;
                            ss.cssText = cssText;
                        } else {
    ss is returned as null which then breaks a lot of things. Oddly enough, it works fine in Compatibility View mode.

    Are you planning on putting out an update to support IE11/Ext JS 3.4.3?

  6. #876
    Sencha User
    Join Date
    Dec 2010
    Location
    Pasadena, CA
    Posts
    17
    Vote Rating
    0
    ranjay is on a distinguished road

      0  

    Default setSRC is not available in Extjs 5 IFrame

    In Extjs 5 , there is Ext.ux.IFrame similar to this. Have any body explored and let me know, any method similer to setSrc() method. I am asking because, in IFrame in Extjs 5 src is private variable, so I defined it with URL to get data, once data on the URL changes I want to reload the data once again. I can see a method IFrame. getLoader().load(). But, load and setSrc() has signficent difference. When I click the refresh button, I want to get data from that src.
    Any help, appriciated.
    Thanks
    Ranjay

  7. #877
    Sencha User
    Join Date
    Jul 2008
    Posts
    34
    Vote Rating
    0
    muratyildiz is on a distinguished road

      0  

    Default

    Quote Originally Posted by ranjay View Post
    In Extjs 5 , there is Ext.ux.IFrame similar to this. Have any body explored and let me know, any method similer to setSrc() method. I am asking because, in IFrame in Extjs 5 src is private variable, so I defined it with URL to get data, once data on the URL changes I want to reload the data once again. I can see a method IFrame. getLoader().load(). But, load and setSrc() has signficent difference. When I click the refresh button, I want to get data from that src.
    Any help, appriciated.
    Thanks
    Ranjay
    Hi.
    You can use this iframe window for extjs 5.

    Code:
    Ext.define('Ext.ux.window.IFWindow', {
        extend : 'Ext.window.Window',
        alias : 'widget.ifwindow',
        layout : 'fit',
        loadingText: 'Loading ...',    
        maximizable:true,
        minimizable:true,
        iframeConfig : {},
        config : {
            src : 'about:blank'
        },
        initComponent : function() {
            var me = this;
            me.items = me.items || [];
            me.iframe = Ext.create('Ext.ux.IFrame', Ext.apply({
                loadMask : 'Please wait ...',
                shrinkWrap:3,
                src : me.src
            }, me.iframeConfig));
            me.items.push(me.iframe);
            me.callParent(arguments);
        },
        destroy : function() {
            var me = this;
            me.iframe.destroy();//Ext.destroy(me.iframe);
            me.callParent();
        } // eo destroy
    
    
    });
    or use this my old solution for iframe window.

    Code:
    Ext.define('Jes.ux.window.IFWindow', {
        extend : 'Ext.window.Window',
        alternateClassName : 'Jes.window.IFWindow',
        alias : 'widget.ifwindow',
        src: 'about:blank',
        loadingText: 'Loading ...',    
        initComponent: function () {
            this.updateHTML();
            this.callParent(arguments);
        }//eo initComponent
        ,updateHTML: function () {
            this.html = '<iframe id="iframe-' + this.id + '"' + ' style="overflow:auto;width:100%;height:100%;"' + ' frameborder="0" ' + ' src="' + this.src + '"' + '></iframe>';
        },//eo updateHTML
        
        close : function() {
            if (document.all) {
                document.getElementById('iframe-' + this.id).src = "javascript:false";
                document.all['iframe-' + this.id].outerHTML = "";
                delete this.body.dom;
            } else {
                var frm = document.getElementById('iframe-' + this.id);
                if (frm && frm.parentNode) {
                    frm.src = 'javascript:false';
                    frm.outerHTML = "";
                    if (frm && frm.parentNode) frm.parentNode.removeChild(frm);
                    frm = null;
                    delete this.body.dom;
                    delete frm;
                    //garbageCollect();
                }
            }
            Jes.ux.window.IFWindow.superclass.close.call(this);
        }//eo close
        ,reset: function () {
            var iframe = document.getElementById('iframe-' + this.id);
            var iframeParent = iframe.parentNode;
            if (iframe && iframeParent) {
                iframe.src = 'javascript:false';
                iframe.parentNode.removeChild(iframe);
            }
            iframe = document.createElement('iframe');
            iframe.frameBorder = 0;
            iframe.src = this.src;
            iframe.id = 'iframe-' + this.id;
            iframe.style.overflow = 'auto';
            iframe.style.width = '100%';
            iframe.style.height = '100%';
            iframeParent.appendChild(iframe);
        },//eo reset
        setSrc: function (src) {
            var iframe = document.getElementById('iframe-' + this.id);
            if (iframe) {
                iframe.src = src;
            }
            this.src = src;
        },//eo setSrc
        getSrc: function () {
            return this.src;
        },//eo getSrc
        getDOM: function () {
            return document.getElementById('iframe-' + this.id);
        },//eo getDOM
        getDocument: function () {
            var iframe = this.getDOM();
            iframe = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument;
            return iframe.document;
        },//eo getDocument
        destroy: function () {
            var iframe = document.getElementById('iframe-' + this.id);
            if (iframe && iframe.parentNode) {
                iframe.src = 'javascript:false';
                iframe.parentNode.removeChild(iframe);
            }
            this.callParent(arguments);
            console.log('IFrameWindow destroyed ...');
        },//eo destroy
        update: function (content) {
            this.setSrc('about:blank');
            try {
                var doc = this.getDocument();
                doc.open();
                doc.write(content);
                doc.close();
            } catch (err) {
                // reset if any permission issues
                this.reset();
                var doc = this.getDocument();
                doc.open();
                doc.write(content);
                doc.close();
            }
        }//eo update
    });

Thread Participants: 195

  1. alien3d (2 Posts)
  2. Dumbledore (7 Posts)
  3. mystix (3 Posts)
  4. cobnet (4 Posts)
  5. mysticav (2 Posts)
  6. chiphi13 (2 Posts)
  7. xor (1 Post)
  8. Artistan (1 Post)
  9. Darklight (2 Posts)
  10. albertyips (3 Posts)
  11. kmiyashiro (1 Post)
  12. hoggy (1 Post)
  13. mark.lozano (1 Post)
  14. end-user (2 Posts)
  15. naxito (1 Post)
  16. tdikarim (5 Posts)
  17. hallikpapa (1 Post)
  18. smokeman (1 Post)
  19. carstep (1 Post)
  20. brookd (5 Posts)
  21. fermo111 (1 Post)
  22. soros (2 Posts)
  23. gelleneu (3 Posts)
  24. Hagge (1 Post)
  25. cherbert (7 Posts)
  26. marcoas (1 Post)
  27. jburgam (1 Post)
  28. Air_Mike (2 Posts)
  29. benwg (1 Post)
  30. massimo (2 Posts)
  31. stumpy_uk (1 Post)
  32. hat27533 (1 Post)
  33. bkraut (10 Posts)
  34. disizben (2 Posts)
  35. jphillips (10 Posts)
  36. lemanli (1 Post)
  37. gurpal2000 (4 Posts)
  38. boonkerz (2 Posts)
  39. kavon (1 Post)
  40. danderson (3 Posts)
  41. Yoris (4 Posts)
  42. paubach (1 Post)
  43. jbird526 (11 Posts)
  44. mitchellsimoens (1 Post)
  45. fanspace (3 Posts)
  46. nak1 (3 Posts)
  47. svdb (6 Posts)
  48. alessandro (7 Posts)
  49. sirioz10 (2 Posts)
  50. iulian (1 Post)
  51. jfa (1 Post)
  52. richgoldmd (1 Post)
  53. geese0090 (1 Post)
  54. spiderman123 (6 Posts)
  55. NOSLOW (2 Posts)
  56. mihaip007 (3 Posts)
  57. herry (1 Post)
  58. zombeerose (36 Posts)
  59. hp (3 Posts)
  60. Dave.Sanders (6 Posts)
  61. zerba78 (2 Posts)
  62. DTT_11-1983 (2 Posts)
  63. aranacarlospe (4 Posts)
  64. rule3 (2 Posts)
  65. ccherrett (1 Post)
  66. Eric24 (6 Posts)
  67. pico (2 Posts)
  68. ttbgwt (1 Post)
  69. zlt (1 Post)
  70. mcouillard (4 Posts)
  71. supercharge2 (2 Posts)
  72. wiznia (1 Post)
  73. niterain (2 Posts)
  74. simplessus (1 Post)
  75. kohyea (3 Posts)
  76. dubrovsky (5 Posts)
  77. muratyildiz (4 Posts)
  78. benmclendon (4 Posts)
  79. charleshimmer (3 Posts)
  80. jbones (1 Post)
  81. njw (2 Posts)
  82. paolocavelli (9 Posts)
  83. dhrystones (2 Posts)
  84. novant (1 Post)
  85. canxss (4 Posts)
  86. bigice (1 Post)
  87. Achim74 (1 Post)
  88. agalue (4 Posts)
  89. Drayton (2 Posts)
  90. tester1 (3 Posts)
  91. dreas (3 Posts)
  92. pkli (2 Posts)
  93. ibet (2 Posts)
  94. SunWuKung (2 Posts)
  95. mschwartz (30 Posts)
  96. armagedon (4 Posts)
  97. malstroem (1 Post)
  98. Stju (2 Posts)
  99. briang (4 Posts)
  100. mivilleb (3 Posts)
  101. AgentSmith (11 Posts)
  102. matmosis (7 Posts)
  103. theCodingChimp (4 Posts)
  104. achui_1980 (1 Post)
  105. MacSimon (1 Post)
  106. bocockli (1 Post)
  107. edykstra (1 Post)
  108. Jangla (1 Post)
  109. peteryjk (1 Post)
  110. Capt.JackSparrow (6 Posts)
  111. litou (1 Post)
  112. s2xi (1 Post)
  113. cdeclercq (1 Post)
  114. TomChiverton (4 Posts)
  115. mskdev (1 Post)
  116. i1befree (3 Posts)
  117. TheBerliner (1 Post)
  118. robertoroberto (2 Posts)
  119. Antjac (5 Posts)
  120. Tinki (7 Posts)
  121. pcr (3 Posts)
  122. decker.net (4 Posts)
  123. wildweasel (1 Post)
  124. andynuss (36 Posts)
  125. extjs3user (1 Post)
  126. Henrik Rutzou (1 Post)
  127. mailme_gx (4 Posts)
  128. mthaynie (1 Post)
  129. Ankai (1 Post)
  130. Tom23 (3 Posts)
  131. jkerschb (1 Post)
  132. ish90an (1 Post)
  133. nick.shrayer (5 Posts)
  134. swarm (3 Posts)
  135. orugo (1 Post)
  136. Rick.McIntosh (1 Post)
  137. dtex-lab (6 Posts)
  138. asagala (1 Post)
  139. dusoo (4 Posts)
  140. runintostar (2 Posts)
  141. completej (1 Post)
  142. ironandsteel (5 Posts)
  143. zboris (2 Posts)
  144. squ3lch (2 Posts)
  145. scott.mohekey (4 Posts)
  146. wensa (1 Post)
  147. Artoiss (2 Posts)
  148. chu_man_fu (4 Posts)
  149. KommS (4 Posts)
  150. aleksf (1 Post)
  151. luca.santaniello (1 Post)
  152. jmacmillan (1 Post)
  153. wvx10 (2 Posts)
  154. hendratan (2 Posts)
  155. lwarring (2 Posts)
  156. weblin (1 Post)
  157. asp3ctus (1 Post)
  158. amit_gupta (3 Posts)
  159. yugho (4 Posts)
  160. florin.raicu (2 Posts)
  161. xmszhang (1 Post)
  162. cyrhades (1 Post)
  163. fff398 (2 Posts)
  164. dobberph (2 Posts)
  165. gorun-ul (1 Post)
  166. nicki (1 Post)
  167. After2050 (10 Posts)
  168. estesbubba (1 Post)
  169. scaddenp (11 Posts)
  170. Farkonix (1 Post)
  171. santoshsatav (1 Post)
  172. karthik085 (4 Posts)
  173. pesca506SAGE (1 Post)
  174. sosy (2 Posts)
  175. tronlt (1 Post)
  176. MrSparks (5 Posts)
  177. Michael A. (3 Posts)
  178. ebx6211 (1 Post)
  179. janwilleml (1 Post)
  180. cherepanov (1 Post)
  181. alexeiberkov (1 Post)
  182. hjfiou (1 Post)
  183. someone80 (1 Post)
  184. andersonv1 (1 Post)
  185. ranjay (1 Post)
  186. SebTardif (1 Post)
  187. parsbin (6 Posts)
  188. FanOfExt (1 Post)
  189. qdch520 (1 Post)
  190. tboilard (2 Posts)
  191. siebmanb (1 Post)
  192. bauwelp (1 Post)
  193. kamalraj (1 Post)
  194. Waltzy (1 Post)
  195. sidthegooner (5 Posts)

Tags for this Thread