Metachecker.net
|
FontsMadeEasy.com
|
RankChecker.net
Learn Java Script Today
|
Over 5000 Free Fonts
|
Tutorials
|
Javascript Forum
|
Other Javascript Resources
|
Cheat Sheet
JavaScript Basics
Inserting Javascript
Complete Tutorial
Advance DHTML Tutorial
Script archive
Advanced Tutorials
Alert Scripts
Animation
Audio
Background Effects
Banner Ads
Browser Window
Buttons
Button Forms
Calculcators
Calendars
Clocks & Dates
Cookies
Cursor Effects
DHMTL Games
DHTML Miscellaneous
Equivalents
Forms
Games
IE4+ Scripts
IE5+ Scripts
Image Effects
Image Miscellaneous
Links & Buttons
Math Related
Messages Miscellaneous
Miscellaneous
Mouse Tricks
Navigation
Page Details
Password Protection
Pulldown Menus
Random Stuff
Scrolling
Status Bar
Text Animation
User Detail
User Info
Window Control
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