open Ext.Window in parent page from iframe
Ok absolute newbee question:
I am trying to adapt the windows example for my purposes. I have a button in an iframe which triggers a new Ext.Window. So far this work, but the new window is then stuck inside the small iframe instead of showing up on the main page.
After half day trying to get this to work I could need some input...
I added a div with id 'thecontainer" to the main page:
<div id='thecontainer' name='thecontainer' style = 'position:absolute;left:1;top:1;width:1;height:1;z-index:1;' > </div>
in order to get the window to pop-up there and tried to refer to that div using this:
<script>
function showWindow() {
var thebody = parent.document.getElementById('thecontainer');
var win = new Ext.Window(thebody,{
width:100,
height:100,
title:"Ext Window Example",
autoScroll:true,
shadow: true,
shadowOffset: 7,
});
win.show();
}
</script>
But I always get an "Element "thecontainer" doesn't exist." error . I have no idea why.
How can I get the window to display outside my iframe on the main page? Is that possible at all?
Thanks
Karsten
