rkim
20 Jan 2012, 1:36 PM
Each page renders fine (if you remove iframe from test1.html)
but soon as you put iframe in the test1.html, error popups (happens in IE only)
var Ext = Ext || {};
(function() {
var global = this,
objectPrototype = Object.prototype, => Object is undefined here
If you let the code to continue, it renders fine though.
test.html
<script type="text/javascript" src="/enteliweb/javascript/ext4/ext-all-debug.js"></script>
<script type="text/javascript">
//Initialization
Ext.onReady(function()
{
var myBorderPanel = Ext.create("Ext.container.Viewport",
{
layout: "border",
margin:"0 0 0 0",
defaults:{border:false,header:false,defaults:{border:false}},
items: [
{
id:"centerPanel",
region: "center", // center region is required, no width/height specified
margins: "0 5 0 0",
layout:"border",
autoScroll:false,
items: {
id:"mainFramePanel",
html:"<iframe id=\"mainFrame\" name=\"mainFrame\" scrolling=\"auto\" frameborder=\"0\" src=\"test2.html\"></iframe>",
frameborder:"0",
autoMask:false
}
},
{
region: "east",
id:"east-region",
collapsible: true,
collapseMode : "mini",
split: true, // enable resizing
maxWidth: 500,
width: 320,
html:"xxx"
}]
});
});
//]]>-->
</script>
test2.html
<script type="text/javascript" src="/enteliweb/javascript/ext4/ext-all-debug.js?1.2.245"></script>
<script type="text/javascript">
//<!--/*--><![CDATA[/*><!--*/
//Initialization
Ext.onReady(function()
{
var myBorderPanel = Ext.create("Ext.container.Viewport",
{
layout: "border",
margin:"0 0 0 0",
defaults:{border:false,header:false,defaults:{border:false}},
items: [
{
id:"centerPanel",
region: "center", // center region is required, no width/height specified
margins: "0 5 0 0",
layout:"border",
autoScroll:false,
items: {
id:"mainFramePanel",
html:"",
frameborder:"0",
autoMask:false
}
},
{
region: "east",
id:"east-region",
collapsible: true,
collapseMode : "mini",
split: true, // enable resizing
maxWidth: 500,
width: 320,
html:"xxx"
}]
});
});
//]]>-->
</script>
</head>
<body>
</body>
</html>
but soon as you put iframe in the test1.html, error popups (happens in IE only)
var Ext = Ext || {};
(function() {
var global = this,
objectPrototype = Object.prototype, => Object is undefined here
If you let the code to continue, it renders fine though.
test.html
<script type="text/javascript" src="/enteliweb/javascript/ext4/ext-all-debug.js"></script>
<script type="text/javascript">
//Initialization
Ext.onReady(function()
{
var myBorderPanel = Ext.create("Ext.container.Viewport",
{
layout: "border",
margin:"0 0 0 0",
defaults:{border:false,header:false,defaults:{border:false}},
items: [
{
id:"centerPanel",
region: "center", // center region is required, no width/height specified
margins: "0 5 0 0",
layout:"border",
autoScroll:false,
items: {
id:"mainFramePanel",
html:"<iframe id=\"mainFrame\" name=\"mainFrame\" scrolling=\"auto\" frameborder=\"0\" src=\"test2.html\"></iframe>",
frameborder:"0",
autoMask:false
}
},
{
region: "east",
id:"east-region",
collapsible: true,
collapseMode : "mini",
split: true, // enable resizing
maxWidth: 500,
width: 320,
html:"xxx"
}]
});
});
//]]>-->
</script>
test2.html
<script type="text/javascript" src="/enteliweb/javascript/ext4/ext-all-debug.js?1.2.245"></script>
<script type="text/javascript">
//<!--/*--><![CDATA[/*><!--*/
//Initialization
Ext.onReady(function()
{
var myBorderPanel = Ext.create("Ext.container.Viewport",
{
layout: "border",
margin:"0 0 0 0",
defaults:{border:false,header:false,defaults:{border:false}},
items: [
{
id:"centerPanel",
region: "center", // center region is required, no width/height specified
margins: "0 5 0 0",
layout:"border",
autoScroll:false,
items: {
id:"mainFramePanel",
html:"",
frameborder:"0",
autoMask:false
}
},
{
region: "east",
id:"east-region",
collapsible: true,
collapseMode : "mini",
split: true, // enable resizing
maxWidth: 500,
width: 320,
html:"xxx"
}]
});
});
//]]>-->
</script>
</head>
<body>
</body>
</html>