Note: Modified by DD for NS6 functionality, minor bug fixes

Description: Instead of just spawning a window, this script animates it into view, by expanding it horizontally then vertically until it fills the screen. The animation is fast enough to not become tedious, and the corresponding links are easily set up.

Demo:

Yahoo.com

---

Directions

Step 1: Insert the below script into the HEAD section of your page:

Select All
<SCRIPT language=JavaScript> <!-- Begin //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 = 10; // distance to left edge of window var topdist = 10; // 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, sizeheight); sizer.location = website; } else window.open(website,'mywindow'); } // End --> </SCRIPT>

Step 2: Then, set up your corresponding links using the below HTML codes as examples:

Select All
<!-- set up your links, either via text links or form buttons--> <a href="#" onClick="expandingWindow('http://www.yahoo.com');return false">Yahoo.com</a><br> <form> <input type="button" value="Freewarejava" onClick="expandingWindow('http://www.freewarejava.com')"> </form>