Results 1 to 2 of 2

Thread: Page Scroller (aka custom scrollbar)" reusing the code many times

  1. #1
    Join Date
    Dec 2005
    Thanked 0 Times in 0 Posts

    Default Page Scroller (aka custom scrollbar)" reusing the code many times

    I found the Page Scroller (aka custom scrollbar)" script great and am using it on very many html pages. Is there a way to save the script as a separate file and calling the latter file from many html pages?

  2. #2
    Join Date
    Mar 2005
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries


    Download the attached file, custom_scroll.js (right click on the 'custom_scroll.js' link at the end of this message and choose 'Save As'). Open it with a text editor to configure it. Then put this code just above your </body> tag:

    HTML Code:
    <script type="text/javascript" src="custom_scroll.js">
    //Page Scroller (aka custom scrollbar)- By Dynamic Drive
    //For full source code and more DHTML scripts, visit
    //This credit MUST stay intact for use
    Make sure that the paths and filenames for the images in the custom_scroll.js are correct and that the src attribute in the above script call points to the exact location of the file:


    Here is some boilerplate on external .js files as, you may find it helpful:

    Use a text editor to save the script, call it 'file_name.js' where 'file_name' can be any valid file name of your choosing. Substitute the name of your external .js file for some.js in the below:

    HTML Code:
    <script src="some.js" type="text/javascript"></script>
    Common problems arise when:

    1 ) The script file is not in the directory specified. In the above example it must be in the same directory as the page(s) that use it. Below, it can be in the scripts directory off of the root of a domain:

    HTML Code:
    <script src="" type="text/javascript"></script>
    2 ) Opening, closing and/or 'hiding' tags are left in the external file. This means that you must strip:
    and any of their many variations from the beginning and end of the external file.

    3 ) The external call (<script src="some.js" type="text/javascript"></script>) is not inserted into the page at the correct spot. The external call must be inserted at the same place on the page where the script was/would have been.

    4 ) Paths to other files (if) used by the script are no longer valid due to its location. This is only a problem if the external script is kept in a different directory than the page it was working on when it was an internal script. To correct this, use absolute paths inside the script. Absolute path examples:

    5 ) Inappropriately combining two or more scripts into one external file. Usually external scripts can be combined if one knows enough about scripting to do so properly. Even then it is possible to overlook something.

    A rule of thumb when testing is, if it won't work on the page, it won't work as an external file either.

    One other thing, if this is a DD script or any script that requires the credit remain for legal use, include the credit in the on page call, ex:

    HTML Code:
    <script src="some.js" type="text/javascript">
    * IFrame SSI script II-  Dynamic Drive DHTML code library (
    * Visit for hundreds of original DHTML scripts
    * This notice must stay intact for legal use
    Make sure to retain all the 'decorations', as these include begin and end javascript comment delimiters without which the script won't function.
    - John

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts