<html>
<head>
<script type="text/javascript">
function openPopup(_width)
{
var myWin = window.open("mypopup.html","mywin","top=50,left=50,width="+_width+",height=100");
}
</script>
</head>
<body>
<a href="javascript:openPopup('100');">Open Popup at width = 100</a><br>
<a href="javascript:openPopup('200');">Open Popup at width = 200</a><br>
<a href="javascript:openPopup('300');">Open Popup at width = 300</a><br>
<a href="javascript:openPopup('400');">Open Popup at width = 400</a>
</body>
</html>[code]
Now save the following as [b]mypopup.html[/b]:
[code]<html>
<head>
<title>Tek Tips Rock</title>
<script type="text/javascript">
function resizeMe()
{
var myHeight = document.getElementById("mycontent").offsetHeight + 35;
var myWidth = document.getElementById("mycontent").offsetWidth;
resizeTo(myWidth,myHeight);
myHeight = document.getElementById("mycontent").offsetHeight + 35;
myWidth = document.getElementById("mycontent").offsetWidth;
resizeTo(myWidth,myHeight);
}
</script>
</head>
<body style="padding:5px;margin:5px" onload="resizeMe()">
<div id="mycontent">
<p>Sed nec dui. Phasellus condimentum augue non lorem. Pellentesque vitae ante. Vestibulum feugiat blandit risus. Curabitur cursus, velit ac faucibus volutpat, massa turpis posuere mi, nec condimentum sem metus id magna. Duis in justo. Cras sit amet pede non magna fermentum vestibulum. In nisl orci, euismod non, malesuada quis, placerat id, lorem. Vivamus vitae augue. Donec venenatis metus vel urna.</p><p>Vivamus tortor. Sed est. Cras pede. Nullam mollis lectus quis nisl. Praesent quis urna. Morbi sollicitudin velit sit amet tortor. Pellentesque imperdiet nulla et urna rutrum tincidunt.</p><p>Vivamus euismod augue nec magna. Morbi vitae elit sed justo eleifend porta.</p>
</div>
</body>
</html>
