Email Password Remember me?  Lost your password?

• Download source files - 12 Kb
• Download demo project - 13 Kb

Introduction

When I look at the code project articles for color picker control, it has bunch of excellent color picker controls but all are rich-client controls written in MFC, .NET, etc. But no one has written for web environments (thin-clients). If I search web for free �web based� color picker controls, I have to invest lot of money for this. Some sites are providing the controls freely but not looking good. So, here I have tried my best to implement color picker control for web environments. This Color picker control is fully written as a HTC component by using HTML and DHTML.

To learn about HTC please visit:

• http://msdn.microsoft.com/library/default.asp?url=/workshop/author/behaviors/howto/creating.asp

• http://www.zdnet.com.au/builder/program/web/story/0,2000034810,20275597,00.htm

Special Features

• Fully functional at client side (pure thin client) and no round trips to the server
• Reusable HTC Component. So it takes all the advantages of HTC
• Advanced controls like Tab Control, Tab Pages, Sliders are implemented in this HTC as a normal html pages
• Look and Feel UI for picking all types of color combinations
• Color navigations divided into four different regions such as Web palette, Named colors, system colors, custom color (exactly like a Visual Studio.NET IDE Color Picker style)
• All controls are created at run time and optimized for speed
• Full "interactive help" like tool tips, descriptions provided to all tab pages

Limitation

At present, only IE 5.0 or later browsers support this HTC technology. Microsoft is still waiting for World Wide Web Consortium adoption. So, to successfully deploy this control on a Web site, a browser detection routine is required to ensure the user is running a version of IE 5.0 or later before launching the components.

Files

This control pack contains the following 4 files :-

• ColorPicker.htc : Core component contains all business logic implemented by myself.
• ColorPicker.htm : Html page will be displayed in dialog box and it has one instance of the above ColorPicker.htc component.
• mpc.htc : Multipage control (tab control for web) implemented by Microsoft
• MyWebPage.htm : Sample web page using color picker control
   

You must Sign In to use this message board.

Per page 102550

FirstPrevNext

