Forum Moderators: open
I need the auto resize a popup according to it content...
The boby of the window is just plain HTML.
(there noway for me to know the size of the page in advance)
If somebody has any idea......
It would really by great!
Thanks!
function openPerfectPopup(oW,oTitle,oContent) {
var x = window.open('','windowName','width=500,height=400,resizable=1');
if(!x ) { return true; }
x.document.open();
x.document.write('<html><head><title>'+oTitle+'<\/title><\/head><body>'+
(document.layers?('<layer left="0" top="0" width="'+oW+'" id="myID">')
:('<div style="position:absolute;left:0px;top:0px;display:table;width:'+oW+'px;" '+
'id="myID">'))+
oContent+(document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>');
x.document.close();
var oH = getRefToDivMod( 'myID', x.document ); if(!oH ) { return false; }
var oH = oH.clip? oH.clip.height : oH.offsetHeight; if(!oH ) { return false; }
x.resizeTo( oW + 200, oH + 200 );
var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;
if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }
else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }
else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }
if( window.opera &&!document.childNodes ) { myW += 16; }
x.resizeTo( oW + ( ( oW + 200 ) - myW ), oH + ( (oH + 200 ) - myH ) );
if( x.focus ) { x.focus(); }
return false;
}
The HTML contains:
<a href="noPop.html" onclick="return openPerfectPopup(300,'Title','Contents');">Click here
to test this</a>.
