1. #371
    Ext User
    Join Date
    Mar 2007
    Location
    Nashville, TN
    Posts
    112
    Vote Rating
    0
    cobnet is on a distinguished road

      0  

    Default


    Quote Originally Posted by TomChiverton View Post
    Your Ext version and MIF versions aren't compatable. Note that MID 2.1 requires Ext 3.1 for instance.

    Interesting looks like miframe2.zip is for Ext 3.0.3???????? I have tried all versions and receive the same message from each?

    any other ideas?

  2. #372
    Ext User
    Join Date
    May 2009
    Posts
    31
    Vote Rating
    0
    Tinki is on a distinguished road

      0  

    Default


    Cant get it, where are the posts I'm writing?
    Still no luck
    My parent frame looks like this:
    Code:
    <script type="text/javascript" src='js/ext/adapter/ext/ext-base.js'></script> 
    	<script type="text/javascript" src='js/ext/ext-all.js'></script>
    	<script type="text/javascript">
    		try {
    			Ext.BLANK_IMAGE_URL = 'js/ext/resources/images/default/s.gif'; 
    		} catch (ex){}
    	</script>
    	<script type="text/javascript" src='js/ext/miframe.js'></script>
    	<script type="text/javascript" src='js/ext/mifmsg.js'></script>
    ....
    <script type="text/javascript"> 
    Ext.onReady(function(){
    var chiefTable = new Ext.Panel({
    			renderTo: 'mainDiv',
    			autoScroll: false,
    			tbar: mainTBar,
    			plugins: [new Ext.ux.plugins.FitToParent('mainDiv')],
    			items: [{
    				width: 250,
    				height: '100%',
    				items: tree
    			},{
    				columnWidth: 1,
    				layout: 'fit',
    				height: '100%',
    				items: [{
    					xtype: 'mif',
    					id: 'centerFrame',
    					name: 'centerFrame',
    					frameConfig: {id: 'centerIFrame'},
    					listeners: {
    						message: function(){
    							alert("!!!!");
    						},
    						domready: function(frame){ },
    					   exception: function(frame, exc){
    							alert(exc.message);
    					   }
    					},
    					border: false,
    					autoScroll:true,
    					disableMessaging: false,
    					margins: '0 0 0 0',
    					defaultSrc : 'startPage.html'
    				}]
    			}]
    		});
    });
    </script>
    And "startPage.html"
    Code:
    ...
    <body>
    <script type="text/javascript">
             sendMessage("I'm awake !","startup");
    </script>
    </body>
    Only alert with exception "Object expected" is shown.

  3. #373
    Ext User
    Join Date
    May 2009
    Posts
    31
    Vote Rating
    0
    Tinki is on a distinguished road

      0  

    Default


    Still no luck
    My parent frame looks like this:
    Code:
    <script type="text/javascript" src='js/ext/adapter/ext/ext-base.js'></script> 
    	<script type="text/javascript" src='js/ext/ext-all.js'></script>
    	<script type="text/javascript">
    		try {
    			Ext.BLANK_IMAGE_URL = 'js/ext/resources/images/default/s.gif'; 
    		} catch (ex){}
    	</script>
    	<script type="text/javascript" src='js/ext/miframe.js'></script>
    	<script type="text/javascript" src='js/ext/mifmsg.js'></script>
    ....
    <script type="text/javascript"> 
    Ext.onReady(function(){
    var chiefTable = new Ext.Panel({
    			renderTo: 'mainDiv',
    			autoScroll: false,
    			tbar: mainTBar,
    			plugins: [new Ext.ux.plugins.FitToParent('mainDiv')],
    			items: [{
    				width: 250,
    				height: '100%',
    				items: tree
    			},{
    				columnWidth: 1,
    				layout: 'fit',
    				height: '100%',
    				items: [{
    					xtype: 'mif',
    					id: 'centerFrame',
    					name: 'centerFrame',
    					frameConfig: {id: 'centerIFrame'},
    					listeners: {
    						message: function(){
    							alert("!!!!");
    						},
    						domready: function(frame){ },
    					   exception: function(frame, exc){
    							alert(exc.message);
    					   }
    					},
    					border: false,
    					autoScroll:true,
    					disableMessaging: false,
    					margins: '0 0 0 0',
    					defaultSrc : 'startPage.html'
    				}]
    			}]
    		});
    });
    </script>
    And "startPage.html"
    Code:
    ...
    <body>
    <script type="text/javascript">
             sendMessage("I'm awake !","startup");
    </script>
    </body>
    Only alert with exception "Object expected" is shown.

  4. #374
    Ext JS Premium Member
    Join Date
    Mar 2008
    Location
    Phoenix, AZ
    Posts
    628
    Vote Rating
    10
    zombeerose will become famous soon enough zombeerose will become famous soon enough

      0  

    Default


    Quote Originally Posted by hendricd View Post
    @zombeerose --
    For a test, create your MIF this way on IE8 and report back on what happens.

    Code:
    {
       xtype : 'iframepanel',
       resetUrl : 'javascript:void(0)',
       defaultSrc:"/someWhere/else.html"
    },

    I added the code you suggested but no changes - still permission denied. I added an alert before and after this line
    Code:
    s = this._targetURI = Ext.isEmpty(s, true)? this.resetUrl: s;
    to see the value of "s." Before "s" is undefined and after, "s" is
    Code:
    javascript:""
    This is the frame config:
    Code:
                this._frame = new Ext.ux.ManagedIFrame.Panel({
                    defaultSrc: this.url
                    ,height: 0  //so user doesn't see the frame
                    ,listeners: {
                        documentloaded:    {scope:this, fn:this.destroyFrame}
                    }
                    ,resetUrl : 'javascript:void(0)'
                    ,scripts: false
                });

  5. #375
    Ext User
    Join Date
    Mar 2009
    Posts
    27
    Vote Rating
    0
    TomChiverton is on a distinguished road

      0  

    Default


    Quote Originally Posted by zombeerose View Post
    I added the code you suggested but no changes - still permission denied. I added an alert before and after this line
    Code:
    s = this._targetURI = Ext.isEmpty(s, true)? this.resetUrl: s;
    I'd be tempted to rewrite that line so it's less compact and more readable, set a break point, and see what the values of the various parts are.

  6. #376
    Ext User
    Join Date
    Oct 2008
    Location
    Norway
    Posts
    106
    Vote Rating
    0
    Drayton is on a distinguished road

      0  

    Default


    I'm also having trouble in this section of the code:

    When running miframepanel as tab and close the tab in Chrome and IE8 the following triggers an error:

    Code:
    Ext.isFunction(s) && ( s = src());
    s = this._targetURI = Ext.isEmpty(s, true)? this.resetUrl: s;
    win.location.href = s;
    Error:
    Uncaught TypeError: Cannot set property 'href' of undefined

    Edit:
    Occurs in Chrome 3.0.195.33, IE 8.0.6001.18828 (tested with Ext r5678 & r5748)

    Edit 2:
    Does not cause any problems in FF 3.5.5 and Opera 10.10

  7. #377
    Ext User
    Join Date
    Mar 2007
    Location
    Nashville, TN
    Posts
    112
    Vote Rating
    0
    cobnet is on a distinguished road

      0  

    Default


    Quote Originally Posted by cobnet View Post
    Interesting looks like miframe2.zip is for Ext 3.0.3???????? I have tried all versions and receive the same message from each?

    any other ideas?
    Problem is solved now, it seems multidom is different in each version, I was using 2_1 on each attempt. Thanks for taking the time to let me know where to look!!!!

    Nice when things work,
    til next time....

  8. #378
    Sencha User
    Join Date
    Jul 2008
    Posts
    85
    Vote Rating
    0
    kohyea is on a distinguished road

      0  

    Default Communication between ManagedIFramePanel and embedded iframe

    Communication between ManagedIFramePanel and embedded iframe


    Hello hendricd;

    First, thanks for your shared your great extendsions!

    I want to communicate between ManagedIFramePanel and embedded iframe, but I don't know how to do it, following is my test codes:

    HTML code:
    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Test Iframe</title>
        <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
      <!-- LIBS -->
      <script type="text/javascript" src="../js/core/adapter/ext-base.js"></script>
     <script type="text/javascript" src="../js/core/ext-all.js"></script>
     
     <!-- Test extensions  -->
     <script type="text/javascript" src="../js/extensions/Ext.ux.ManagedIFrame.js"></script>
     <script type="text/javascript" src="../js/extensions/mifmsg.js"></script>
     <script type="text/javascript" src="ts-iframe.js"></script>
    </head>
    <body>
    <div id="test-iframe"></div>
    </body>
    </html>

    Javascript(ts-iframe.js):
    Code:
    Ext.ux.TestIframePanel = Ext.extend(Ext.ux.ManagedIFramePanel, {
     
     initComponent: function(){
      
      this.tbar = [{
       text: 'Send',
       scope: this,
       handler: function(){
        this.fireEvent('send');    
       }
      }];
      
      Ext.ux.TestIframePanel.superclass.initComponent.call(this);
      
      
      this.addEvents('send', 'receive');
     },
     
     
     initEvents: function(){
      Ext.ux.TestIframePanel.superclass.initEvents.call(this);
      
      this.on('send', function(){
       alert('I want to send message to embedded page: test.html');
      }, this);
      
      this.on('receive', function(){
       alert('I want to receive message from embedded page');
      });
     }
    });
    Ext.onReady(function(){
     Ext.QuickTips.init();
     
     var iframePanel = new Ext.ux.TestIframePanel({
      defaultSrc: 'test.html',
      disableMessaging: false,
      renderTo: 'test-iframe',
      width: 600,
      height:400
     });
    });

    embedded iframe (test.html):
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="expires" content="Mon, 22 Jul 2002 11:12:01 GMT">
    <script language="javascript">
    function send(){
     //I want to send message to TestIframePanel
    }
    function receive(message){
     //I want to receive message from TestIframePanel here!
     document.getElementById('logger').innerHTML = message.data;
    }
    </script>
    </head>
    <body text="#000000" bgcolor="#ffffff" link="#00000" vlink="#00000">
    <a href="javascript:send();">Send Message to TestIframePanel</a><br />
    <div id="logger"></div>
    </div>
    </body>
    </html>

    Thanks a lot.
    Kohyea.

  9. #379
    Sencha User
    Join Date
    Nov 2009
    Location
    Napoli (Italy)
    Posts
    65
    Vote Rating
    0
    luca.santaniello is on a distinguished road

      0  

    Default Help me

    Help me


    I using Ext 3.0.3 and downloaded miframe2_01.zip

    I use Ext.ux.ManagedIFrame.Window and it run.

    Do I must import all js file?

    <script type="text/javascript" src="js/mif.js"></script>
    <script type="text/javascript" src="js/mifmsg.js"></script>
    <script type="text/javascript" src="js/multidom.js"></script>
    <script type="text/javascript" src="js/uxvismode.js"></script>

    Txs

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

      0  

    Default


    @luca.santaniello--
    Review the included readme.txt file. This is likely all you'll need:

    <script type="text/javascript" src="js/miframe[-debug].js"></script>
    <script type="text/javascript" src="js/mifmsg.js"></script>
    "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.


