Color Wheel Picker

Submitted on: 1/6/2015 1:13:00 AM
By: Lewis E. Moten III (from psc cd)  
Level: Advanced
User Rating: By 5 Users
Compatibility: VbScript (browser/client side)
Views: 2466
     I was working on a scriptlet to allow users to choose a color. A color wheel is displayed with an assortment of colors - most of witch are web-safe. Clicking on a color causes it to be outlined and raise an event that a color was chosen. This object mimics one of the color-picker forms found in Microsoft Office 2000. This scriplet does not yet raise events or expose properties. The basics, however are available for you to be amazed.

This article has accompanying files


The color wheel began with the idea that anything in a regualar windows application can be done through a web page. For this experiment, I choose the color picker control from Microsoft Office 2000.

Originally, I was going to load all 144 images as seperate asp pages that would return dynamic GIF images. However, the resources required to process each individual file each time the page was loaded did not strike my mind as something I would want to have happen.

I began some creative thinking and headed for the filters with style sheets. I was in the hopes that I could apply a filter so that I could fade certain colors of a single image. For example - if I had a black & white photograph of myself, I would like to change it to a brown or tan color to make it look old.

The search went on, but the closest thing I could find was a filter to fade the transparency of the image. I started to find information about direct-x filters introduced in internet explorer 4. (internet explorer continues to amaze me at all of the technologies that it exposes).

One particular sample that interested me was a sample of a radar detector with a plane flying around. It wasn't the rotating light that caught my attention - but the ambient light of the background. The original image was black and white, but it appeared as a very dark green with black circles.

So off i went and found that I could add ambient lights to all of the images. From there, everything else came natural. Take a look and see what it is all about.

winzip iconDownload article

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. Afterdownloading it, you will need a program like Winzip to decompress it.Virus note:All files are scanned once-a-day by Planet Source Code for viruses, but new viruses come out every day, so no prevention program can catch 100% of them. For your own safety, please:
  1. Re-scan downloaded files using your personal virus checker before using it.
  2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

If you don't have a virus scanner, you can get one at many places on the net

Other 63 submission(s) by this author


Report Bad Submission
Use this form to tell us if this entry should be deleted (i.e contains no code, is a virus, etc.).
This submission should be removed because:

Your Vote

What do you think of this article (in the Advanced category)?
(The article with your highest vote will win this month's coding contest!)
Excellent  Good  Average  Below Average  Poor (See voting log ...)

Other User Comments

 There are no comments on this submission.

Add Your Feedback
Your feedback will be posted below and an email sent to the author. Please remember that the author was kind enough to share this with you, so any criticisms must be stated politely, or they will be deleted. (For feedback not related to this particular article, please click here instead.)

To post feedback, first please login.