Location: PHPKode > projects > texTPress > color_picker_files/color_picker_interface.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Color Picker</title><style>body{background:#ece9d8;padding:0}body,.side_info{margin:15px}*{font:8pt arial,helvetica,sans-serif}#np_cp{width:435px}#nogray_logo{width:20px;height:20px;display:block;margin-top:10px;background:url(images/logo.png) no-repeat;text-decoration:none;_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod = 'scale')}.main_table{text-align:left}#hue_color_area{width:256px;background:#f00 url(images/mask.png) no-repeat top left;_background:#f00;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mask.png',sizingMethod = 'scale')}#hue_color_area,#spectrum_slider,.spectrum_img{height:256px}#hue_color_area,.spectrum_img{border:inset #ece9d8 2px}#hue_color_area_container{border:solid #ece9d8 3px}#spectrum_slider,.button{width:50px;text-align:center}#spectrum_slider{z-index:10;background:url(images/side_slider.jpg) no-repeat top center}#spectrum_arrows,#circle{position:absolute;top:auto;left:auto}.side_info{margin-left:5px}.color_preview{width:90px;height:50px;border:solid #000 1px;margin-bottom:10px}.preview_channel{background:#f00;height:25px}#Error{font-weight:bold;color:#c00}</style><script language="javascript" src="../mootools.v1.11.js" type="text/javascript"></script><script language="javascript" src="../nogray_core_vs1_min.js" type="text/javascript"></script><script language="javascript" src="../nogray_color_picker_vs2_min.js" type="text/javascript"></script><script language="javascript">eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('12{l($r[\'D\'].13<1)14 $r[\'D\']}15(e){}12{l($r[\'C\'].13<1)14 $r[\'C\']}15(e){}f 4=9 k($E($r[\'D\'],"#K"));f C=9 k($E($r[\'C\'],"#K"));f L=9 k($E($r[\'D\'],"#K"));f j;f u;v.g(\'1t\',16);8 16(){j=$(\'17\').1u();u=9 1v($(\'u\'),$(\'1w\'),{1x:18,1y:\'1z\',1A:3,19:8(a){4=9 k([a,4.7[1],4.7[2]],"7");h()},1B:8(a){f b=9 w.1C(i.1D,i.p,{M:N,O:w.P.Q.R});b.S(a)}});f c=9 1E.1F($(\'z\'),{\'1G\':$(\'17\'),1H:8(){x=$(\'z\').1a("A").n()-j.A;y=$(\'z\').1a("B").n()-j.B;x=((x/(j.T-10))*o).n();y=((y/(j.F-10))*o).n();4=9 k([4.7[0],q(x),q(o-y)],"7");h()}});$(\'z\').g("s",8(e){f e=9 1b(e);e.1I()});$(\'1J\').g("s",8(){4=4.1K();h();m()});$(\'U\').g("s",8(){l($(\'U\').1c){L=4;$(\'u\').G("1d","1e(1f/1L.1g)")}1h{4=L;$(\'u\').G("1d","1e(1f/1M.1g)")}h();m()});$(\'1N\').g("s",8(){4=4.1O();h();m()});$(\'1P\').g("s",8(){4=C;h();m()});$(\'1i\').g("s",8(e){f e=9 1b(e);x=e.H.x-j.A-5;y=e.H.y-j.B-5;x=((x/(j.T-10))*o).n();y=((y/(j.F-10))*o).n();4=9 k([4.7[0],q(x),q(o-y)],"7");h();f a=9 w.1j($(\'z\'),{M:N,O:w.P.Q.R});a.S({\'B\':e.H.y-5,\'A\':e.H.x-5})});$(\'1k\').g("t",8(){l(i.d!=""){f a=q(i.d.n(),18);4=9 k([a,4.7[1],4.7[2]],"7");h();m()}});$(\'1l\').g("t",8(){l(i.d!=""){f a=q(i.d.n());4=9 k([4.7[0],a,4.7[2]],"7");h();m()}});$(\'1m\').g("t",8(){l(i.d!=""){f a=q(i.d.n());4=9 k([4.7[0],4.7[1],a],"7");h();m()}});$(\'1n\').g("t",8(){l(i.d!=""){f a=q(i.d.n(),V);4=9 k([a,4[1],4[2]],"W");h();m()}});$(\'1o\').g("t",8(){l(i.d!=""){f a=q(i.d.n(),V);4=9 k([4[0],a,4[2]],"W");h();m()}});$(\'1p\').g("t",8(){l(i.d!=""){f a=q(i.d.n(),V);4=9 k([4[0],4[1],a],"W");h();m()}});$(\'1q\').g("t",8(){l(i.d.1Q(/^#[1R]{6}$/)){4=9 k(i.d);h();m()}});$(\'1S\').g("s",8(){v.X.$Y[$r[\'Z\']].11("1T",4.I.J());v.1r()});$(\'1U\').g("s",8(){v.X.$Y[$r[\'Z\']].11("19",4.I.J());v.1r()});h();m()};8 h(){l($(\'U\').1c)4=4.1V();$(\'1n\').d=4[0];$(\'1o\').d=4[1];$(\'1p\').d=4[2];$(\'1k\').d=4.7[0];$(\'1l\').d=4.7[1];$(\'1m\').d=4.7[2];$(\'1q\').d=4.I.J();$(\'1W\').G("1X",4);$(\'1i\').G("1Y",9 k([4.7[0],o,o],"7"));v.X.$Y[$r[\'Z\']].11("1Z",4.I.J());1s 20};8 m(){u.21(4.7[0]);f a=9 w.1j($(\'z\'),{M:N,O:w.P.Q.R});a.S({\'B\':j.B+((j.F-10)-((4.7[2]/o)*(j.F-10))),\'A\':j.A+((4.7[1]/o)*(j.T-10))})};8 q(a,b,c){b=$E(b,o);l(a>b)a=b;1h l(a<0)a=0;1s a};',62,126,'||||cur_color|||hsb|function|new||||value||var|addEvent|setColorPicker|this|hue_cord|Color|if|moveSliders|toInt|100||checkNum|_GET|click|keyup|spectrum_slider|window|Fx|||circle|left|top|pre_color|color|pick|height|setStyle|client|hex|toUpperCase|FF0000|holder_color|duration|250|transition|Transitions|Quart|easeOut|start|width|websafe_check|255|rgb|opener|color_picker_object|pickerObject||fireEvent|try|length|delete|catch|ini_picker|hue_color_area_container|360|onChange|getStyle|Event|checked|backgroundImage|url|images|jpg|else|hue_color_area|Styles|h_selector_val|s_selector_val|l_selector_val|r_selector_val|g_selector_val|b_selector_val|hex_val|close|return|load|getCoordinates|Slider|spectrum_arrows|steps|mode|vertical|offset|onTick|Style|knob|Drag|Move|container|onDrag|stopPropagation|des_button|desaturate|side_slider_ws|side_slider|invert_button|invert|previous_preview|test|ABCDEFabcdef0123456789|cancel_button|onCancel|ok_button|webSafe|current_preview|background|backgroundColor|onPreview|false|set'.split('|'),0,{}))</script></head><body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"><div id="np_cp"><table cellpadding="0" cellspacing="0" class="main_table"><tr><td>Select a Color:<div id="hue_color_area_container"><div id="hue_color_area"><img src="images/circle.gif" border="0" alt="" id="circle" /></div></div></td><td>&nbsp;<div id="spectrum_slider"><img src="images/arrows.gif" border="0" alt="" id="spectrum_arrows" /></div></td><td><div class="side_info"><div class="color_preview"><div class="preview_channel" id="current_preview"> </div><div class="preview_channel" id="previous_preview"> </div></div><table><tr><td>H:</td><td><input type="text" name="h_selector_val" id="h_selector_val" size="2" value="0" maxlength="3"/> &deg;</td></tr><tr><td>S:</td><td><input type="text" name="s_selector_val" id="s_selector_val" size="2" value="100" maxlength="3" /> %</td></tr><tr><td>L:</td><td><input type="text" name="l_selector_val" id="l_selector_val" size="2" value="100" maxlength="3" /> %</td></tr><tr><td>R:</td><td><input type="text" name="r_selector_val" id="r_selector_val" size="2" value="255" maxlength="3" /></td></tr><tr><td>G:</td><td><input type="text" name="g_selector_val" id="g_selector_val" size="2" value="0" maxlength="3" /></td></tr><tr><td>B:</td><td><input type="text" name="b_selector_val" id="b_selector_val" size="2" value="0" maxlength="3" /></td></tr><tr><td colspan="2"><input type="text" name="hex_val" id="hex_val" size="6" value="#FF0000" maxlength="7" /></td></tr></table></div></td></tr><tr><td><input type="checkbox" name="websafe_check" id="websafe_check" /> <label for="websafe_check" id="websafe_txt">Only Websafe Colors</label><br /><input type="button" id="invert_button" value="Invert Color" />&nbsp;&nbsp;<input type="button" id="des_button" value="Desaturate" /></td><td colspan="2" align="right"><input type="button" value="OK" id="ok_button" class="button" />&nbsp;<input type="button" value="Cancel" id="cancel_button" class="button" /><a href="http://www.nogray.com" target="_blank" id="nogray_logo" title="NoGray.com Color Picker">&nbsp;</a></td></tr></table></div></body></html>
Return current item: texTPress