Thread Participants: 192

  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 (3 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. wvx10 (2 Posts)
  153. hendratan (2 Posts)
  154. lwarring (2 Posts)
  155. weblin (1 Post)
  156. asp3ctus (1 Post)
  157. amit_gupta (3 Posts)
  158. yugho (4 Posts)
  159. florin.raicu (2 Posts)
  160. xmszhang (1 Post)
  161. cyrhades (1 Post)
  162. fff398 (2 Posts)
  163. dobberph (2 Posts)
  164. gorun-ul (1 Post)
  165. nicki (1 Post)
  166. After2050 (10 Posts)
  167. estesbubba (1 Post)
  168. scaddenp (11 Posts)
  169. Farkonix (1 Post)
  170. santoshsatav (1 Post)
  171. karthik085 (4 Posts)
  172. pesca506SAGE (1 Post)
  173. sosy (2 Posts)
  174. tronlt (1 Post)
  175. MrSparks (5 Posts)
  176. Michael A. (3 Posts)
  177. ebx6211 (1 Post)
  178. janwilleml (1 Post)
  179. cherepanov (1 Post)
  180. alexeiberkov (1 Post)
  181. hjfiou (1 Post)
  182. someone80 (1 Post)
  183. andersonv1 (1 Post)
  184. parsbin (6 Posts)
  185. FanOfExt (1 Post)
  186. qdch520 (1 Post)
  187. tboilard (2 Posts)
  188. siebmanb (1 Post)
  189. bauwelp (1 Post)
  190. kamalraj (1 Post)
  191. Waltzy (1 Post)
  192. sidthegooner (5 Posts)

Tags for this Thread