The JavaScript Source: Image Effects: JavaScript Color Show

Home

Image Effects

JavaScript Color Show

The ultimate JavaScript hex color scheme toy - randomly changes bg, text, link and vlink colors with many user controls and web-safe option. Also displays user-input hex color schemes.

The Ultimate Original JavaScript ColorShow

bg

link
vlink
alink
scroll

The JavaScript Source: Image Effects: JavaScript Color Show
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!!!

  <HEAD>    <SCRIPT language=javascript type=text/javascript>  </SCRIPT> </HEAD>  <BODY onload="timeChange(),Alink.alinkRGB.focus()" onunl>     <CENTER> <SCRIPT language=javascript type=text/javascript>  </SCRIPT> <font size="6"><b>The Ultimate Original <i>JavaScript</i> ColorShow</b></font><br> <br> <NOSCRIPT> <H2>The effects on this page require JavaScript.<BR>Turn on JavaScript in your browser preferences or update your browser software.</H2><BR><BR></NOSCRIPT><A name=dummyAnchor></A><BR> <FORM name=StopButton action=#><INPUT onclick=showRGB(),clearTimeout(timerID),stop=1 type=button value="Stop the Madness" name=stopButton> <FONT color=#000000 size=5><B>to Display Current Hex Values</B></FONT> </FORM><BR> <TABLE cellPadding=10 width=500 border=0> <TBODY> <TR> <TD vAlign=top width=50><B><FONT color=#ffffff size=5>bg</FONT></B></TD> <TD vAlign=top width=100> <FORM name="Bg" action='#'><INPUT size="9" name="bgRGB" onfocus="if (confirm('Do you want to change the background color?')){el='bg',setRGB()}"></FORM></TD> <TD vAlign=top align=middle width=300> <FORM name=Restart action=#><INPUT onclick="checkAlt(),clearTimeout(timerID),clearRGB(),slip=0, timeChange(),window.status=' '; return true" type=button value=" Restart " name=restartButton></FORM></TD></TR> <TR> <TD vAlign=top> <script language="Javascript" type="text/javascript">  document.write('<DIV ID="text" class="textstyle">text</div>')  //--> </script> </TD> <TD vAlign=top> <FORM name="Text" action=#><INPUT onfocus="if (confirm('Do you want to change the text color?')){el='text',setRGB()}" size="9" name="textRGB"></FORM></TD> <TD vAlign=top align=middle> <FORM name=Speed action=#><INPUT onclick=clearTimeout(timerID),changeSpeed() type=button value=" Change Speed " name=speedButton></FORM></TD></TR> <TR> <TD vAlign=top><B><FONT size=5><A href="" onmouseover="alert('DO NOT CLICK ON THIS LINK, OR YOU WILL LOSE THE LINK COLOR DISPLAY!'),window.status='This is a dummy link, DUMMY!'; return true" onmouseout="window.status=''; return true" onClick="linkClick=1">link</A></FONT></B></TD> <TD vAlign=top> <FORM name=Link action=#><INPUT onfocus="if (confirm('Do you want to change the link color?')){el='link',setRGB()}" size="9" name="linkRGB"> </FORM></TD> <TD vAlign=top align=middle> <FORM name=safeonButton action=#><INPUT onclick="webSafe(),window.status='Web-safe color rounding is enabled'; return true" type=button value=" Web-safe On " name=safeButton><INPUT onclick="safe=0,window.status='Web-safe color rounding is disabled'; return true" type=button value=" Web-safe Off " name=safeoffButton></FORM></TD></TR> <TR> <TD vAlign=top><B><FONT size=5><A href="#dummyAnchor" onmouseover="window.status='This is a dummy link, DUMMY!'; return true" onmouseout="window.status=''; return true">vlink</A></FONT></B></TD> <TD vAlign=top> <FORM name=Vlink action=#><INPUT onfocus="if (confirm('Do you want to change the vlink color?')){el='vlink',setRGB()}" size=9 name=vlinkRGB></FORM></TD> <TD vAlign=top align=middle> <SCRIPT language=javascript type=text/javascript>  </SCRIPT> </TD></TR> <TR> <TD vAlign=top><FONT color=#d0e0c0 size=5><U><B>alink</B></U></FONT></TD> <TD vAlign=top> <FORM name=Alink action=#><INPUT size=9 value="no change" name=alinkRGB></FORM></TD> <TD vAlign=top align=middle> <SCRIPT language=javascript type=text/javascript>  </SCRIPT> </TD></TR> <TR> <TD vAlign=top><B><FONT size=5 color="#000000">scroll</FONT></B></TD> <TD vAlign=top> <FORM name=Scroll action=#><INPUT onfocus="if (confirm('Do you want to change the scrollbar color?')){el='scroll',setRGB()}" size=9 name=scrollRGB></FORM></TD> <TD vAlign=top align=middle> <SCRIPT language=javascript type=text/javascript>  </SCRIPT> </TD></TR> </TBODY></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!

Sign up for the JavaScript Weekly

internet.com Privacy Policy

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

Search:

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
Symantec eBook: The Guide to E-Mail Archiving and Management Microsoft Article: RODCs Transform Branch Office Security Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program Avaya Article: Advancing the State of the Art in Customer Service Microsoft Article: Security Enhancements Abound in Windows Server 2008		Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers Avaya Article: Avaya AE Services Provide Rapid Telephony Integration with Facebook Go Parallel Article: Getting Started with TBB on Windows HP eBook: Storage Networking , Part 1 MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts
HP Webcast: Disaster Recovery Planning Go Parallel Video: Performance and Threading Tools for Game Developers HP Video: StorageWorks EVA4400 and Oracle		HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits
IBM TCO eKIT: Your IT Budget is Under Attack, Get in Control IBM Energy Efficiency eKIT: Learn How to Reduce Costs 30-Day Trial: SPAMfighter Exchange Module		Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook Iron Speed Designer Application Generator MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos
Microsoft Article: Silverlight Streaming--Free Video Hosting for All Featured Algorithm: Intel Threading Building Blocks - parallel_reduce		HP Demo: StorageWorks EVA4400 MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES