DHTML Vertical Scroller
Sample Implementation 1
Documentation Index
Quick Start - Implementing your DHMTL Scroller.
Evaluation Software Terms

General Settings
Scroll Animation Settings
Scroll Dimensions
Messages and Formatting
Message Sizing and Padding
Background Settings
Message Delay Times
URL Links
Quick Start

To get started on you DHTML Vertical Scroll implementation follow the steps outlined below.

1. Open the file sample1_data.js in a text editor (located in the folder labeled sample1)

2. Modify or add parameters to customize your scroller, If in question about what a specific parameter does, or if in search of new parameter options, refer to this documentation. Remember to enclose all text values (except true, false statements) in double quotes ("). Open sample1.htm in a browser to view your changes.

3. Add a references within your HTML page to your parameter file and the DHTML Vertical Scroll Javascript file (dvs_script.js). To do this copy and paste the following script pointers anywhere within your HTML page.

<script language="JavaScript1.2" src="sample1_data.js"></script>
<script language="JavaScript1.2" src="dvs_script.js"></script>

Evaluation Version Information
This software is made available for evaluation purposes only, It may be fully customized and viewed locally, by opening in a browser using the file protocol. To do this select file-open in a browser, and select the HTML page containing the effect. (NOTE: Attempting to view the evaluation effect by any other means than opening directly from your hard drive, including attempting to run the software on a personal web server violates the evaluation software license agreement terms, and the effect will not be displayed).

The purchased version of the software includes the necessary security codes which allow the effect to run on one web site (Unlimited site licensing is also available). The encrypted security mechanism employed by the effect does not contact OpenCube's servers to authenticate the code, all security checks are handled client side. This system is employed such that the purchaser of the software does not have to rely on a third party server in order to run the program effectively on a web site. All security checks are invisible to the end user, and do not produce a delay in load time.

General Settings

Copyright Notice.
param name = Notice
value="
DHTML Vertical Scroll, Copyright (c) - 2001, OpenCube Inc. - www.opencube.com."
Note: This must be included for the scroller to work.

Netscape6 Offset X (HTML Page Margin Width)
param name = ns6_documentmarginwidth
value = X, Where X is the margin width of your HTML page in Netscape6.

Netscape6 Offset Y (HTML Page Margin Height)
param name = ns6_documentmarginheight
value = X, Where X is the margin height of your HTML page in Netscape6.

Scroll Animation Settings

Scroll Animation Delay
param name = scrolldelay
Value = X. Where X is the delay time between animation frames in milliseconds (1/1000s)

Scroll Animation Jump
param name = scrolljump
Value = X. Where X is the distance in pixels to move each animation frame.

Scroll Animation Delay (Internet Explorer 5.x)
param name = ie5_scrolldelay
Value = X. Where X is the delay time between animation frames in milliseconds (1/1000s)

Scroll Animation Jump (Internet Explorer 5.x)
param name = ie5_scrolljump
Value = X. Where X is the distance in pixels to move each animation frame.

Scroll Animation Delay (Internet Explorer 4.x)
param name = ie4_scrolldelay
Value = X. Where X is the delay time between animation frames in milliseconds (1/1000s)

Scroll Animation Jump (Internet Explorer 4.x)
param name = ie4_scrolljump
Value = X. Where X is the distance in pixels to move each animation frame.

Scroll Animation Delay (Netscape 6.x)
param name = ns6_scrolldelay
Value = X. Where X is the delay time between animation frames in milliseconds (1/1000s)

Scroll Animation Jump (Netscape 6.x)
param name = ns6_scrolljump
Value = X. Where X is the distance in pixels to move each animation frame.

Scroll Animation Delay (Netscape 4.x)
param name = ns4_scrolldelay
Value = X. Where X is the delay time between animation frames in milliseconds (1/1000s)

Scroll Animation Jump (Netscape 4.x)
param name = ns4_scrolljump
Value = X. Where X is the distance in pixels to move each animation frame.

Scroll Animation Delay (Internet Explorer 4.x, 5.x, - Netscape 4.x On Mac Platform)
param name = ie4up_ns4_mac_scrolldelay
Value = X. Where X is the delay time between animation frames in milliseconds (1/1000s)

Scroll Animation Jump (Internet Explorer 4.x, 5.x, - Netscape 4.x On Mac Platform)
param name = ie4up_ns4_mac_scrolljump
Value = X. Where X is the distance in pixels to move each animation frame.

Scroll Animation Delay (Netscape 6.x On Mac Platform)
param name = ns6_mac_scrolldelay
Value = X. Where X is the delay time between animation frames in milliseconds (1/1000s)

Scroll Animation Jump (Netscape 6.x On Mac Platform)
param name = ns6_mac_scrolljump
Value = X. Where X is the distance in pixels to move each animation frame.

Scroll Dimensions
Scroll Width
param name = scroll_width
Value = X, Where X is the width of the scroll area in pixels.

Scroll Height
param name = scroll_height
Value = X, Where X is the height of the scroll area in pixels.

Messages and Formatting

Scrolling Text Messages
param name = desc0 - descN
Value = Text to be displayed. HTML or plaint text may be used for each message, if using HTML change all double quotes to single quotes.

Highlight Scrolling Text Messages
param name = hldesc0 - hldescN
Value = Text to be displayed when highlighted. Highlighting will only occur if a URL link is defined for the message. (see the desturl parameter for more information) HTML or plaint text may be used for each message, if using HTML change all double quotes to single quotes.

Status Bar Text
param name = statusbar0 - statusbarN
Value = X, Where X is the text to be displayed in the status bar for the specific scrolling message, defaults to the url link if any.

Font Family
param name = fontfamily | fontfamily0 - fontfamilyN
Value = "fontfamily name", e.g. "Arial", "TimesRoman", "Verdana", etc...

Font Size
param name = fontsize | fontsize0 - fontsizeN
Value = X, Where X is the point size of the font.

Text Decoration
param name = textdecoration | textdecoration0 - textdecorationN
Value = "Normal" or "Underline".

Highlight Text Decoration
param name = hl_textdecoration | hl_textdecoration0 - hl_textdecorationN
Value = "Normal" or "Underline".

Font Weight
param name = fontweight | fontweight0 - fontweightN
Value = "Normal" or "bold".

Font Style
param name = fontstyle | fontstyle0 - fontstyleN
Value = "Normal" or "italic".

Margin Left
param name = marginleft
Value = X, Where X is the left margin width

Margin Right
param name = marginright
Value = X, Where X is the right margin width

Margin Top
param name = margintop
Value = X, Where X is the top margin height

Margin Bottom
param name = marginbottom
Value = X, Where X is the bottom margin height

Text Color
param name = textcolor | textcolor0 - textcolorN
Value = "#000000" - "#FFFFFF". Define all colors in Hexadecimal, and enclose in double quotes.

Highlight Text Color
param name = hl_textcolor | hl_textcolor0 - hl_textcolorN
Value = "#000000" - "#FFFFFF". Define all colors in Hexadecimal, and enclose in double quotes.

Message Background Color
param name = message_bgcolor | message_bgcolor0 - message_bgcolorN
Value = "#000000" - "#FFFFFF". Define all colors in Hexadecimal, and enclose in double quotes.

Message Sizing and Padding

Auto Size Message or Messages
param name = autofit0 - autofitN
Value = "start", "end", or "fit" - The autofit parameter will force the correct amount of additional space to the end of a message or group of messages such that the message(s) fit the height of the scroll area. For a group of messages set the first message in the group to "start" and the last one to "end", for one message set the value to "fit" or "end"

Message Gap
param name = messagegap
Value = X, Where X is the additional height in pixels to add to each message.

Add Height to Specific Message
param name = addheight
Value = X, Where X is the additional height in pixels to add to a message.

Message Padding
param name = messagepadding
Value = X, Where X is the padding or border area around the scrolling message.

Background Settings
Background Image
param name = backgroundimage
Value = "Background Image File Name", Gif or JPEG Image.

Background Image (Internet Explorer 4)
param name = backgroundimage
Value = "Background Image File Name", Gif or JPEG Image. Internet Explorer 4 does not support transparent backgrounds with the scroller, use this option to correct for scenarios where the scroll background can be absolute positioned to match up to existing background imaging.

Background Color
param name = backgroundcolor
Value = "#000000" - "#FFFFFF". Define all colors in Hexadecimal, and enclose in double quotes.

Background Is Transparent
param name = background_istransparent
Value = true or false

Message Delay Times

Default Message Delay
param name = defaultdelay
Value = X, Where X is the amount of time in seconds to delay each message, to delay only specific messages, set this value to 0 and specify individual message delays with the delay0 - delayN parameter.

Specific Message Delay Times
param name = delay0 - delayN
Value = X, Where X is the amount of time in seconds to delay a specific message.

URL Links
Message URL Links
param name = desturl0 - desturlN
Value = X, Where X is the url link for the specific message. URL links may be defined relative or absolute.

URL Targeting
param name = urltarget | urltarget0 - urltargetN
Value = "_self", "_parent", "_new", "my frame name".

_self - Loads document in same window
_parent - Loads document in the parent frame window
_new - Loads document in a new window
my frame name - loads document in the frame with the specified name

 

Hosted by www.Geocities.ws

1