seeking a color selector

[longmatch]

I want to allow users to select colors for their report. I would like to have the color selector put on my form, when user select one, the color code will be saved into the database for further display for given field. Does anybody know whether there is any good 'color selector' easy to use?

Thanks

Longmatch

 

[Tarwn]

I found a few doing a google search. The basic idea, if you're ineterested in building one yourself, is to either create a tabvle with a lot of cells, each one with a differant color or to use an imagemap on top of a nice color selector image. You then use the onClick to set value of the color to an input or something similar.
Beware large color selectors, they load very slowly. I have an ASP class that I wrote which generates a HSB color selection table on the fly with a few million colors, it makes my server hurt every time I load it because each on of those colors is a cell in a table and no browser likes randering a table with a few million cells, or even a few million anything elses for that mater.

You would probably be able to get the best resolution by using either an ActiveX object, java applet, or Flash color chooser and then passing the value back to your page from inside that. I have a friend who built a very nice colorchooser in Flash at one point, I wouldn't be surprised if you could find one of those that would meet your needs.

-Tarwn

_{01010100 01101001 01100101 01110010 01101110 01101111 01101011 00101110 01100011 01101111 01101101}
^{29 3K 10 3D 3L 3J 3K 10 32 35 10 3E 39 33 35 10 3K 3F 10 38 31 3M 35 10 36 3I 35 35 10 3K 39 3D 35 10 1Q 19}
Do you know how hot your computer is running at home? I do

http://www.tiernok.com/hscripts/systemp.asp

 

[longmatch]

I have started to build one by myself. The map is built using map elements, total 18x12 colors. I would like to pop up one window when a 'select color' button is clicked. When a special color is chosen, the color code should be saved in a text box. Could you show me what is the logic behind if I want to do this way.


Thanks a million.

Longmatch

 

[Tarwn]

If you want to save it in a text ox on the original page, you could build a js function in the original page to accept two arguments and assign the value of the first argument to the value of the second argument, like so:

function setColor(elemId, colorStr){
   document.getElementById(elemId).value = colorStr;
}

Now what you would do is when you open your new window, provide it with a querystring argument to pass along the id of an input box that your going to want the color returned to. These Id's need to be unique.

When they click a color in the new window, have it call the parent windows function with the passed id string and the chosen color. You can pass the color to a js function in your colorchooser window to do this for you:

function passColor(colorStr){
   parent.setColor(&quot;<%=Request.QueryString(&quot;InputId&quot;)%>&quot;,colorStr);
}

You notice I just put the InputId in straight from the querystring, in your case it may be called something differant, basically it's just the querystring variable I suggested adding up above in the window open address.

If you already have the color map taken care of, than I think you should have the basis iof everything else from what I posted above, if I overlooked anything, please post back so one of us can fill in any blanks I left.

-Tarwn

_{01010100 01101001 01100101 01110010 01101110 01101111 01101011 00101110 01100011 01101111 01101101}
^{29 3K 10 3D 3L 3J 3K 10 32 35 10 3E 39 33 35 10 3K 3F 10 38 31 3M 35 10 36 3I 35 35 10 3K 39 3D 35 10 1Q 19}
Do you know how hot your computer is running at home? I do

http://www.tiernok.com/hscripts/systemp.asp

 

[longmatch]

Do you think to use SHOW/HIDDEN layer instead of new window will make this easier?

Longmatch

 

[Tarwn]

Possibly, except for then you will need to have some sort of javascript variable to hold on to the name of the input box your filling and you will need to be a little more careful about your show/hide routine because someone has the possibility of clicking another button while the color chooser is already shown. Other than that I don't see any real advantage or disadvantage to using a hidden div/layer except that you won't have a popup window, which might be an issue if you have a lot of people (increasing the chance that someone accesses your page and has a popup blocker).

-Tarwn

_{01010100 01101001 01100101 01110010 01101110 01101111 01101011 00101110 01100011 01101111 01101101}
^{29 3K 10 3D 3L 3J 3K 10 32 35 10 3E 39 33 35 10 3K 3F 10 38 31 3M 35 10 36 3I 35 35 10 3K 39 3D 35 10 1Q 19}
Do you know how hot your computer is running at home? I do

http://www.tiernok.com/hscripts/systemp.asp

 

[lebisol]

some more info:

http://www.aspin.com/home/tutorial/userinte

 

[DreXor]

perhaps just use a hexidecimal function to generate an HTML page with <td bgcolor=&quot;<%=HexValue%>&quot; onclick=&quot;determinecolor(this);&quot;> ??

avoiding images and speeding up the page? cause the imagemap layout would be horrendous text in the html

just thoughts to help is all

 

[DreXor]

i know this is for asp , but tarwn i see you posted here, he's a similar example to what i was talking about in php

http://www.pscode.com/vb/scripts/ShowCode.asp?txtCodeId=830&lngWId=8

 

[DreXor]

<spelling correction>
here's
</DUH>


and this is an example of what i was talking about in output

(mid page)

http://www.w3schools.com/html/html_colors.asp

 

[DreXor]

and if you should go with the image map, perhaps this will help in reducing the efforts ....

http://lynda.com/hexh.html

 

[Tarwn]

Drexor: Like I mentioned, the efficiency depends on how you do it and whether you hard cod it or not (as well as the number of colors involved). I have an OC'd 1.6a P4 and a Gb of RAM, my machine won't even let me type for about 5 seconds when it is generating a color table. The again mine is not static, it's 100% dynamic looping through the entire HSB color scheme. This link will land you the source for a color chooser with only 2048 colors, Hue and Brightness combinations only, saturation not included.
I double checked and it appears I never took the Hue vs Brightness higher than 65536 colors. You'll notice that even static with only 2048 colors this document takes a while to load, even when being accessed locally.

http://www.tiernok.com/RandomScripts/staticcolorchooser.html

One way to simplify this process would be to simply give the user a small viewing area and three bars, to control red, blue, green. Then you could change the background color values in your mini-color chooser based on the values in the sliders. This would allow you to have a much smaller table, but a much wider available spectrum.

This actually sounds like it would be neat to make, if I get any time and remember perhaps I'll do this like the digital clock and other wierd projects that have come down the road.

cheap clock plug:

http://www.tiernok.com/randomscripts/jsclock3.html

-Tarwn

_{01010100 01101001 01100101 01110010 01101110 01101111 01101011 00101110 01100011 01101111 01101101}
^{29 3K 10 3D 3L 3J 3K 10 32 35 10 3E 39 33 35 10 3K 3F 10 38 31 3M 35 10 36 3I 35 35 10 3K 39 3D 35 10 1Q 19}
Do you know how hot your computer is running at home? I do

http://www.tiernok.com/hscripts/systemp.asp

 

[DreXor]

here's a page and source for something like i was talking about .. threw it together quick WITH output of source code in page .. perhaps it'll help and as for the java part of it .. just adjust the background color modifyer to do whatever you want.

http://24.124.92.20/216WebPallete.asp

 

[onpnt]

Tarwn
I was waiting for you to show that selector up!
i was about to mention showing it if you didn't

____________________________________________________
_{The most important part of your thread is the subject line.
Make it clear and about the topic so we can find it later for reference. Please!! faq333-2924}

http://www.onpntwebdesigns.com