Adding HTML5 color picker to your product settings

[ChiNa]

Amazing Scanu, I cant like your post telling me that I must like anothers post befor Liking yours .. And I did like another one and came back.. Still the same.. Strange..

Well done

[abdobasha2004]

screen shots not working ! :erm::erm:

[Scanu]

Sorry moderators removed attachments (don't ask me why)
I'll upload new screenshots soon

[Dorgham]

Thanks
but screen shots not working

[Scanu]

Sorry again, i didn't find time to upload new screens. You can search on google for some image of the html 5 color picker (input type color).

[Dr.CustUmz]

are there any products anyone know of off hand that have this in them, i'd like to see how it's implemented

[Scanu]

<a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_color" target="_blank">http://www.w3schools.com/html/tryit....put_type_color</a>
This is how it will look, it doesn't work on all browsers, on old browsers you'll see a normal text field

[taravasya]

Scanu, thanks for sharing! What about multiple color pickers with separated values(such as a comma separated), but in one setting? Something like this:

At this moment, I add to Code Option next value:

<input type='color' value='$setting[value]' name='setting[$setting[varname]]' id='1sel_setting_$setting[varname]' >
<input type='color' value='$setting[value]' name='setting[$setting[varname]]' id='2sel_setting_$setting[varname]' >
<input type='color' value='$setting[value]' name='setting[$setting[varname]]' id='3sel_setting_$setting[varname]' >

I understand what wthis not correct. And I almost undersand wherefore after save settings, I have the same value for all three color pickers. As I understand for "Code Option" needed more tricky code, which would collect all the values separated by a comma, and in the cycle, based on the available number of values, would create the same number of color pickers. But I`m not very good understood how does work eval code in "Code Option" fields(((

--------------- Added [DATE]1470171077[/DATE] at [TIME]1470171077[/TIME] ---------------

Forget it...
I found this article:
https://vborg.vbsupport.ru/showthread.php?t=181044
and figure out how I can implement what I need.