/********** (C)Scripterlative.com These instructions may be removed but not the copyright indicator. SlideScroll - Buttons to scroll divs or frames at variable speed in any available direction. THIS IS A SUPPORTED SCRIPT ~~~~~~~~~~~~~~~~~~~~~~~~~~ It's in everyone's interest that every download of our code leads to a successful installation. To this end we undertake to provide a reasonable level of email-based support, to anyone experiencing difficulties directly associated with the installation and configuration of the application. Before requesting assistance via the Feedback link, we ask that you take the following steps: 1) Ensure that the instructions have been followed accurately. 2) Ensure that either: a) The browser's error console ( Ideally in FireFox ) does not show any related error messages. b) You notify us of any error messages that you cannot interpret. 3) Validate your document's markup at: http://validator.w3.org or any equivalent site. 4) Provide a URL to a test document that demonstrates the problem. Installation ~~~~~~~~~~~~ Save this file as 'slidescroll.js' in a suitable folder. (If slidescroll.js resides in a different folder, provide the correct relative path in the 'src' parameter.) Within the section place these tags: Configuration ~~~~~~~~~~~~~ It is recommended that the containing document uses a strict . See: http://validator.w3.org Design your button images, which is a simple job in any graphics program like MS Paint. Note that button size has no effect on maximum scroll speed, however higher/wider buttons afford easier speed control. Assign the button images to suitably positioned placeholders in your document and give them all unique ID attributes. Positioning of these images is an HTML/CSS discipline, beyond the scope of these instructions. Anywhere in the document BELOW all the involved images and scrollable divs/iframes, insert the following tags, replacing the parameters with suitable values as shown in the examples. Meanings of Parameters ~~~~~~~~~~~~~~~~~~~~~~ buttonId - The ID of a scrolling button. elemId - Either the ID attribute of a corresponding div/iframe to be scrolled, or the NAME of a sibling frame (that is a frame in the same immediate frameset) that is to be scrolled. To scroll the current document using a fixed-position button, specify 'self'. directions - A quoted string containing the scroll direction specifier(s) for the button. These can be any combination of: [ left right up down all ]. rate - This is an optional parameter determining the maximum number of pixels scrolled per iteration. For reference, the default value is 20. Usage Examples ~~~~~~~~~~~~~~ Configure a button with ID 'upDown' to scroll the content of
up and down at the default rate: Configure and to scroll
left and right respectively, at a maximum rate of 40 pixels per iteration: Configure to scroll