Javascript Scroll Bar - A scroll bar for your webpage using javascript

Pages: 1, 2
free web hosting
Open Discussion > CONTRIBUTE > Tutorials

Javascript Scroll Bar - A scroll bar for your webpage using javascript

the-stand
nice tutorial tongue.gif
im using something called flexscroll at the moment and it works like a charm biggrin.gif

Reply

rize619
good idear for frameset scroll bar
will it work there in frames ?

Reply

jsjs
hi there
if you want try somethig different try this javascript scrollbar
it works perfectly in all browsers and its easy to set up.
also support multy scrollbars on 1 page

Reply

hippiman
I don't think this works in IE, but I don't really care because I hate IE.

It works perfectly for me. That's pretty cool.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Pages: 1, 2
Recent Queries:-
  1. scroll bar - 7.09 hr back. (1)
  2. javascript scroll follow - 7.22 hr back. (1)
  3. mootools styled scrollbar arrows - 7.36 hr back. (1)
  4. scroll bar javascript - 10.92 hr back. (1)
  5. how to add scrolls inside a scroll bar on html and css - 53.95 hr back. (1)
  6. javascript arrow scroll div right - 73.84 hr back. (1)
  7. accordian scrollby - 91.01 hr back. (1)
  8. "javascript" "move scrollbar" - 99.53 hr back. (1)
  9. html sample code with scrollbar and output answer - 115.74 hr back. (1)
  10. javascript scroll bar - 174.98 hr back. (1)
  11. free side scroll javascript code - 177.71 hr back. (1)
  12. scrolling bar javascript codes - 205.04 hr back. (1)
  13. javascript scroll - 6.13 hr back. (2)
Similar Topics

