ASP.NET Color Picker

can u rectify the problem in the following article

3:58 19 Dec '08

Thanks for the compliment. Glad I could help!
Sign In·View Thread·PermaLink

harish448

6:16 6 Sep '08

hi, load post data event is not working properly ,but in u r color picker is working fine. can u rectify the problem. http://www.codeproject.com/KB/custom-controls/WS_ColorPicker.aspx[^]
Sign In·View Thread·PermaLink

Fix the position in firefox

sudjp

1:23 29 May '08

The color picker is working fine. But when used in Firefox it gets displayed at the bottom of the web page. Thanks and waiting eagerly for your response on this.
Sign In·View Thread·PermaLink	2.00/5 (1 vote)

To Make Compatible with Firefox

Eyezed

23:34 13 Mar '08

Add the following to the beginning of the javascript mentioned in OnPreRender

opendialogscript += @"var IE = false;
	        if (navigator.appName == 'Microsoft Internet Explorer'){  IE = true;}
	        if (!IE){document.captureEvents(Event.MOUSEMOVE)}
	        document.onmousemove = getMouseXY;
            var tmpX;
            var tmpY;
            var iL;
            var iV;
	        function getMouseXY(m){

  		        if (IE)	{
			          tmpX = event.clientX;
  			          tmpY = event.clientY;
			        }	
 		        else 	{
    			          tmpX = m.pageX;
			          tmpY = m.pageY;
  			        }  
		        if (!document.body.scrollTop)
			        {
			          iL = document.documentElement.scrollLeft;	
			          iV = document.documentElement.scrollTop;
			        }
		        else 	{
			          iL = document.body.scrollLeft;	
			          iV = document.body.scrollTop;	
			        }
  	        }
";

Also, Replace :


opendialogscript += "        colorpickerdiv.style.top=document.documentElement.scrollTop+window.event.y;\n";
opendialogscript += "        colorpickerdiv.style.left=document.documentElement.scrollLeft+window.event.x;\n";

With:


opendialogscript += "           colorpickerdiv.style.left= (tmpX+iL) +'px';\n";
opendialogscript += "           colorpickerdiv.style.top= (tmpY+iV)  + 'px';\n";

Great code, otherwise!!!

Re: To Make Compatible with Firefox

Popup Position when page has scrolled...

4:00 19 Dec '08

Thanks for this update. I'm sorry I didn't reply earlier but it's been busy here I'll try to update the code and post a new version.
Sign In·View Thread·PermaLink

Close the color picker

Bruno Meirelles

2:39 23 Nov '07

Hi. Congratulations for the excellent Color Picker. The only thing that i want to modify is to close the color picker when the user click out of the div too, because now it only close when the user choose a color. I don't want do obligate him to choose. Somebody has an idea ? Thanks.
Sign In·View Thread·PermaLink	3.00/5 (2 votes)

Control within datagrid

billfoster

1:59 26 Sep '07

Great control and works well but I want to use it within a datagrid and that seems to generate some problems. Any help would be appreciated. bill
Sign In·View Thread·PermaLink

Nice work

marwamay

0:50 2 Jul '07

thx was really helpful
Sign In·View Thread·PermaLink

jhornb

11:54 20 Jun '07

I like this control, it is perfect for what I am trying to do. Thank You!

However, if you have the control on a page that has been scrolled at all, the position will be off for the popup.

I was able to easily fix this with the following code change (found in OnPreRender):

opendialogscript += " colorpickerdiv.style.top=document.documentElement.scrollTop+window.event.y;\n";
opendialogscript += " colorpickerdiv.style.top=document.documentElement.scrollLeft+window.event.x;\n";

I'm new to this so if you see any issues or a better way to take care of the problem, let me know.

According to this site this scroll position stuff may not work for all browsers: http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html[^]

try this

Viper3000

15:36 3 Jun '07

i'm using this color picker xcesscolorpicker Sing it.
Sign In·View Thread·PermaLink

How To retrieve hexadecimal values?

Ibrahim Dwaikat

4:11 1 Feb '07

