JavaScript - scrollbar

Asked By shajahan
02-Feb-11 07:17 AM
Hi ,

   how to apply the css styles for scrollbar..?
   i have used below css properties: 
             body

               {  
                scrollbar-track-color:red;
                scrollbar-face-color:green;
                scrollbar-highlight-color:FFFFFF;
                scrollbar-base-color:FFFFFF;
                scrollbar-darkShadow-color:FFFFFF;
                scrollbar-shadow-color:FFFFFF;
                scrollbar-arrow-color:FFFFFF;

                }

    its working in IE, but its not working in firefox browser.
      so please help me any one to change the scrollbar color,size that should be work on firefox      browser.

    Thanks in advance.

    Regards,
    Shajahan.
  Reena Jain replied to shajahan
02-Feb-11 07:18 AM
hi,

  • For the browser scrollbar colors, add the scrollbar property attribute rules to the body element.
  • For the textarea scrollbars, add the scrollbar property attribute rules to the textarea element.

As you know if you've used CSS:

  • The style element tag goes between the head element tags near the top of your HTML markup as shown in the examples throughout this tutorial, or
  • For an external style sheet, just add the rules to your style sheet. http://websitetips.com/articles/css/scrollbars/stylesheetsample.txt (A separate popup window will open.)
hope this will help you
  shajahan replied to Reena Jain
02-Feb-11 07:31 AM
 Thank you for helping me.  but its not working..
  Reena Jain replied to shajahan
02-Feb-11 07:34 AM
hi,

check these links

http://www.yourhtmlsource.com/stylesheets/scrollbars.html
http://www.webdevelopersnotes.com/tips/html/css_scrollbar_color_code.php3

hope this will help you
  shajahan replied to Reena Jain
02-Feb-11 08:16 AM
Hi,

   Firefox browser not supporting this css rules.
  shajahan replied to Reena Jain
02-Feb-11 08:17 AM
Hi,

   Firefox browser not supporting this css rules.
Create New Account
help
Firefox scrollbar Hi, what are the scrollbar css properties, that are supported by the firefox browser. can any one help me please. . Thanks in advance. regards, shajahan. You want to change apply CSS in your textarea or whole DOCUMENT scrollbar ???? Hi, i want apply the scrollbar styles for division areas. Hello, use following code and let me know weather its working browsers. hope this will help you Hi Shajahan The thing about the default color of scrollbar s is that it's dull and ugly. Usually this color is gray. Wouldn't color to better fit the overall theme of your site? Luckily Cascading Style sheets and JavaScript can be used to do just that! using css In CSS , you would just add
scrollbar size Hi all. . . how to change the scrollbar size and colour. . help me any one plz. . . regards, shajahan. Hi all, what are the css properties for scrollbar, that should be work on forefox browser. help me any one plz. . Thanks in advance regards, shajahan hi , ref this http: / / websitetips.com / articles / css / scrollbars / Hi Shajahan You can do this using CSS as well as javascript as well. . .css has some standard properties for scroll bar like following <style> body{ scrollbar-base- color : #C0C0C0
javascript how to read textfile in javascript and replace the value from textfile with some other value.Right now i have done here "for your viewing pleasure" <html xmlns:behave_yaself> <head> <title> Behaviors< / title> <script type = "text / javascript" > function downloadEnd(e) { document.all.download.value = e; } < / script> <style type = "text / css" > textarea { background-color: #000; color: #FFF; scrollbar-face-color: #FFF; } < / style> < / head> <body> <behave_yaself:download id = "currFile" style = "behavior:url(#default#download Click <a href = "javascript:document.getElementById('currFile').startDownload(location.href, downloadEnd)" > here< / a> to start the download. <br / > When download" > < / textarea> < / p> < / body> < / html> refer http: / / www.devguru.com / http: / / www.c-point.com / JavaScript / articles / file_access_with_JavaScript.htm this is the code i am currently using Public Sub Getfloorname() Dim in button click Its always better of doing it uisng server side code than using javascript in working with files unless something is pressing strongly not to go for server side
table the table size increases. . . i want fix the table size and scroll images. . . . using javascript, html and css HI try this code < html > <head> <title> DynAPI Examples - ScrollBar< / title> <script language = "JavaScript" src = ". / dynapisrc / dynapi.js" > < / script> <script language = "Javascript" > dynapi.library.setPath ( '. / dynapisrc / ' ) ; dynapi.library.include ( 'dy napi.api '); dynapi.library.include ( 'Sc rollBar dynapi.library.include ( 'Bu ttonFlatStyle '); / / (optional) dynapi.library.include ( 'Bu ttonImageStyle '); / / (optional) < / script> <script language = "Javascript" > / / Styles.addStyle('ScrollBarButton', ButtonFlatStyle); vbar = new ScrollBar ( 've rt ', 1 00 , 100 , 200 , 0 , 50 ) vbar.setSmallChange ( 1 ) ; vbar.setLargeChange ( 10 ) ; vbar onscroll = function ( e ){ status = vbar.getValue () } hbar = new ScrollBar ( 'ho rz ', 1 50 , 100 , 100 , 1 , 50 ) hbar.setSmallChange ( 1 ) ; hbar.setLargeChange ( 5 ) ; / / hbar
show you how to Fix GridView's Header and Footer in a simple code with CSS and JavaScript. Background Understand CSS and JavaScript Using the code • Use the below 2 Css Classes for GridView Header and footer .GVFixedHeader { font-weight:bold; background-color: Green; position:relative color: Green; position:relative; bottom:expression(getScrollBottom( this .parentNode.parentNode.parentNode.parentNode));} • Use the below JavaScript to compute Footer's Position < script language = " javascript" type = " text / javascript" > function getScrollBottom(p_oElem) { return p_oElem.scrollHeight - p_oElem.scrollTop - p_oElem.clientHeight; } < / script > • Create GridView inside a