https://www.heilpraktiker.org/s/tc-www/js/colorPicker.js

1tc_load("/s/tc-www/css/colorPicker.css");tc_load("/s/tc-www/js/modules/colorpicker/ColorPicker.js");tc_load("/s/tc-www/js/modules/colorpicker/Slider.js");tc_load("/s/tc-www/js/modules/colorpicker/ColorValuePicker.js");tc_load("/s/tc-www/js/modules/colorpicker/ColorMethods.js");var tc_ColorPicker=Class.create();tc_ColorPicker.prototype={_color:undefined,_colorPicker:undefined,_containerId:undefined,defaultColors:undefined,_refreshPreview:function(){var color=this.getColor();$(this._containerId+"_preview_color").style.backgroundColor="#"+color;$(this._containerId+"_preview_color").title=color;$(this._containerId+"_preview_name").getElementsByTagName("span")[1].innerHTML=color},initialize:function(containerId,color){this._containerId=containerId;this._color=color.replace("#","");this.defaultColors=[]},destruct:function(){this._colorPicker=undefined;var container=$(this._containerId);if(container){container.parentNode.replaceChild(container.cloneNode(false),container)}},getColor:function(){return $(this._containerId+"_Hex").value},run:function(){var color=this._color;if(color===""){if(this.defaultColors.length!==0){color=this.defaultColors[0]}else{color="CC0000"}}var container=$(this._containerId);container.innerHTML='<div class="tc_color_picker_preview_outer"><div id="'+this._containerId+'_preview_color" style="background-color:#'+color+';" class="tc_color_picker_preview_color" title="'+color+'"></div><div id="'+this._containerId+'_preview_name" class="tc_color_picker_preview_name"><span class="outer"><span class="inner">'+color+'</span></span></div><div class="clear"></div></div><div id="'+this._containerId+'_controls" class="tc_color_picker_controls"><div class="tc_color_picker_map_outer"><div id="'+this._containerId+'_ColorMap" class="tc_color_picker_map"></div></div><div class="tc_color_picker_bar_outer"><div id="'+this._containerId+'_ColorBar" class="tc_color_picker_bar"></div></div><div class="tc_color_picker_defaults_outer"><div id="'+this._containerId+'_defaults" class="tc_color_picker_defaults"></div></div></div><div class="clear"></div><div id="'+this._containerId+'_inputs" class="tc_color_picker_inputs"><input type="radio" id="'+this._containerId+'_HueRadio" name="'+this._containerId+'_Mode" value="0" /><input type="text" id="'+this._containerId+'_Hue" value="0" /><input type="radio" id="'+this._containerId+'_SaturationRadio" name="'+this._containerId+'_Mode" value="1" /><input type="text" id="'+this._containerId+'_Saturation" value="100" /><input type="radio" id="'+this._containerId+'_BrightnessRadio" name="'+this._containerId+'_Mode" value="2" /><input type="text" id="'+this._containerId+'_Brightness" value="100" /><input type="radio" id="'+this._containerId+'_RedRadio" name="'+this._containerId+'_Mode" value="r" /><input type="text" id="'+this._containerId+'_Red" value="255" /><input type="radio" id="'+this._containerId+'_GreenRadio" name="'+this._containerId+'_Mode" value="g" /><input type="text" id="'+this._containerId+'_Green" value="0" /><input type="radio" id="'+this._containerId+'_BlueRadio" name="'+this._containerId+'_Mode" value="b" /><input type="text" id="'+this._containerId+'_Blue" value="0" /><input type="text" id="'+this._containerId+'_Hex" value="FF0000" /></div>';this._colorPicker=new Refresh.Web.ColorPicker(this._containerId,{clientFilesPath:"/s/tc-www/js/modules/colorpicker/images/",startHex:color});var instance=this;var onChange=function(){this._tcOnValuesChangedOld();instance._refreshPreview()};this._colorPicker._map._tcOnValuesChangedOld=this._colorPicker._map.onValuesChanged;this._colorPicker._map.onValuesChanged=onChange;this._colorPicker._slider._tcOnValuesChangedOld=this._colorPicker._slider.onValuesChanged;this._colorPicker._slider.onValuesChanged=onChange;if(this.defaultColors.length!==0){var defaults=$(this._containerId+"_defaults");var temp=document.createElement("div");for(var index=0;index<this.defaultColors.length;index++){temp.innerHTML='<div class="tc_color_picker_default_outer"><a id="'+this._containerId+"_default_"+index+'" style="background-color:#'+this.defaultColors[index]+';" class="tc_color_picker_default" href="javascript:void(0);" title="'+this.defaultColors[index]+'"><span class="outer"><span class="inner">'+this.defaultColors[index]+"</span></span></a></div>";defaults.appendChild(temp.firstChild);Event.observe(this._containerId+"_default_"+index,"click",function(){instance.setColor(this.title)})}}},setColor:function(color){$(this._containerId+"_Hex").value=color;this._colorPicker._cvp.setValuesFromHex();this._colorPicker._cvp.setValuesFromHsv();this._colorPicker.setColorMode("h");this._refreshPreview()}};