Internal scrollable 2nd window (Requires NS 4.x)

Home / Free JavaScripts / Windows, remotes, frames / Here

Cut & Paste Internal scrollable 2nd window (Requires NS 4.x)
Credit: Peter Kenyon

Example: Coming...

Directions

Step 1: Insert this in the <head> of the main page (the page that will open the 2nd window):

And save these two images :

Step2: Copy and save the following code as a seperate file named "secondwin.htm". Save this file in the same directory as your main page:

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <title>Welcome!</title> <LAYER BGCOLOR="Yellow" LEFT=190 TOP=10 WIDTH=280 HEIGHT=146> <CENTER> <H1><B><FONT SIZE=+3>Scrollbars</FONT></B></H1> Use the buttons to scroll the window to the left up and down.<BR> Requires <A HREF="http://home.netscape.com">Netscape Navigator 4.0</A>. </CENTER> </LAYER>   <LAYER NAME="Scrollbar" BGCOLOR="LightGrey" LEFT=170 TOP=10 WIDTH=13 CLIP=0,2,13,148> <A HREF="javascript: scrollup('window',20)"><IMG SRC="scrollup.gif" BORDER=0></A> <BR> <BR> <BR> <BR> <BR> <BR> <A HREF="javascript: scrolldown('window',20)"><IMG SRC="scrolldown.gif" BORDER=0></A> </LAYER>  <LAYER NAME="window" BGCOLOR="LightBlue" LEFT=20 TOP=10 WIDTH=150 CLIP=0,0,150,146> <P>This script is really very simple. All it consists of is two functions which are called by linked images, and a layer which is the scrolled "window".</P> <P>When the function to scroll up is called, the top and bottom CLIP properties are decreased by 20 (this shifts the displayed part of the layer up 20 pixels), and the layer itself is moved down 20 pixels using the OFFSET method. The net effect is that the layer's contents are scrolled.</P> <P>You could have anything you wanted in this window- text, graphics, links, etc...</P> </LAYER>

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info