problem qith iframe's - Ext JS

最新推荐文章于 2021-11-10 15:00:27 发布

最新推荐文章于 2021-11-10 15:00:27 发布 · 86 阅读

文章标签：

#EXT #JavaScript #CSS #YUI #Google #ViewUI

extJs 专栏收录该内容

281 篇文章

订阅专栏

本文讨论了一个关于HTML中iframe标签的使用错误，并给出了正确的解决方案。原本的问题在于将iframe当作单标签来使用，实际上它需要闭合标签。

I want to have dialogs and where each dialog would have it's own iframe inside.

Why doesn't this work?

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="yuiext/resources/css/ext-all.css" />
        <script type="text/javascript" src="yuiext/yui-utilities.js"></script>
        <script type="text/javascript" src="yuiext/ext-yui-adapter.js"></script>
        <script type="text/javascript" src="yuiext/ext-all.js"></script>
        <script type="text/javascript">
            
            Ext.onReady(function() {
                dialog1 = new Ext.BasicDialog("win1", { 
                        autoTabs:false,
                        width:500,
                        height:300,
                        shadow:false,
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true
                });
                
                dialog2 = new Ext.BasicDialog("win2", { 
                        autoTabs:false,
                        width:500,
                        height:300,
                        shadow:false,
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true
                });
                
                dialog1.show ();
                dialog2.show ();
            });
            
        </script>
    </head>
    <body>
        <div id="win1">
            <div class="x-dlg-hd">Google</div>
            <div class="x-dlg-bd">
                <iframe src="http://www.google.co.uk/" style="width: 100%; height: 100%; border: 1pxm solid black;" frameborder="0" />
            </div>
        </div>
        
        <div id="win2">
            <div class="x-dlg-hd">Freebasic forum</div>
            <div class="x-dlg-bd">
                <iframe src="http://www.freebasic.net/forum/" style="width: 100%; height: 100%; border: 1pxm solid black;" frameborder="0" />
            </div>
        </div>
    </body>
</html>

03-04-2007, 07:19 AM

anyone?

03-04-2007, 07:43 AM

Close your iframe tags. Worked for me.

03-04-2007, 07:55 AM

Indeed. iframe tags are, unlogically, no singletons.

03-04-2007, 08:38 AM

Tnx. didn't know that. works fine now

03-04-2007, 12:34 PM

Quote:

Originally Posted by maerteijn

Indeed. iframe tags are, unlogically, no singletons.

Actually, when you consider that they were designed with backward compatibility in mind, the fact that they require a closing tag makes more sense. For those browsers that didn't support the <iframe> tag you could simply place some alternate content inside and that'd be displayed instead.