How can i retrieve hexadecimal values (#XXXXXXX)???????
Sign In·View Thread·PermaLink

Re: How To retrieve hexadecimal values? [modified]

5:01 9 Feb '07

It does in Internet Explorer. But not in Mozilla... You have to update to the following...

Update to the following....

            opendialogscript += "    function ColorPickerOnColorClick(e)\n";
            opendialogscript += "    {\n";
            opendialogscript += "        var td = (e.target) ? e.target : e.srcElement; \n";
            opendialogscript += "        var color=(td.style.backgroundColor.substr(0,1)!='r') ? td.style.backgroundColor : td.style.backgroundColor.hex();" & vbCrLf
            opendialogscript += "        ActiveColorPicker.style.backgroundColor=color;\n";
            opendialogscript += "        ActiveColorPicker.style.color=color;\n";
            opendialogscript += "        ActiveColorPicker.value=color;\n";
            opendialogscript += "        var colorpickerdiv=document.getElementById('colorpicker');\n";
            opendialogscript += "        colorpickerdiv.style.visibility='hidden';\n";
            opendialogscript += "    }\n";
            opendialogscript += "    String.prototype.hex = function()\n";
            opendialogscript += "    {\n";
            opendialogscript += "        var b=\"\", x=this;\n";
            opendialogscript += "        for (a in x=x.substr(4,x.length-5).split(\", \"))\n";
            opendialogscript += "        {\n";
            opendialogscript += "            b+=((x[a]<16)?\"0\":\"\")+(x[a]&0xff).toString(16); }\n";
            opendialogscript += "            return \"#\"+b;\n";
            opendialogscript += "        }\n";

-- modified at 12:54 Friday 9th February, 2007

0:28 26 Feb '07

Thanks for the update!
Sign In·View Thread·PermaLink

arpitcompro

21:11 13 Mar '07

Hi , thanks for the code ...But i am still having a query ...
I need to display the hex code of the color selected by the user from the table.
U have provided the folowing addition to the code

opendialogscript += " String.prototype.hex = function()\n";
opendialogscript += " {\n";
opendialogscript += " var b=\"\", x=this;\n";
opendialogscript += " for (a in x=x.substr(4,x.length-5).split(\", \"))\n";
opendialogscript += " {\n";
opendialogscript += " b+=((x[a]<16)?\"0\":\"\")+(x[a]&0xff).toString(16); }\n";
opendialogscript += " return \"#\"+b;\n";
opendialogscript += " }\n";

But can u please tell me how can I display the hex code in a label without POSTBACKING the page to the server ...
I mean I have a label and I need that the label be updated by the hex code as soon as the user selects the color from the color table ..
PLz help

11:17 14 Mar '07

I provided more additions than just that one little block of code. Please see my original post and make sure you make the other changes.
Sign In·View Thread·PermaLink

arpitcompro

2:29 15 Mar '07

Hi Scott U say that u hav provided some more additions to the code but I cant find anything more there in ur original post other than the block that I hav mentioned in my post ....I think that u posted something nd then modified it PLease chk
Sign In·View Thread·PermaLink

3:29 15 Mar '07

You only posted the hex function. I also modified the ColorPickerOnColorClick function in the original code which is posted in the same post that the hex code is posted. Open your eyes.
Sign In·View Thread·PermaLink

arpitcompro

4:00 15 Mar '07

Hey Hey Hey , Y U getting aggressive.......
I only quoted the changed text ..nd not the whole ColorPickerOnColorClick function

And I think that u dint get my problem .....
I am again stating my problem ...Hoping for a positive response from u ..

Refer to the default.aspx page in the original code provided by codeproject forum.
There is a button(Id=Button1).I deleted that button.
There is a label(Id=Label1). The hex code of the color gets displayed in this label when the boton is pressed...
Now as I have deleted the button, so Is there a way out by which I can display the hex code of the color.
I mean I want to somehow get the value of the variable "SelectedHexValue" so that I can get the color code .

Hope u got my problem

5:07 15 Mar '07

What I am saying is that there is changed code inside the ColorPickerOnColorClick function.

Sorry I do not have this page setup and able to see what the original page looked like. You need to make the changes I suggested in the above function. To do what you want you may want to remove the lines where it sets the background color for the ActiveColorPickerReference and then maybe add a line that says:

ActiveColorPicker.text=color;\n";

I do not know if this will work as I said I do not have the original file. I was getting frustrated because you seemed to IGNORE the fact that I changed the ColorPickerOnColorClick function and partially because I forgot how the original project behaved and did not fully understand what you were asking. I hope you see the additional reference to the hex prototype in that function. Without it what you want to do will not work. You quoted the hex prototype but it has little to do with your suggestion. This is very simple javascript for what you want to do with the color after the hex prototype works on it and adds it to the "color" variable. But like I said I don't have the original project to mess with and I really do not know that much about javascript. The above code will probably work for a text box but not likely for an asp:Label which is a span. Check the below link for code to update an asp:Label i.e. span.

http://p2p.wrox.com/topic.asp?TOPIC_ID=1897

2.00/5 (1 vote)

Nice!

braham5

9:57 7 Oct '06

Nice, many thanks for the control! I was looking for a control like this, as you said for a color picker with a nice selection of colors (not ALL colors), for a site I'm working on.

Only comment I had was I made a slight change to my copy of the code, to remove all spaces and newlines (I can live with the ugly HTML). Cut the overhead of the control from ~15k to ~11k. May not seem like a lot, but I have a page where I'm perhaps putting 10 of these on at once.

Still, way cool and thanks Cool

Re: Nice!