Keywords : javascript, scroll, bar, scroll, bar, webpage, javascript

  1. Create Dynamic Html/php Pages Using Simple Vb.net Code
    Taking your application data, and creating a webpage for others to vie (1)
  2. Lesser Known Useful Javascript Features
    (2)
    Variables Javascript assigns every variable a type which changes as we assign different
    values to the variable. We can get the type of a variable using the ' typeof ' operator.
    For eg., CODE var hello = "Welcome to Trap17"; var year = 2008; alert(typeof hello
    ); alert(typeof year ); The above lines will output the type of the first variable
    'hello' as String and the second variable 'year' as Number . The types of
    Javascript variables are Boolean, Function, Number, Object and String . A variable with ....
  3. Make A Moderately-secure Password System Using Javascript
    using file redirection to hide the password. (4)
    JavaScript is very handy at making forms, allowing for much more customization and easier ways to
    send data. So making Login forms using JavaScript may seem to many to be a very feasable idea.
    However, JavaScript is very bad at protecting Passwords, as since the passwords are not encypted and
    the whole JavaScript code is in the page, a person could just view the Page Source and find out
    everything. Even if you use an external JavaScript, it would still be poor as the file name for the
    external JavaScript would still be revealed. But I have an answer! There is a rela....
  4. Simple Javascript And Password System
    How to protect your pages with password (9)
    The quickest way to get a password protection system up and running is to use a Prompt box in
    JavaScript that has a title like "Enter your Email Address". Only you and the relevant users know
    what the password should be, could even be one each, that can be sorted out at the next page then
    pass the "input" directly through the url by changing the .href, like
    http://www.iSource.net.nz/users/?leTmeIn= The page that then processes this should also check for
    the referring page, and three fails from an IP if you like the php (the next page): CODE
    <?php // processdo....
  5. Create A Simple Html Editor With Php And Javascript
    (3)
    Ok, I will teach you how to create a simple HTML editor that runs online with buttons that add HTML
    tags. Before we start: You should have basic knowledge of these languages. HTML/XHTML
    Javascript PHP You will need Ability to use filesystem functions. Chmodding abilities
    Features of Editor Online PHP safe Full HTML support A Few Bad Features Can only create new
    documents or overwrite Fairly unsafe Now we are ready to begin. The PHP Script This will be
    our PHP script that we will use to make the file. Make a file called save.php Here is the....
  6. Css Scroll Bar Styles
    Change the color of your website scrollbar! (1)
    REQUIREMENTS 1. Must have limited to good knowledge of CSS. 2. Must have limited to good knowlege
    of HTML. THE ELEMENTS First of all, there are 7 different elements of a scrollbar. a) Scrollbar
    Arrow Color /cool.gif" style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif" />
    Scrollbar Darkshadow Color c) Scrollbar Track Color d) Scrollbar Face Color e) Scrollbar Shadow
    Color f) Scrollbar Highlight Color g) Scrollbar 3dlight Color Bassically all that you need to do is
    change the colors like you normally do with any sort of CSS. Therefore, if you want the....
  7. Mootools - My Favourite Javascript Library
    (3)
    It kind of amazes me that there's not even a mention of the Mootools javascript library
    throughout this whole forum. So here I'll do a brief introduction and a tutorial on how to
    produce the famous accordion effect. MooTools is a compact, modular, Object-Oriented javascript
    framework designed to make writing extensible and compatible code easier and faster. MooTools lets
    you get the job done efficiently and effectively. It is slightly based on the powerful Prototype
    javascript framework , of which Scriptaculous runs on. (But frankly, I dislike Scriptaculou....
  8. Simple Scripts In Html And Javascript
    Things like BackgroundColorChanger and so (7)
    like in the topic, here is a description how to change the Backgroundcolor "On The Fly", by klicking
    on a button or radio-box first, we ned the html-and body-tags, create a new html-file on your
    desktop and write the following: QUOTE <script language = "JAVASCRIPT">
    browser interpretation: html - tag means "hey, browser, here comes HTML" in the body-tag you define
    the looking of your site. you can add things like "bgcolor" for the background, "text" for the
    textcolor and link / alink / hlink / vlink to define the linkcolor ( ) the scripttag i....
  9. Javascript Framework - A Shortcut Javascript
    a shortcut javascript (3)
    hi, today im going to give you small tutorial how to use `Prototype JavaScript Framework`
    1st you have to download `Prototype JavaScript Framework`library from
    http://prototype.conio.net/ prototype makes easy to using Javascript, ex : when you want to point
    (get) the element from HTML usually we use : CODE
    document.getElementById('elementId') with prototype we use CODE
    $('elementId') , yeah...world getting small..with prototype. example
    we`re going to get value from an element of CODE &#....
  10. Tool Tips Using Only Css To Pop Up The Tool Tip
    No javascript involved! (8)
    Tool Tip Tutorial Example Found Here . Please review before continuing. Nice. And no
    javascript at all to be found. The colours I have used are for demonstration purposes only to show
    you that they are adjustable to suit the background or to contrast against them. Your choice. That
    is a styling issue. It is your site, you decide. The original author's idea was to add
    position:relative to the link, in order to allow the span element inside to position absolutely
    in respect to the parent link. This code has been tested in Ie5.5, IE6, Opera7.11 and M....
  11. Handy Javascript Code Snips
    Ready to Apply in your webpage (5)
    /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Some common things to
    implement in our webpage very frequently are as follows. How to implement all these I am going to
    tell you in this tutorial. Add To Favorite Set As Homepage Go To Top Of Page No Right Click
    Print Page Adding Current Date Adding Current Time Pop-Up Page Creation Closing Window
    Copyright Notice Updation 01. Add To Favorite Someone may be interested in the content of your
    page. Offer him/her to add the page in his/her favorite menu. To do this you have ....
  12. How To Stop People From Pirating Your Source Codes
    How to encrypt your webpage source sode (40)
    /ph34r.gif' border='0' style='vertical-align:middle'
    alt='ph34r.gif' /> -Encryption- /ph34r.gif' border='0' style='vertical-align:middle'
    alt='ph34r.gif' /> If your like me, you probably hate those Javascripts witch open a "Right
    Click Disabled" prompt. An easier way to confuse pirates from stealing your hard worked scripts or
    codes you can easily encrypt your html. In this tut i will show you how to both create
    an html encrypting script and will show you the diffrent methods of encryption. 1. The HE....
  13. Image Rollovers In Javascript
    A Write-Once, Use-Anywhere Approach (11)
    Tutorial: Image Rollovers w/ Javascript, by Rob J. Secord, B.Sc. (SystemWisdom) See a
    working Sample of this Script! Download a ZIP containing all working files in this
    tutorial! Note: If you are not interested in reading this entire tutorial and/or have a basic
    understanding of the underlying concepts, you may safely skip to the Implementation section to get
    the code! Description : A Dynamic Image Rollover Script tested to work in 4 major internet
    browsers: MSIE, FireFox, Netscape and Opera. Using only Javascript combined with regular HT....
  14. Css And Javascript Combined For Dynamic Layout
    use of different CSS files at same site (9)
    This tutorial is meant for people that are dealing with problems while coding their site at 100% of
    width. Important notice: Some people has JavaScript disabled, so they will not be able to load CSS
    file (take this in account when creating your website). How this script works. In the HEAD of your
    HTML document will apply this command, so variable.js file will be load at start: CODE
    <script type="text/javascript" src="variable.js"></script> In
    browser JavaScript file variable.js is loaded. This Javascript file consist of this para....
  15. How To: Change An Image When A User Clicks On It
    using both php and javascript (11)
    How To: Change An Image When A User Clicks On It using both php and javascript - a powerful
    combination I have seen quite a few how tos offering a method of doing this but none of which
    resembled my method of making use of both php and javascript. This code is fairly repetitive and
    most of the functions are easy to pick-up if you haven't heard of them before. Here it is...
    Create your two images. Call them anything you like, you'd just need to change their filenames
    in $imgano $imgayes. In fact with this script you can easily create more tha....
  16. Creating Rollovers With Buttons
    Short & simple javascript tutorial that shows you how. (2)
    Javascript in action can render some very neat visual effects, which can make your website more
    appealing, and sometimes even easier to navigate. Among the most common effects are the
    'button' effect, and the mouseover effect. The buttons are very common, of course; if
    nowhere else, most of us have seen them at the end of forms (Click the 'submit' button to
    proceed...). The basic idea is to have a 'depressible' object, which can give you the
    illusion that you're 'pressing' it when you click it. The rollover effect causes
    something to h....
  17. Image Preloader With Progress Bar Status
    Pure Client-Side JavaScript tested in 4 Browsers! (23)
    Tutorial: Image Preloader with Progress Bar, by Rob J. Secord, B.Sc. (SystemWisdom)
    Description : A Tutorial for a Client-Side Image Preloader with Dynamic Real-Time Progress Bar
    Indicator written in JavaScript! Tested to work with 4 Major Internet Browsers: Firefox, MSIE,
    Netscape, Opera (Complete sample solution provided at end of tutorial, just put it on your
    web-server, add your images and go!) Intended Audience : Beginner to Intermediate Web
    Developers. Although this tutorial will cover some advanced aspects of JavaScript, I will try to
    explain....
  18. How To Make A Simple Webpage From Straight Out Htm
    (10)
    This tutorial will show you how to make a webpage using html. It will be a very simple webpage but
    good for practice. Get free hosting somewhere( anglefire, geocities) and go edit index.html.
    Delete everything that is already there. You will start of by doing this CODE <html>
    <title> What you want to apper at the top of the browser GOES HERE </title>
    <body> <h2> YOUR HEADER GOES HERE </h2> <p>Info about your site can
    go right here. Mabye start a welcome thing telling about your site and other stuff. Mak....
  19. How To Change The Colors Of The Scroll Bar!
    (0)
    This tutorial will show you how to change the scroll bar colors: 1.Copy this code and paste it in
    the tag in the sorce of your page CODE <style> BODY {    scrollbar-face-color:
    #000000;    scrollbar-shadow-color: #000000;    scrollbar-highlight-color: #000000;  
     scrollbar-3dlight-color: #FF0000;    scrollbar-darkshadow-color: #FF0000;  
     scrollbar-track-color: #000000;    scrollbar-arrow-color: #FFFFFF;} </style>
    In order to change colors you need to change thise numbers: ex. #000000 is black #....
  20. Opening New Tabs With Javascript
    (1)
    I just spent a couple of hours trying to figure out how to open new tabs from a Firefox sidebar. I
    found lots of different suggestions but none worked. Well finally I found this and it works. var
    browser = top.document.getElementById("content"); var tab = browser.addTab("http://www.google.com");
    An even better way of doing it is through: const kWindowMediatorContractID =
    "@mozilla.org/appshell/window-mediator;1"; const kWindowMediatorIID =
    Components.interfaces.nsIWindowMediator; const kWindowMediator = Components.classes
    .getService(kWindowMediatorIID); var browserWi....

    1. Looking for javascript, scroll, bar, scroll, bar, webpage, javascript

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for javascript, scroll, bar, scroll, bar, webpage, javascript

*MORE FROM TRAP17.COM*
advertisement



Javascript Scroll Bar - A scroll bar for your webpage using javascript



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE