Animated window opener

[chechu]

1) Script Title: Animated window opener

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...imatedwin2.htm

3) Describe problem: Is it possible to make the screen as wide and high as the screen itself. In the script, it just fills up 98% of the screen.

[jscheuer1]

Set these to 0:

var leftdist = 10;    // distance to left edge of window
var topdist = 10;     // distance to top edge of window

[chechu]

Have done that. The problem is at the right and at the bottom. Can you add a var for that ?

[jscheuer1]

I see, the problem comes in when the winwidth and/or winheight are not evenly divisible by widthspeed or heightspeed, respectively. The fix is to do a final resize to winwidth and winheight after all the incremental resizing has played out:

<script type="text/javascript">

//Animated Window- By Rizwan Chand (rizwanchand@hotmail.com)
//Modified by DD for NS compatibility
//Visit http://www.dynamicdrive.com for this script

function expandingWindow(website) {
var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes'
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7;  // horizontal scrolling speed (higher = slower)
var leftdist = 0;    // distance to left edge of window
var topdist = 0;     // distance to top edge of window

if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, winheight);
sizer.resizeTo(winwidth, winheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}

</script>

[chechu]

Works perfectly. Thanks !

[sdasevne]

Would it be difficult to allow each window open to be a different size, specified by the user? I'd like to be able to control the window size to fit some images of varying sizes (and even be able to specify yes/no to scrollbars).

[chechu]

I suppose you would have o change the following:

function expandingWindow(website) {
var windowprops='width=100,height=100,scrollbars=no,status=yes,resizable=no'
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7;  // horizontal scrolling speed (higher = slower)
var leftdist = 50;    // distance to left edge of window
var topdist = 100;     // distance to top edge of window

[chechu]

Or even better:

function expandingWindow(website) {
var windowprops='width=50,height=70,scrollbars=no,status=yes,resizable=no'
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7;  // horizontal scrolling speed (higher = slower)
var leftdist = 50;    // distance to left edge of window
var topdist = 100;     // distance to top edge of window

But I suppose that these variables are in percentage, so it will not always be the exact size you want (depending on screen size)

[sdasevne]

What I meant was that I need a way of calling the subroutine and passing variables to it (like width, height, scrollbars, etc.) for EACH call. That way, I could have each image open in a different sized window. Something like this:

call WindowOpen('100','400','NO'); to open a 100 x 400 window

or call WindowOpen('350','240','YES'); to open a 350 x 240 window

I know I could just duplicate the script a dozen times on each page (with different size parameters) and call the one closest to the size I need, but I thought there might be some way to avoid having a dozen or more copies of essentially the same script, with only size or yes/no parameter differences.

[jscheuer1]

function expandingWindow(website, name, width, height, top, left, scrollbars, status, resizable) {
var windowprops='width='+width+',height='+height+',scrollbars='+scrollbars+',status='+status+',resizable='+resizable
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7;  // horizontal scrolling speed (higher = slower)
var leftdist = left;    // distance to left edge of window
var topdist = top;     // distance to top edge of window

if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("",name,"left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, winheight);
sizer.resizeTo(winwidth, winheight);
sizer.location = website;
}
else
window.open(website,name);
}

example call:

expandingWindow('http://www.google.com/', 'win1', 300, 250, 100, 150, 'yes', 'yes', 'yes')