1. 20 Nov 2006 4:56 PM #1
    kirk
    kirk is offline
    Ext User
    Join Date
    Mar 2007
    Posts
    9
    Vote Rating
    0
    kirk is on a distinguished road
      0  

    Default iframe problem in tabPanel created by ContentPanel() in IE6

    iframe problem in tabPanel created by ContentPanel() in IE6


    The demo code is here:

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="../yui/reset/reset-min.css">
    <script type="text/javascript" src="../yui/build/yahoo/yahoo.js"></script>
    <script type="text/javascript" src="../yui/build/dom/dom.js"></script>
    <script type="text/javascript" src="../yui/build/event/event.js"></script>
    <script type="text/javascript" src="../yui/build/connection/connection.js"></script>
    <script type="text/javascript" src="../yui/build/dragdrop/dragdrop.js"></script>
    <script type="text/javascript" src="../yui/build/animation/animation.js"></script>

    <script type="text/javascript" src="util.js"></script>
    <script type="text/javascript" src="../yui-ext.0.33-rc1/yui-ext-debug.js"></script>
    <script type="text/javascript" src="../yui-ext.0.33-rc1/examples/ie-bg.js"></script>

    <link rel="stylesheet" type="text/css" href="../css/layout.css"/>
    <link rel="stylesheet" type="text/css" href="../css/grid.css"/>
    <link rel="stylesheet" type="text/css" href="../css/tabs.css"/>
    <link rel="stylesheet" type="text/css" href="../css/resizable.css"/>
    <script type="text/javascript">
    Example = function(){
    var navPanel;

    return {
    init : function(){
    var layout = new YAHOO.ext.BorderLayout(document.body, {
    west: {
    split:true,
    initialSize: 200,
    titlebar: true,
    collapsible: true,
    minSize: 100,
    maxSize: 400
    },
    center: {
    autoScroll: false,
    tabPosition: 'top',
    closeOnTab: true,
    alwaysShowTabs: true
    }
    });
    layout.beginUpdate();

    navPanel = new YAHOO.ext.ContentPanel('nav', {title: 'Navigation', fitToFrame:true, closable:false});
    layout.add('west', navPanel);
    layout.add('center', new YAHOO.ext.ContentPanel('main', {title: 'Auto Tabs', closable: true}));
    layout.add('center', new YAHOO.ext.ContentPanel('autoTabs', {title: 'Auto Tabs', closable: true}));
    layout.getRegion('center').showPanel('main');

    // restore any state information
    layout.restoreState();
    layout.endUpdate();
    }
    }
    }();
    YAHOO.ext.EventManager.onDocumentReady(Example.init, Example, true);

    </script>
    </head>
    <body>
    <div id ="container">
    <div id="nav" class="ylayout-inactive-content">
    </div>
    <div id="main" class="ylayout-inactive-content">
    <iframe id="fileIframe2" src="iframe_demo.html" frameborder="2" height=54 width=124></iframe>
    </div>
    <div id="autotabs" class="ylayout-inactive-content">
    </div>
    </div>
    </body>
    </html>

    iframe_demo.html:

    <html>
    <body>
    [img]../images/grid/drop-yes.gif[/img]hello
    </body>
    </html>


    Test it with yui-ext.0.33-rc1.

    Of course, path to js, css and images may need change according to your system.

    In FF 1.5.0.8, image shows as expected, but IE 6.0 not!

    Any hints are appreciated.
    Thanks!
    Reply With Quote Reply With Quote
  2. 20 Nov 2006 5:01 PM #2
    tryanDLS
    tryanDLS is offline
    Sencha - Community Support Team
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    1
    tryanDLS is on a distinguished road
      0  

    Default


    Is that path to ../images correct? I seem to recall a diff btwn IE and FF with regard to how that path is resolved. Should it be ./images (i.e. a subdir of the folder where the HTML pages resides)?
    Tim Ryan
    Read BEFORE posting a question / BEFORE posting a Bug
    Use Google to Search - API / Forum
    API Doc (4.x | 3.x | 2.x | 1.x) / FAQ / 1.x->2.x Migration Guide / 2.x->3.x Migration Guide
    Reply With Quote Reply With Quote
  3. 20 Nov 2006 5:41 PM #3
    kirk
    kirk is offline
    Ext User
    Join Date
    Mar 2007
    Posts
    9
    Vote Rating
    0
    kirk is on a distinguished road
      0  

    Default


    Should not be that problem.
    IE 6 show iframe_demo.html page correctly, and if it can't find the image, it will show a 'not found' image.
    If i put a button(e.g. <input type=button name=btn1 value=OK>) in that page, the button not show either.
    Thank you for your quick response!
    Reply With Quote Reply With Quote
  4. 21 Nov 2006 4:02 AM #4
    jack.slocum
    jack.slocum is offline
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    6
    jack.slocum is on a distinguished road
      0  

    Default


    This is not a bug yui-ext. yui-ext does not decide how images are included in iframes. If the browsers are translating your path differently, try an absolute path.
    Reply With Quote Reply With Quote

Similar Threads

  1. problem with tabpanel within contentpanel
    By kd21 in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 8 Mar 2007, 4:24 AM
  2. iframe to contentpanel
    By franks in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 19 Feb 2007, 3:41 AM
  3. issues with dynamically created ContentPanel tabs
    By sjivan in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 26 Nov 2006, 3:38 PM
  4. can't use iframe in tab panel created with ContentPanel()?
    By kirk in forum Ext 1.x: Help & Discussion
    Replies: 2
    Last Post: 20 Nov 2006, 4:32 PM
  5. iframe inside ContentPanel
    By KuN in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 26 Oct 2006, 10:19 AM