The JavaScript Source: Page Details: Scrollbar Colors ScriptWriter

Home

Page Details

Scrollbar Colors ScriptWriter

IE 5.5+ allows you to change the colors of scroll bars in a textarea tag or the browser window. Select the colors you want for the respective scroll bar attributes and see how they will look. Then, switch the "Show Source" to "Yes", re-submit, and the code will appear in a new window. Pretty neat!

Base	Arrow	Dark Shadow	Face
Highlight	Shadow	3dlight	Show Source

The JavaScript Source: Page Details: Scrollbar Colors ScriptWriter
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <BODY> <SCRIPT LANGUAGE="JavaScript">     <br>"); new_window.document.write("</script><br>"); new_window.document.write("</body><br>"); new_window.document.write("</html><br>"); new_window.document.write("</body></html>"); // close the document new_window.document.close(); } } // End --> </script> <center> <textarea name="text_area" cols="45" rows="5"> Four score and seven years ago our fathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that all men are created equal. Now we are engaged in a great civil war, testing whether that nation or any nation so conceived and so dedicated can long endure. </textarea> </center> <div align="center"> <center> <table width="450"> <tr><td align="center" valign="top" width="112" nowrap> <form name="c_form"> <div align="center">Base<br> <select name="BaseColor"> <option value="">None</option> <option value="#000000">Black</option> <option value="#FFFFFF">White</option> <option value="#008000">Green</option> <option value="#800000">Maroon</option> <option value="#808000">Olive</option> <option value="#000080">Navy</option> <option value="#800080">Purple</option> <option value="#808080">Grey</option> <option value="#FFFF00">Yellow</option> <option value="#00FF00">Lime</option> <option value="#00FFFF">Aqua</option> <option value="#FF00FF">Fushia</option> <option value="#C0C0C0">Silver</option> <option value="#FF0000">Red</option> <option value="#0000FF">Blue</option> <option value="#008080">Teal</option> </select> </td><td align="center" valign="top" width="112" nowrap> Arrow <br> <select name="ArrowColor"> <option value="">None</option> <option value="#000000">Black</option> <option value="#FFFFFF">White</option> <option value="#008000">Green</option> <option value="#800000">Maroon</option> <option value="#808000">Olive</option> <option value="#000080">Navy</option> <option value="#800080">Purple</option> <option value="#808080">Grey</option> <option value="#FFFF00">Yellow</option> <option value="#00FF00">Lime</option> <option value="#00FFFF">Aqua</option> <option value="#FF00FF">Fushia</option> <option value="#C0C0C0">Silver</option> <option value="#FF0000">Red</option> <option value="#0000FF">Blue</option> <option value="#008080">Teal</option> </select> </td><td align="center" valign="top" width="112" nowrap> Dark Shadow <br> <select name="DarkShadowColor"> <option value="">None</option> <option value="#000000">Black</option> <option value="#FFFFFF">White</option> <option value="#008000">Green</option> <option value="#800000">Maroon</option> <option value="#808000">Olive</option> <option value="#000080">Navy</option> <option value="#800080">Purple</option> <option value="#808080">Grey</option> <option value="#FFFF00">Yellow</option> <option value="#00FF00">Lime</option> <option value="#00FFFF">Aqua</option> <option value="#FF00FF">Fushia</option> <option value="#C0C0C0">Silver</option> <option value="#FF0000">Red</option> <option value="#0000FF">Blue</option> <option value="#008080">Teal</option> </select> </td> <td align="center" valign="top" width="112" nowrap> Face <br> <select name="FaceColor"> <option value="">None</option> <option value="#000000">Black</option> <option value="#FFFFFF">White</option> <option value="#008000">Green</option> <option value="#800000">Maroon</option> <option value="#808000">Olive</option> <option value="#000080">Navy</option> <option value="#800080">Purple</option> <option value="#808080">Grey</option> <option value="#FFFF00">Yellow</option> <option value="#00FF00">Lime</option> <option value="#00FFFF">Aqua</option> <option value="#FF00FF">Fushia</option> <option value="#C0C0C0">Silver</option> <option value="#FF0000">Red</option> <option value="#0000FF">Blue</option> <option value="#008080">Teal</option> </select> </td></tr> <tr><td align="center" valign="top" width="112" nowrap> Highlight <br> <select name="HighlightColor"> <option value="">None</option> <option value="#000000">Black</option> <option value="#FFFFFF">White</option> <option value="#008000">Green</option> <option value="#800000">Maroon</option> <option value="#808000">Olive</option> <option value="#000080">Navy</option> <option value="#800080">Purple</option> <option value="#808080">Grey</option> <option value="#FFFF00">Yellow</option> <option value="#00FF00">Lime</option> <option value="#00FFFF">Aqua</option> <option value="#FF00FF">Fushia</option> <option value="#C0C0C0">Silver</option> <option value="#FF0000">Red</option> <option value="#0000FF">Blue</option> <option value="#008080">Teal</option> </select> </td><td align="center" valign="top" width="112" nowrap> Shadow <br> <select name="ShadowColor"> <option value="">None</option> <option value="#000000">Black</option> <option value="#FFFFFF">White</option> <option value="#008000">Green</option> <option value="#800000">Maroon</option> <option value="#808000">Olive</option> <option value="#000080">Navy</option> <option value="#800080">Purple</option> <option value="#808080">Grey</option> <option value="#FFFF00">Yellow</option> <option value="#00FF00">Lime</option> <option value="#00FFFF">Aqua</option> <option value="#FF00FF">Fushia</option> <option value="#C0C0C0">Silver</option> <option value="#FF0000">Red</option> <option value="#0000FF">Blue</option> <option value="#008080">Teal</option> </select> </td><td align="center" valign="top" width="112" nowrap> 3dlight <br> <select name="dlightColor"> <option value="">None</option> <option value="#000000">Black</option> <option value="#FFFFFF">White</option> <option value="#008000">Green</option> <option value="#800000">Maroon</option> <option value="#808000">Olive</option> <option value="#000080">Navy</option> <option value="#800080">Purple</option> <option value="#808080">Grey</option> <option value="#FFFF00">Yellow</option> <option value="#00FF00">Lime</option> <option value="#00FFFF">Aqua</option> <option value="#FF00FF">Fushia</option> <option value="#C0C0C0">Silver</option> <option value="#FF0000">Red</option> <option value="#0000FF">Blue</option> <option value="#008080">Teal</option> </select> </td><td align="center" valign="top" width="112" nowrap> Show Source<br> <select name="show_text"> <option value="No">No</option> <option value="Yes">Yes</option> </select> </td></tr> <tr> <td align="center" valign="top" colspan="4" width="442"> <input type="button" value="Change Colors/Get Source" onClick="JavaScript:change_colors()"> </div> </form> </td></tr> </table> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Sign up for the JavaScript Weekly

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Whitepapers and eBooks

Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Microsoft Article: BitLocker Encryption on Windows Server 2008
Go Parallel Article: Intel Thread Checker, Meet 20 Million LOC
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Avaya Article: Call Control XML - Powerful, Standards-Based Call Control
Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks
Internet.com eBook: The Pros and Cons of Outsourcing
Internet.com eBook: Best Practices for Developing a Web Site

IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts

Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers

Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits

Amyuni Download: PDF & XPS Engine for Your .NET and ActiveX Applications
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt

Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos

IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications

MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES