Source Code - JsMadeEasy.com

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Internal scrollable 2nd window
Loads up a second pop up window that contains an internal scrollable section



Insert into <HEAD>
<script> if (document.layers) window.open("secondwin.htm","","width=500,height=200") </script>

Insert into <BODY>
<SCRIPT LANGUAGE="JavaScript"> <!-- Hide from older browsers // ------------SCROLLBARS-------------- // (C) 1997 Peter Kenyon<wacs@pcnet.co.nz> // A very simple demonstration of the // Netscape Navigator 4.0 LAYER tag. // Feel free to copy the source code // for this page, providing that this // copyright notice is retained. //functions to hide and show the specified layer function scrollup(layer,pixels) { document.layers[layer].clip.top -=pixels document.layers[layer].clip.bottom -=pixels document.layers[layer].offset(0,pixels) } function scrolldown(layer,pixels) { document.layers[layer].clip.top += pixels document.layers[layer].clip.bottom += pixels document.layers[layer].offset(0,-pixels) } // end hide --> </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> <!-- Scrollbar layer --> <!-- Since Netscape leaves a 2-pixel gap above and below the images when it paints the layer, the scrollbar must be positioned 2 pixels above the scrolled window, and the extra space trimmed out using CLIP. --> <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> <!-- Scrolled window 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>

Other Options