»
EnglishFrenchVietnamese

Print - Scrollbar Color Wizard - JavaScriptBank.com

Full version: jsB@nk » Utility » Generator » Scrollbar Color Wizard
URL: https://www.javascriptbank.com/scrollbar-color-wizard.html

Scrollbar Color Wizard © JavaScriptBank.comUse this wizard to determine the color to use for your scrollbars. (IE5.5+).

Full version: jsB@nk » Utility » Generator » Scrollbar Color Wizard
URL: https://www.javascriptbank.com/scrollbar-color-wizard.html



CSS
<style type="text/css">body{background-color:white;font-size:10pt;font-family:sans-serif;color:#00436e;}td {font: 9pt serif;}input {font-size:9pt;font-family: sans-serif;background-color:#00568c;color:white;}#example{border:5px outset #0084d8; scrollbar-3d-light-color: '#0084d8';scrollbar-arrow-color: 'black';scrollbar-base-color:'#00568c';scrollbar-dark-shadow-color:'';scrollbar-face-color:'';scrollbar-highlight-color:'';scrollbar-shadow-color:'';text-align:left;position:relative;width:240px;padding:2px;height:100px;overflow:scroll;background-color:lightgrey}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script language="javascript">var ie5=(document.getElementById && document.all)?true:false;if(!ie5)alert('This script ONLY works in Internet Explorer 5.5+');window.onerror=function() {alert('You have entered an improper value...\n\nThe only allowable formats are:\n\nHex code (example: #FFFFFF)\n                    - and/or -\nColor Name (example: RED)');return true;}window.onload=function(){document.f._3d.focus();}function setbar(){if(ie5){var df=document.f;var ds=document.getElementById('example').style;ds.scrollbar3dLightColor=df._3d.value;ds.scrollbarArrowColor=df.arrow.value;ds.scrollbarBaseColor=df.base.value;ds.scrollbarDarkShadowColor=df.drkshadow.value;ds.scrollbarFaceColor=df.face.value;ds.scrollbarHighlightColor=df.hilite.value;ds.scrollbarShadowColor=df.shadow.value;ds.scrollbarTrackColor=df.track.value;}}function bgc(obj, col){if(ie5)obj.style.backgroundColor=col;}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<form name="f"><table cellpadding="4" cellspacing="0" border="0"><tr><td align="center" valign="top"><b>Stylesheet Syntax</b></td><td align="center" valign="top"><b>Javascript Syntax</b></td><td align="center"><b>Enter valid color or<br>HEX color triplet</b></td></tr><tr><td align="left">scrollbar-3d-light-color:</td><td align="left">scrollbar3dLightColor =</td><td align="right">  <input type="text" name="_3d"  onmouseover="bgc(this, '#0084d8'); this.focus();" onmouseout="bgc(this, '#00568c')" onblur="bgc(this, '#00568c')" size="20"></td></tr><tr><td align="left">scrollbar-arrow-color:</td><td align="left">scrollbarArrowColor =</td><td align="right">  <input type="text" name="arrow"  onmouseover="bgc(this, '#0084d8'); this.focus()" onmouseout="bgc(this, '#00568c')" onblur="bgc(this, '#00568c')" size="20"></td></tr><tr><td align="left">scrollbar-base-color:</td><td align="left">scrollbarBaseColor =</td><td align="right">  <input type="text" name="base"  value="#00568c"  onmouseover="bgc(this, '#0084d8'); this.focus()" onmouseout="bgc(this, '#00568c')" onblur="bgc(this, '#00568c')" size="20"></td></tr><tr><td align="left">scrollbar-dark-shadow-color:</td><td align="left">scrollbarDarkShadowColor =</td><td align="right">  <input type="text" name="drkshadow"  onmouseover="bgc(this, '#0084d8'); this.focus()" onmouseout="bgc(this, '#00568c')" onblur="bgc(this, '#00568c')" size="20"></td></tr><tr><td align="left">scrollbar-face-color:</td><td align="left">scrollbarFaceColor =</td><td align="right">  <input type="text" name="face"  onmouseover="bgc(this, '#0084d8'); this.focus()" onmouseout="bgc(this, '#00568c')" onblur="bgc(this, '#00568c')" size="20"></td></tr><tr><td align="left">scrollbar-highlight-color:</td><td align="left">scrollbarHighlightColor =</td><td align="right">  <input type="text" name="hilite"  onmouseover="bgc(this, '#0084d8'); this.focus()" onmouseout="bgc(this, '#00568c')" onblur="bgc(this, '#00568c')" size="20"></td></tr><tr><td align="left">scrollbar-shadow-color:</td><td align="left">scrollbarShadowColor =</td><td align="right">  <input type="text" name="shadow" onmouseover="bgc(this, '#0084d8'); this.focus()" onmouseout="bgc(this, '#00568c')" onblur="bgc(this, '#00568c')" size="20"></td></tr><tr><td align="left">scrollbar-track-color:</td><td align="left">scrollbarTrackColor =</td><td align="right">  <input type="text" name="track" onmouseover="bgc(this, '#0084d8'); this.focus()" onmouseout="bgc(this, '#00568c')" onblur="bgc(this, '#00568c')" size="20"></td></tr><tr><td colspan="3" align="center"><br><input type="button"  onclick="setbar()" value="Set colors...">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<input type="button"  value="Reset" onclick="document.f.reset(); setbar()"></td></tr></table><br><hr><br><div id="example">This box is just here for example...<br><br>This box is just here for example...<br><br>This box is just here for example...<br><br>This box is just here for example...</div></form><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->