First Bangladeshi Minilab Web Site, www.minilabbd.com minilabbd 6:15 4 May '09   First Bangladeshi Minilab web site, Live webcame, Live TV, news, etc Sign In·View Thread·PermaLink How to use this control in my project?? ckietmca 0:40 2 Jan '08   How to use this control in my project?? Sign In·View Thread·PermaLink Re: How to use this control in my project?? ckietmca 21:16 8 Jan '08   Hi After doing some R&D I got the way to use in my project.Its so simple simply add these file .htc and .html in your project and call a function (java script) on your invoking control. Take help of java script code from source view code in running sample. Happy coding!!! Sign In·View Thread·PermaLink 2.00/5 Does function in Firefox David Rodecker 22:26 19 Apr '06   DHTML compatibility isn't extended to Firefox. Tried moz to no avail. -dave Sign In·View Thread·PermaLink Re: Does function in Firefox Saad Hasan 0:34 6 Oct '06   i just changed javascript function ShowColorPicker and now it is working in firefox i also changed the fuction input parameter with textbox name(to be filed) function ShowColorPicker(field) { document.getElementById(field).value = window.showModalDialog('ColorPicker.htm',document.getElementById(field).value,'dialogHeight:455px;dialogWidth:370px;center:Yes;help:No;scroll:No;resizable:No;status:No;'); } Sign In·View Thread·PermaLink 1.00/5 Re: Does function in Firefox webber123456 10:13 22 Jun '07   tried to use it, but fails in ff2.0 and IE7 javascript and htc code throws numerous error messages =========================== Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead. =========================== cpicker.fnSetGivenColor is not a function Sign In·View Thread·PermaLink Doesn't Seem to work in IE chris lasater 9:28 20 Mar '06   I opened the ColorPicker.htm file nad the whole thing looks broken. Looks like two different views have gotten mangled together. I am using IE 6.0 Chris Lasater http://www.geocities.com/lasaterconsult Sign In·View Thread·PermaLink 4.00/5 Re: Doesn't Seem to work in IE Viper3000 0:49 27 Nov '06   here is a great web server color picker that works on all browsers, i like it very much. http://www.xcess.info/xcesscolorpicker Developper Machine Sign In·View Thread·PermaLink 1.00/5 very good !but…… jerrie_1 15:38 18 Jan '06   this articles is very good ,and it is easy to apply our application.but when l apply this project,some problem show that the range of the basic color in the Custom Color TabControlPage is over.exmple:just as our know,the max value is 255 ,but in this articles the max value is 260,so there is some javascript error! Sign In·View Thread·PermaLink 2.00/5 color picker hitman84 5:33 5 Dec '05   very handy tool indeed! earlier i was using a similar tool which can be downloaded here http://www.pagetutor.com/pagetutor/makapage/picker/picker.zip pradeep Sign In·View Thread·PermaLink 3.25/5 Re: color picker Venkatakarthikeyan Natarajamoorthy 2:11 12 Sep '06   The thirty party control you are talking about is entirly different than this one. This is pure HTML/DHTML development can be used in the web sites. But the one you have pointed out is the EXE application (No source code; since this EXE is from third party) cannot be used in web sites. Also the UI design, architecture, technology, users everthing different. Venkatakarthikeyan Natarajamoorthy Sign In·View Thread·PermaLink 2.00/5 Anyone tried using this in Mozilla with moz-behaviors? mikebridge 13:15 15 Nov '05   Hi- I fooled around with this for a bit, but it's a bit beyond me. Has anyone else tried to get this working under Dean Edwards' "moz-behaviors"? http://dean.edwards.name/my/examples/moz-behaviors/ Thanks, -Mike Sign In·View Thread·PermaLink Re: Anyone tried using this in Mozilla with moz-behaviors? webber123456 10:11 22 Jun '07   tried to use it, but fails in ff2.0 and IE7 javascript and htc code throws numerous error messages =========================== Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead. =========================== cpicker.fnSetGivenColor is not a function Sign In·View Thread·PermaLink Very good ponto 12:29 13 Oct '05   I saw the code and the idea is briliant, i already made something like this but was in VB6, almost the same, never think was possible with HTML, never hear about HTC, but from now on will see and work about that, OO (Object oriented) and Javascript can do litle miracles, all the way, thanks.... Sign In·View Thread·PermaLink .comquery devraj7007@yahoo.com 23:13 5 Sep '05   sir please do tell me how to run this fantastic program as i have downloaded it but still its asking for HTC which i m not able to get it so do help me and tell me the whole procdure... Thank u Waiting fro reply puneet puneet Sign In·View Thread·PermaLink query devraj7007 23:12 5 Sep '05   sir please do tell me how to run this fantastic program as i have downloaded it but still its asking for HTC which i m not able to get it so do help me and tell me the whole procdure... Thank u Waiting fro reply puneet puneet Sign In·View Thread·PermaLink Bravo Abishek Bellamkonda 22:08 20 Jun '05   Sorry, i saw your control couple of years ago, its really great one. We are using it well. Abi ( Abishek Bellamkonda ) My Blog: http://abibaby.blogspot.com =(:* Sign In·View Thread·PermaLink Html Shahrose 17:57 30 Apr '04   TO This site master, I want to creat a web site for peoples i have no idea to how to creat a web site. Please sent me html source. and also sentme informtion how to mke your own web site on Internet. Thanks and Please Shahrose Khan Sign In·View Thread·PermaLink 1.00/5 I like this forum! quocnho 18:52 29 Jan '04   I'm a small vietnamese student. I like to study informatic. It's my passion. And now I want to build for my class a forum. But still now my knowlege about that is not enough. Can you help me. Thankyou very much in advance. quocnho Sign In·View Thread·PermaLink Cool ! Kudos to VN. EtchEmKay 21:24 20 Nov '03   I've been looking at HTC for only a couple of days now. But, seems to me like a promising technology. Good Work on the Color-Picker VN. Hey people .. Any link to other reference material on HTC will be greatly appreciated. Thanks. Sign In·View Thread·PermaLink Re: Cool ! Kudos to VN. Elsen 1:49 27 Apr '05   Indeed its promising technology because it enhances html usability and that bulk of Activex controls. Activex est morte vive le Htc... Sign In·View Thread·PermaLink Internationalization of HTC? klh717 20:42 29 Sep '03   This and many other HTC objects are great for re-use and minimized coding when in IE environment, however, they are not good for globalization if the HTC requires text. Anyone have any experience or nifty ideals to support say German, Japanese, and English using the same HTC code? The same concept applies to other items such as .js included files (where a prompt is desired) or .htm(l) files where we show static data but need all languages supported. Currently we are using custom tags and loading into a .NET globalization engine that replaces all custom tags with the proper text, however, we must "compile" this each time we want to debug/test and also outputs separate files for each language. Any ideas be great. Thanks, K Sign In·View Thread·PermaLink Excellent Control Ghanashyam 21:52 1 Jul '03   Extremely thoughtful approach for ServerSide frustated developers! Sign In·View Thread·PermaLink Wonderful Control Navin_20003 21:59 30 Jun '03   Excellent work, whoever it is. Great work. Superb Work, i really liked the control. U seem to be a great guy. Sign In·View Thread·PermaLink 1.00/5 Great Control... No Discussion Jarrett Vance 9:35 30 Jun '03   I rated this article a 4 because it seems to me there must be some interesting code involved. Why not pick out some of the most interesting code snippets in the solution and discuss them. This is code project. Otherwise great job [guy with long name] Sign In·View Thread·PermaLink 2.00/5

Last Visit: 5:27 24 Nov '09     Last Update: 5:27 24 Nov '09 12 Next »