☰

TSLibrary - jsColorGM

jsColor

目前为 2016-05-25 提交的版本，查看 最新版本。

此脚本不应直接安装，它是供其他脚本使用的外部库。如果你需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/19969/127650/TSLibrary%20-%20jsColorGM.js 

  1. // ==UserScript=="
  2. // @name                    TSLibrary - jsColorGM
  3. // @author                  TimidScript
  4. // @homepageURL             https://openuserjs.org/users/TimidScript
  5. // @Description             Resource Script based on jsColor. Used by Schmoogle and other scripts
  6. // @license                 GNU Lesser General Public License, http://www.gnu.org/copyleft/lesser.html
  7. // @exclude                 *
  8. // @version 0.0.1.20160525160928
  9. // @namespace https://greasyfork.org/users/1455
  10. // @description jsColor
  11. // ==/UserScript==
  12.  
  13. /**
  14.  * jscolor, JavaScript Color Picker
  15.  *
  16.  * @version 1.4.1
  17.  * @license GNU Lesser General Public License, http://www.gnu.org/copyleft/lesser.html
  18.  * @author  Jan Odvarko, http://odvarko.cz
  19.  * @created 2008-06-15
  20.  * @updated 2013-04-08
  21.  * @link    http://jscolor.com
  22.  */
  23.  
  24. var arrowgif = "data:image/gif;base64,R0lGODlhBwALAKECAAAAAP///6g8eKg8eCH5BAEKAAIALAAAAAAHAAsAAAITTIQYcLnsgGxvijrxqdQq6DRJAQA7";
  25. var crossgif = "data:image/gif;base64,R0lGODlhDwAPAKEBAAAAAP///////////yH5BAEKAAIALAAAAAAPAA8AAAIklB8Qx53b4otSUWcvyiz4/4AeQJbmKY4p1HHapBlwPL/uVRsFADs=";
  26. var hspng = "data:image/png;base64,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";
  27. var hvpng = "data:image/png;base64,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";
  28.  
  29.  
  30. var jscolor = {
  31.     bindClass: 'jscolorGM', // class name
  32.     binding: true,      // automatic binding via <input class="...">
  33.     fixed: false,  //Attached to fixed element
  34.  
  35.     install: function ()
  36.     {
  37.         jscolor.addEvent(window, 'load', jscolor.init);
  38.     },
  39.  
  40.     init: function ()
  41.     {
  42.         if (jscolor.binding)
  43.         {
  44.             jscolor.bind();
  45.         }
  46.     },
  47.  
  48.     bind: function ()
  49.     {
  50.         var matchClass = new RegExp('(^|\\s)(' + jscolor.bindClass + ')\\s*(\\{[^}]*\\})?', 'i');
  51.         var e = document.getElementsByTagName('input');
  52.         for (var i = 0; i < e.length; i += 1)
  53.         {
  54.             var m;
  55.             if (!e[i].color && e[i].className && (m = e[i].className.match(matchClass)))
  56.             {
  57.                 var prop = {};
  58.                 if (m[3])
  59.                 {
  60.                     try
  61.                     {
  62.                         prop = (new Function('return (' + m[3] + ')'))();
  63.                     } catch (eInvalidProp) { }
  64.                 }
  65.                 e[i].color = new jscolor.color(e[i], prop);
  66.             }
  67.         }
  68.     },
  69.  
  70.     refresh: function ()
  71.     {
  72.         var els = document.getElementsByClassName("jscolorGM");
  73.         for (var i = 0; i < els.length; i++) els[i].style.backgroundColor = "#" + els[i].value;
  74.     },
  75.  
  76.     images: {
  77.         pad: [181, 101],
  78.         sld: [16, 101],
  79.         cross: [15, 15],
  80.         arrow: [7, 11]
  81.     },
  82.  
  83.  
  84.     imgRequire: {},
  85.     imgLoaded: {},
  86.  
  87.  
  88.     requireImage: function (filename)
  89.     {
  90.         jscolor.imgRequire[filename] = true;
  91.     },
  92.  
  93.     fetchElement: function (mixed)
  94.     {
  95.         return typeof mixed === 'string' ? document.getElementById(mixed) : mixed;
  96.     },
  97.  
  98.  
  99.     addEvent: function (el, evnt, func)
  100.     {
  101.         if (el.addEventListener)
  102.         {
  103.             el.addEventListener(evnt, func, false);
  104.         } else if (el.attachEvent)
  105.         {
  106.             el.attachEvent('on' + evnt, func);
  107.         }
  108.     },
  109.  
  110.  
  111.     fireEvent: function (el, evnt)
  112.     {
  113.         if (!el)
  114.         {
  115.             return;
  116.         }
  117.         if (document.createEvent)
  118.         {
  119.             var ev = document.createEvent('HTMLEvents');
  120.             ev.initEvent(evnt, true, true);
  121.             el.dispatchEvent(ev);
  122.         } else if (document.createEventObject)
  123.         {
  124.             var ev = document.createEventObject();
  125.             el.fireEvent('on' + evnt, ev);
  126.         } else if (el['on' + evnt])
  127.         { // alternatively use the traditional event model (IE5)
  128.             el['on' + evnt]();
  129.         }
  130.     },
  131.  
  132.  
  133.     getElementPos: function (e)
  134.     {
  135.         var e1 = e, e2 = e;
  136.         var x = 0, y = 0;
  137.         if (e1.offsetParent)
  138.         {
  139.             do
  140.             {
  141.                 x += e1.offsetLeft;
  142.                 y += e1.offsetTop;
  143.             } while (e1 = e1.offsetParent);
  144.         }
  145.         while ((e2 = e2.parentNode) && e2.nodeName.toUpperCase() !== 'BODY')
  146.         {
  147.             x -= e2.scrollLeft;
  148.             y -= e2.scrollTop;
  149.         }
  150.         return [x, y];
  151.     },
  152.  
  153.  
  154.     getElementSize: function (e)
  155.     {
  156.         return [e.offsetWidth, e.offsetHeight];
  157.     },
  158.  
  159.  
  160.     getRelMousePos: function (e)
  161.     {
  162.         var x = 0, y = 0;
  163.         if (!e) { e = window.event; }
  164.         if (typeof e.offsetX === 'number')
  165.         {
  166.             x = e.offsetX;
  167.             y = e.offsetY;
  168.         } else if (typeof e.layerX === 'number')
  169.         {
  170.             x = e.layerX;
  171.             y = e.layerY;
  172.         }
  173.         return { x: x, y: y };
  174.     },
  175.  
  176.  
  177.     getViewPos: function ()
  178.     {
  179.         if (typeof window.pageYOffset === 'number')
  180.         {
  181.             return [window.pageXOffset, window.pageYOffset];
  182.         } else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
  183.         {
  184.             return [document.body.scrollLeft, document.body.scrollTop];
  185.         } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
  186.         {
  187.             return [document.documentElement.scrollLeft, document.documentElement.scrollTop];
  188.         } else
  189.         {
  190.             return [0, 0];
  191.         }
  192.     },
  193.  
  194.  
  195.     getViewSize: function ()
  196.     {
  197.         if (typeof window.innerWidth === 'number')
  198.         {
  199.             return [window.innerWidth, window.innerHeight];
  200.         } else if (document.body && (document.body.clientWidth || document.body.clientHeight))
  201.         {
  202.             return [document.body.clientWidth, document.body.clientHeight];
  203.         } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
  204.         {
  205.             return [document.documentElement.clientWidth, document.documentElement.clientHeight];
  206.         } else
  207.         {
  208.             return [0, 0];
  209.         }
  210.     },
  211.  
  212.  
  213.     URI: function (uri)
  214.     { // See RFC3986
  215.         this.scheme = null;
  216.         this.authority = null;
  217.         this.path = '';
  218.         this.query = null;
  219.         this.fragment = null;
  220.  
  221.         this.parse = function (uri)
  222.         {
  223.             var m = uri.match(/^(([A-Za-z][0-9A-Za-z+.-]*)(:))?((\/\/)([^\/?#]*))?([^?#]*)((\?)([^#]*))?((#)(.*))?/);
  224.             this.scheme = m[3] ? m[2] : null;
  225.             this.authority = m[5] ? m[6] : null;
  226.             this.path = m[7];
  227.             this.query = m[9] ? m[10] : null;
  228.             this.fragment = m[12] ? m[13] : null;
  229.             return this;
  230.         };
  231.  
  232.         this.toString = function ()
  233.         {
  234.             var result = '';
  235.             if (this.scheme !== null) { result = result + this.scheme + ':'; }
  236.             if (this.authority !== null) { result = result + '//' + this.authority; }
  237.             if (this.path !== null) { result = result + this.path; }
  238.             if (this.query !== null) { result = result + '?' + this.query; }
  239.             if (this.fragment !== null) { result = result + '#' + this.fragment; }
  240.             return result;
  241.         };
  242.  
  243.         this.toAbsolute = function (base)
  244.         {
  245.             var base = new jscolor.URI(base);
  246.             var r = this;
  247.             var t = new jscolor.URI;
  248.  
  249.             if (base.scheme === null) { return false; }
  250.  
  251.             if (r.scheme !== null && r.scheme.toLowerCase() === base.scheme.toLowerCase())
  252.             {
  253.                 r.scheme = null;
  254.             }
  255.  
  256.             if (r.scheme !== null)
  257.             {
  258.                 t.scheme = r.scheme;
  259.                 t.authority = r.authority;
  260.                 t.path = removeDotSegments(r.path);
  261.                 t.query = r.query;
  262.             } else
  263.             {
  264.                 if (r.authority !== null)
  265.                 {
  266.                     t.authority = r.authority;
  267.                     t.path = removeDotSegments(r.path);
  268.                     t.query = r.query;
  269.                 } else
  270.                 {
  271.                     if (r.path === '')
  272.                     {
  273.                         t.path = base.path;
  274.                         if (r.query !== null)
  275.                         {
  276.                             t.query = r.query;
  277.                         } else
  278.                         {
  279.                             t.query = base.query;
  280.                         }
  281.                     } else
  282.                     {
  283.                         if (r.path.substr(0, 1) === '/')
  284.                         {
  285.                             t.path = removeDotSegments(r.path);
  286.                         } else
  287.                         {
  288.                             if (base.authority !== null && base.path === '')
  289.                             {
  290.                                 t.path = '/' + r.path;
  291.                             } else
  292.                             {
  293.                                 t.path = base.path.replace(/[^\/]+$/, '') + r.path;
  294.                             }
  295.                             t.path = removeDotSegments(t.path);
  296.                         }
  297.                         t.query = r.query;
  298.                     }
  299.                     t.authority = base.authority;
  300.                 }
  301.                 t.scheme = base.scheme;
  302.             }
  303.             t.fragment = r.fragment;
  304.  
  305.             return t;
  306.         };
  307.  
  308.         function removeDotSegments(path)
  309.         {
  310.             var out = '';
  311.             while (path)
  312.             {
  313.                 if (path.substr(0, 3) === '../' || path.substr(0, 2) === './')
  314.                 {
  315.                     path = path.replace(/^\.+/, '').substr(1);
  316.                 } else if (path.substr(0, 3) === '/./' || path === '/.')
  317.                 {
  318.                     path = '/' + path.substr(3);
  319.                 } else if (path.substr(0, 4) === '/../' || path === '/..')
  320.                 {
  321.                     path = '/' + path.substr(4);
  322.                     out = out.replace(/\/?[^\/]*$/, '');
  323.                 } else if (path === '.' || path === '..')
  324.                 {
  325.                     path = '';
  326.                 } else
  327.                 {
  328.                     var rm = path.match(/^\/?[^\/]*/)[0];
  329.                     path = path.substr(rm.length);
  330.                     out = out + rm;
  331.                 }
  332.             }
  333.             return out;
  334.         }
  335.  
  336.         if (uri)
  337.         {
  338.             this.parse(uri);
  339.         }
  340.     },
  341.  
  342.  
  343.     //
  344.     // Usage example:
  345.     // var myColor = new jscolor.color(myInputElement)
  346.     //
  347.  
  348.     color: function (target, prop)
  349.     {
  350.         this.required = true; // refuse empty values?
  351.         this.adjust = true; // adjust value to uniform notation?
  352.         this.hash = false; // prefix color with # symbol?
  353.         this.caps = true; // uppercase?
  354.         this.slider = true; // show the value/saturation slider?
  355.         this.valueElement = target; // value holder
  356.         this.styleElement = target; // where to reflect current color
  357.         this.onImmediateChange = null; // onchange callback (can be either string or function)
  358.         this.hsv = [0, 0, 1]; // read-only  0-6, 0-1, 0-1
  359.         this.rgb = [1, 1, 1]; // read-only  0-1, 0-1, 0-1
  360.         this.minH = 0; // read-only  0-6
  361.         this.maxH = 6; // read-only  0-6
  362.         this.minS = 0; // read-only  0-1
  363.         this.maxS = 1; // read-only  0-1
  364.         this.minV = 0; // read-only  0-1
  365.         this.maxV = 1; // read-only  0-1
  366.  
  367.         this.pickerOnfocus = true; // display picker on focus?
  368.         this.pickerMode = 'HSV'; // HSV | HVS
  369.         this.pickerPosition = 'bottom'; // left | right | top | bottom
  370.         this.pickerSmartPosition = true; // automatically adjust picker position when necessary
  371.         this.pickerButtonHeight = 20; // px
  372.         this.pickerClosable = false;
  373.         this.pickerCloseText = 'Close';
  374.         this.pickerButtonColor = 'ButtonText'; // px
  375.         this.pickerFace = 10; // px
  376.         this.pickerFaceColor = 'ThreeDFace'; // CSS color
  377.         this.pickerBorder = 1; // px
  378.         this.pickerBorderColor = 'ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight'; // CSS color
  379.         this.pickerInset = 1; // px
  380.         this.pickerInsetColor = 'ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow'; // CSS color
  381.         this.pickerZIndex = 10000;
  382.  
  383.  
  384.         for (var p in prop)
  385.         {
  386.             if (prop.hasOwnProperty(p))
  387.             {
  388.                 this[p] = prop[p];
  389.             }
  390.         }
  391.  
  392.  
  393.         this.hidePicker = function ()
  394.         {
  395.             if (isPickerOwner())
  396.             {
  397.                 removePicker();
  398.             }
  399.         };
  400.  
  401.  
  402.         this.showPicker = function ()
  403.         {
  404.             if (!isPickerOwner())
  405.             {
  406.                 var tp = jscolor.getElementPos(target); // target pos
  407.                 var ts = jscolor.getElementSize(target); // target size
  408.                 var vp = jscolor.getViewPos(); // view pos
  409.                 var vs = jscolor.getViewSize(); // view size
  410.                 var ps = getPickerDims(this); // picker size
  411.                 var a, b, c;
  412.                 switch (this.pickerPosition.toLowerCase())
  413.                 {
  414.                     case 'left': a = 1; b = 0; c = -1; break;
  415.                     case 'right': a = 1; b = 0; c = 1; break;
  416.                     case 'top': a = 0; b = 1; c = -1; break;
  417.                     default: a = 0; b = 1; c = 1; break;
  418.                 }
  419.                 var l = (ts[b] + ps[b]) / 2;
  420.  
  421.                 // picker pos
  422.                 if (!this.pickerSmartPosition)
  423.                 {
  424.                     var pp = [
  425. 						tp[a],
  426. 						tp[b] + ts[b] - l + l * c
  427.                     ];
  428.                 } else
  429.                 {
  430.                     var pp = [
  431. 						-vp[a] + tp[a] + ps[a] > vs[a] ?
  432. 							(-vp[a] + tp[a] + ts[a] / 2 > vs[a] / 2 && tp[a] + ts[a] - ps[a] >= 0 ? tp[a] + ts[a] - ps[a] : tp[a]) :
  433. 							tp[a],
  434. 						-vp[b] + tp[b] + ts[b] + ps[b] - l + l * c > vs[b] ?
  435. 							(-vp[b] + tp[b] + ts[b] / 2 > vs[b] / 2 && tp[b] + ts[b] - l - l * c >= 0 ? tp[b] + ts[b] - l - l * c : tp[b] + ts[b] - l + l * c) :
  436. 							(tp[b] + ts[b] - l + l * c >= 0 ? tp[b] + ts[b] - l + l * c : tp[b] + ts[b] - l - l * c)
  437.                     ];
  438.                 }
  439.                 drawPicker(pp[a], pp[b]);
  440.             }
  441.         };
  442.  
  443.  
  444.         this.importColor = function ()
  445.         {
  446.             if (!valueElement)
  447.             {
  448.                 this.exportColor();
  449.             } else
  450.             {
  451.                 if (!this.adjust)
  452.                 {
  453.                     if (!this.fromString(valueElement.value, leaveValue))
  454.                     {
  455.                         styleElement.style.backgroundImage = styleElement.jscStyle.backgroundImage;
  456.                         styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor;
  457.                         styleElement.style.color = styleElement.jscStyle.color;
  458.                         this.exportColor(leaveValue | leaveStyle);
  459.                     }
  460.                 } else if (!this.required && /^\s*$/.test(valueElement.value))
  461.                 {
  462.                     valueElement.value = '';
  463.                     styleElement.style.backgroundImage = styleElement.jscStyle.backgroundImage;
  464.                     styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor;
  465.                     styleElement.style.color = styleElement.jscStyle.color;
  466.                     this.exportColor(leaveValue | leaveStyle);
  467.                 } else if (this.fromString(valueElement.value))
  468.                 {
  469.                     // OK
  470.                 } else
  471.                 {
  472.                     this.exportColor();
  473.                 }
  474.             }
  475.         };
  476.  
  477.  
  478.         this.exportColor = function (flags)
  479.         {
  480.             if (!(flags & leaveValue) && valueElement)
  481.             {
  482.                 var value = this.toString();
  483.                 if (this.caps) { value = value.toUpperCase(); }
  484.                 if (this.hash) { value = '#' + value; }
  485.                 valueElement.value = value;
  486.             }
  487.             if (!(flags & leaveStyle) && styleElement)
  488.             {
  489.                 styleElement.style.backgroundImage = "none";
  490.                 styleElement.style.backgroundColor =
  491. 					'#' + this.toString();
  492.                 styleElement.style.color =
  493. 					0.213 * this.rgb[0] +
  494. 					0.715 * this.rgb[1] +
  495. 					0.072 * this.rgb[2]
  496. 					< 0.5 ? '#FFF' : '#000';
  497.             }
  498.             if (!(flags & leavePad) && isPickerOwner())
  499.             {
  500.                 redrawPad();
  501.             }
  502.             if (!(flags & leaveSld) && isPickerOwner())
  503.             {
  504.                 redrawSld();
  505.             }
  506.         };
  507.  
  508.  
  509.         this.fromHSV = function (h, s, v, flags)
  510.         { // null = don't change
  511.             if (h !== null) { h = Math.max(0.0, this.minH, Math.min(6.0, this.maxH, h)); }
  512.             if (s !== null) { s = Math.max(0.0, this.minS, Math.min(1.0, this.maxS, s)); }
  513.             if (v !== null) { v = Math.max(0.0, this.minV, Math.min(1.0, this.maxV, v)); }
  514.  
  515.             this.rgb = HSV_RGB(
  516. 				h === null ? this.hsv[0] : (this.hsv[0] = h),
  517. 				s === null ? this.hsv[1] : (this.hsv[1] = s),
  518. 				v === null ? this.hsv[2] : (this.hsv[2] = v)
  519. 			);
  520.  
  521.             this.exportColor(flags);
  522.         };
  523.  
  524.  
  525.         this.fromRGB = function (r, g, b, flags)
  526.         { // null = don't change
  527.             if (r !== null) { r = Math.max(0.0, Math.min(1.0, r)); }
  528.             if (g !== null) { g = Math.max(0.0, Math.min(1.0, g)); }
  529.             if (b !== null) { b = Math.max(0.0, Math.min(1.0, b)); }
  530.  
  531.             var hsv = RGB_HSV(
  532. 				r === null ? this.rgb[0] : r,
  533. 				g === null ? this.rgb[1] : g,
  534. 				b === null ? this.rgb[2] : b
  535. 			);
  536.             if (hsv[0] !== null)
  537.             {
  538.                 this.hsv[0] = Math.max(0.0, this.minH, Math.min(6.0, this.maxH, hsv[0]));
  539.             }
  540.             if (hsv[2] !== 0)
  541.             {
  542.                 this.hsv[1] = hsv[1] === null ? null : Math.max(0.0, this.minS, Math.min(1.0, this.maxS, hsv[1]));
  543.             }
  544.             this.hsv[2] = hsv[2] === null ? null : Math.max(0.0, this.minV, Math.min(1.0, this.maxV, hsv[2]));
  545.  
  546.             // update RGB according to final HSV, as some values might be trimmed
  547.             var rgb = HSV_RGB(this.hsv[0], this.hsv[1], this.hsv[2]);
  548.             this.rgb[0] = rgb[0];
  549.             this.rgb[1] = rgb[1];
  550.             this.rgb[2] = rgb[2];
  551.  
  552.             this.exportColor(flags);
  553.         };
  554.  
  555.  
  556.         this.fromString = function (hex, flags)
  557.         {
  558.             var m = hex.match(/^\W*([0-9A-F]{3}([0-9A-F]{3})?)\W*$/i);
  559.             if (!m)
  560.             {
  561.                 return false;
  562.             } else
  563.             {
  564.                 if (m[1].length === 6)
  565.                 { // 6-char notation
  566.                     this.fromRGB(
  567. 						parseInt(m[1].substr(0, 2), 16) / 255,
  568. 						parseInt(m[1].substr(2, 2), 16) / 255,
  569. 						parseInt(m[1].substr(4, 2), 16) / 255,
  570. 						flags
  571. 					);
  572.                 } else
  573.                 { // 3-char notation
  574.                     this.fromRGB(
  575. 						parseInt(m[1].charAt(0) + m[1].charAt(0), 16) / 255,
  576. 						parseInt(m[1].charAt(1) + m[1].charAt(1), 16) / 255,
  577. 						parseInt(m[1].charAt(2) + m[1].charAt(2), 16) / 255,
  578. 						flags
  579. 					);
  580.                 }
  581.                 return true;
  582.             }
  583.         };
  584.  
  585.  
  586.         this.toString = function ()
  587.         {
  588.             return (
  589. 				(0x100 | Math.round(255 * this.rgb[0])).toString(16).substr(1) +
  590. 				(0x100 | Math.round(255 * this.rgb[1])).toString(16).substr(1) +
  591. 				(0x100 | Math.round(255 * this.rgb[2])).toString(16).substr(1)
  592. 			);
  593.         };
  594.  
  595.  
  596.         function RGB_HSV(r, g, b)
  597.         {
  598.             var n = Math.min(Math.min(r, g), b);
  599.             var v = Math.max(Math.max(r, g), b);
  600.             var m = v - n;
  601.             if (m === 0) { return [null, 0, v]; }
  602.             var h = r === n ? 3 + (b - g) / m : (g === n ? 5 + (r - b) / m : 1 + (g - r) / m);
  603.             return [h === 6 ? 0 : h, m / v, v];
  604.         }
  605.  
  606.  
  607.         function HSV_RGB(h, s, v)
  608.         {
  609.             if (h === null) { return [v, v, v]; }
  610.             var i = Math.floor(h);
  611.             var f = i % 2 ? h - i : 1 - (h - i);
  612.             var m = v * (1 - s);
  613.             var n = v * (1 - s * f);
  614.             switch (i)
  615.             {
  616.                 case 6:
  617.                 case 0: return [v, n, m];
  618.                 case 1: return [n, v, m];
  619.                 case 2: return [m, v, n];
  620.                 case 3: return [m, n, v];
  621.                 case 4: return [n, m, v];
  622.                 case 5: return [v, m, n];
  623.             }
  624.         }
  625.  
  626.  
  627.         function removePicker()
  628.         {
  629.             delete jscolor.picker.owner;
  630.             document.getElementsByTagName('body')[0].removeChild(jscolor.picker.boxB);
  631.         }
  632.  
  633.  
  634.         function drawPicker(x, y)
  635.         {
  636.             if (!jscolor.picker)
  637.             {
  638.                 jscolor.picker = {
  639.                     box: document.createElement('div'),
  640.                     boxB: document.createElement('div'),
  641.                     pad: document.createElement('div'),
  642.                     padB: document.createElement('div'),
  643.                     padM: document.createElement('div'),
  644.                     sld: document.createElement('div'),
  645.                     sldB: document.createElement('div'),
  646.                     sldM: document.createElement('div'),
  647.                     btn: document.createElement('div'),
  648.                     btnS: document.createElement('span'),
  649.                     btnT: document.createTextNode(THIS.pickerCloseText)
  650.                 };
  651.                 for (var i = 0, segSize = 4; i < jscolor.images.sld[1]; i += segSize)
  652.                 {
  653.                     var seg = document.createElement('div');
  654.                     seg.style.height = segSize + 'px';
  655.                     seg.style.fontSize = '1px';
  656.                     seg.style.lineHeight = '0';
  657.                     jscolor.picker.sld.appendChild(seg);
  658.                 }
  659.                 jscolor.picker.sldB.appendChild(jscolor.picker.sld);
  660.                 jscolor.picker.box.appendChild(jscolor.picker.sldB);
  661.                 jscolor.picker.box.appendChild(jscolor.picker.sldM);
  662.                 jscolor.picker.padB.appendChild(jscolor.picker.pad);
  663.                 jscolor.picker.box.appendChild(jscolor.picker.padB);
  664.                 jscolor.picker.box.appendChild(jscolor.picker.padM);
  665.                 jscolor.picker.btnS.appendChild(jscolor.picker.btnT);
  666.                 jscolor.picker.btn.appendChild(jscolor.picker.btnS);
  667.                 jscolor.picker.box.appendChild(jscolor.picker.btn);
  668.                 jscolor.picker.boxB.appendChild(jscolor.picker.box);
  669.             }
  670.  
  671.             var p = jscolor.picker;
  672.  
  673.             // controls interaction
  674.             p.box.onmouseup =
  675. 			p.box.onmouseout = function () { target.focus(); };
  676.             p.box.onmousedown = function () { abortBlur = true; };
  677.             p.box.onmousemove = function (e)
  678.             {
  679.                 if (holdPad || holdSld)
  680.                 {
  681.                     holdPad && setPad(e);
  682.                     holdSld && setSld(e);
  683.                     if (document.selection)
  684.                     {
  685.                         document.selection.empty();
  686.                     } else if (window.getSelection)
  687.                     {
  688.                         window.getSelection().removeAllRanges();
  689.                     }
  690.                     dispatchImmediateChange();
  691.                 }
  692.             };
  693.             if ('ontouchstart' in window)
  694.             { // if touch device
  695.                 p.box.addEventListener('touchmove', function (e)
  696.                 {
  697.                     var event = {
  698.                         'offsetX': e.touches[0].pageX - touchOffset.X,
  699.                         'offsetY': e.touches[0].pageY - touchOffset.Y
  700.                     };
  701.                     if (holdPad || holdSld)
  702.                     {
  703.                         holdPad && setPad(event);
  704.                         holdSld && setSld(event);
  705.                         dispatchImmediateChange();
  706.                     }
  707.                     e.stopPropagation(); // prevent move "view" on broswer
  708.                     e.preventDefault(); // prevent Default - Android Fix (else android generated only 1-2 touchmove events)
  709.                 }, false);
  710.             }
  711.             p.padM.onmouseup =
  712. 			p.padM.onmouseout = function () { if (holdPad) { holdPad = false; jscolor.fireEvent(valueElement, 'change'); } };
  713.             p.padM.onmousedown = function (e)
  714.             {
  715.                 // if the slider is at the bottom, move it up
  716.                 switch (modeID)
  717.                 {
  718.                     case 0: if (THIS.hsv[2] === 0) { THIS.fromHSV(null, null, 1.0); }; break;
  719.                     case 1: if (THIS.hsv[1] === 0) { THIS.fromHSV(null, 1.0, null); }; break;
  720.                 }
  721.                 holdSld = false;
  722.                 holdPad = true;
  723.                 setPad(e);
  724.                 dispatchImmediateChange();
  725.             };
  726.             if ('ontouchstart' in window)
  727.             {
  728.                 p.padM.addEventListener('touchstart', function (e)
  729.                 {
  730.                     touchOffset = {
  731.                         'X': e.target.offsetParent.offsetLeft,
  732.                         'Y': e.target.offsetParent.offsetTop
  733.                     };
  734.                     this.onmousedown({
  735.                         'offsetX': e.touches[0].pageX - touchOffset.X,
  736.                         'offsetY': e.touches[0].pageY - touchOffset.Y
  737.                     });
  738.                 });
  739.             }
  740.             p.sldM.onmouseup =
  741. 			p.sldM.onmouseout = function () { if (holdSld) { holdSld = false; jscolor.fireEvent(valueElement, 'change'); } };
  742.             p.sldM.onmousedown = function (e)
  743.             {
  744.                 holdPad = false;
  745.                 holdSld = true;
  746.                 setSld(e);
  747.                 dispatchImmediateChange();
  748.             };
  749.             if ('ontouchstart' in window)
  750.             {
  751.                 p.sldM.addEventListener('touchstart', function (e)
  752.                 {
  753.                     touchOffset = {
  754.                         'X': e.target.offsetParent.offsetLeft,
  755.                         'Y': e.target.offsetParent.offsetTop
  756.                     };
  757.                     this.onmousedown({
  758.                         'offsetX': e.touches[0].pageX - touchOffset.X,
  759.                         'offsetY': e.touches[0].pageY - touchOffset.Y
  760.                     });
  761.                 });
  762.             }
  763.  
  764.             // picker
  765.             var dims = getPickerDims(THIS);
  766.             p.box.style.width = dims[0] + 'px';
  767.             p.box.style.height = dims[1] + 'px';
  768.  
  769.             // picker border
  770.             p.boxB.style.position = (jscolor.fixed) ? 'fixed' : 'absolute';
  771.             p.boxB.style.clear = 'both';
  772.             p.boxB.style.left = x + 'px';
  773.             p.boxB.style.top = y + 'px';
  774.             p.boxB.style.zIndex = THIS.pickerZIndex;
  775.             p.boxB.style.border = THIS.pickerBorder + 'px solid';
  776.             p.boxB.style.borderColor = THIS.pickerBorderColor;
  777.             p.boxB.style.background = THIS.pickerFaceColor;
  778.  
  779.             // pad image
  780.             p.pad.style.width = jscolor.images.pad[0] + 'px';
  781.             p.pad.style.height = jscolor.images.pad[1] + 'px';
  782.  
  783.             // pad border
  784.             p.padB.style.position = 'absolute';
  785.             p.padB.style.left = THIS.pickerFace + 'px';
  786.             p.padB.style.top = THIS.pickerFace + 'px';
  787.             p.padB.style.border = THIS.pickerInset + 'px solid';
  788.             p.padB.style.borderColor = THIS.pickerInsetColor;
  789.  
  790.             // pad mouse area
  791.             p.padM.style.position = 'absolute';
  792.             p.padM.style.left = '0';
  793.             p.padM.style.top = '0';
  794.             p.padM.style.width = THIS.pickerFace + 2 * THIS.pickerInset + jscolor.images.pad[0] + jscolor.images.arrow[0] + 'px';
  795.             p.padM.style.height = p.box.style.height;
  796.             p.padM.style.cursor = 'crosshair';
  797.  
  798.             // slider image
  799.             p.sld.style.overflow = 'hidden';
  800.             p.sld.style.width = jscolor.images.sld[0] + 'px';
  801.             p.sld.style.height = jscolor.images.sld[1] + 'px';
  802.  
  803.             // slider border
  804.             p.sldB.style.display = THIS.slider ? 'block' : 'none';
  805.             p.sldB.style.position = 'absolute';
  806.             p.sldB.style.right = THIS.pickerFace + 'px';
  807.             p.sldB.style.top = THIS.pickerFace + 'px';
  808.             p.sldB.style.border = THIS.pickerInset + 'px solid';
  809.             p.sldB.style.borderColor = THIS.pickerInsetColor;
  810.  
  811.             // slider mouse area
  812.             p.sldM.style.display = THIS.slider ? 'block' : 'none';
  813.             p.sldM.style.position = 'absolute';
  814.             p.sldM.style.right = '0';
  815.             p.sldM.style.top = '0';
  816.             p.sldM.style.width = jscolor.images.sld[0] + jscolor.images.arrow[0] + THIS.pickerFace + 2 * THIS.pickerInset + 'px';
  817.             p.sldM.style.height = p.box.style.height;
  818.             try
  819.             {
  820.                 p.sldM.style.cursor = 'pointer';
  821.             } catch (eOldIE)
  822.             {
  823.                 p.sldM.style.cursor = 'hand';
  824.             }
  825.  
  826.             // "close" button
  827.             function setBtnBorder()
  828.             {
  829.                 var insetColors = THIS.pickerInsetColor.split(/\s+/);
  830.                 var pickerOutsetColor = insetColors.length < 2 ? insetColors[0] : insetColors[1] + ' ' + insetColors[0] + ' ' + insetColors[0] + ' ' + insetColors[1];
  831.                 p.btn.style.borderColor = pickerOutsetColor;
  832.             }
  833.             p.btn.style.display = THIS.pickerClosable ? 'block' : 'none';
  834.             p.btn.style.position = 'absolute';
  835.             p.btn.style.left = THIS.pickerFace + 'px';
  836.             p.btn.style.bottom = THIS.pickerFace + 'px';
  837.             p.btn.style.padding = '0 15px';
  838.             p.btn.style.height = '18px';
  839.             p.btn.style.border = THIS.pickerInset + 'px solid';
  840.             setBtnBorder();
  841.             p.btn.style.color = THIS.pickerButtonColor;
  842.             p.btn.style.font = '12px sans-serif';
  843.             p.btn.style.textAlign = 'center';
  844.             try
  845.             {
  846.                 p.btn.style.cursor = 'pointer';
  847.             } catch (eOldIE)
  848.             {
  849.                 p.btn.style.cursor = 'hand';
  850.             }
  851.             p.btn.onmousedown = function ()
  852.             {
  853.                 THIS.hidePicker();
  854.             };
  855.             p.btnS.style.lineHeight = p.btn.style.height;
  856.  
  857.             // load images in optimal order
  858.             switch (modeID)
  859.             {
  860.                 case 0: var padImg = hspng; break;
  861.                 case 1: var padImg = hvpng; break;
  862.             }
  863.             p.padM.style.backgroundImage = "url('" + crossgif + "')";
  864.             p.padM.style.backgroundRepeat = "no-repeat";
  865.             p.sldM.style.backgroundImage = "url('" + arrowgif + "')";
  866.             p.sldM.style.backgroundRepeat = "no-repeat";
  867.             p.pad.style.backgroundImage = "url('" + padImg + "')";
  868.             p.pad.style.backgroundRepeat = "no-repeat";
  869.             p.pad.style.backgroundPosition = "0 0";
  870.  
  871.             // place pointers
  872.             redrawPad();
  873.             redrawSld();
  874.  
  875.             jscolor.picker.owner = THIS;
  876.             document.getElementsByTagName('body')[0].appendChild(p.boxB);
  877.         }
  878.  
  879.  
  880.         function getPickerDims(o)
  881.         {
  882.             var dims = [
  883. 				2 * o.pickerInset + 2 * o.pickerFace + jscolor.images.pad[0] +
  884. 					(o.slider ? 2 * o.pickerInset + 2 * jscolor.images.arrow[0] + jscolor.images.sld[0] : 0),
  885. 				o.pickerClosable ?
  886. 					4 * o.pickerInset + 3 * o.pickerFace + jscolor.images.pad[1] + o.pickerButtonHeight :
  887. 					2 * o.pickerInset + 2 * o.pickerFace + jscolor.images.pad[1]
  888.             ];
  889.             return dims;
  890.         }
  891.  
  892.  
  893.         function redrawPad()
  894.         {
  895.             // redraw the pad pointer
  896.             switch (modeID)
  897.             {
  898.                 case 0: var yComponent = 1; break;
  899.                 case 1: var yComponent = 2; break;
  900.             }
  901.             var x = Math.round((THIS.hsv[0] / 6) * (jscolor.images.pad[0] - 1));
  902.             var y = Math.round((1 - THIS.hsv[yComponent]) * (jscolor.images.pad[1] - 1));
  903.             jscolor.picker.padM.style.backgroundPosition =
  904. 				(THIS.pickerFace + THIS.pickerInset + x - Math.floor(jscolor.images.cross[0] / 2)) + 'px ' +
  905. 				(THIS.pickerFace + THIS.pickerInset + y - Math.floor(jscolor.images.cross[1] / 2)) + 'px';
  906.  
  907.             // redraw the slider image
  908.             var seg = jscolor.picker.sld.childNodes;
  909.  
  910.             switch (modeID)
  911.             {
  912.                 case 0:
  913.                     var rgb = HSV_RGB(THIS.hsv[0], THIS.hsv[1], 1);
  914.                     for (var i = 0; i < seg.length; i += 1)
  915.                     {
  916.                         seg[i].style.backgroundColor = 'rgb(' +
  917. 							(rgb[0] * (1 - i / seg.length) * 100) + '%,' +
  918. 							(rgb[1] * (1 - i / seg.length) * 100) + '%,' +
  919. 							(rgb[2] * (1 - i / seg.length) * 100) + '%)';
  920.                     }
  921.                     break;
  922.                 case 1:
  923.                     var rgb, s, c = [THIS.hsv[2], 0, 0];
  924.                     var i = Math.floor(THIS.hsv[0]);
  925.                     var f = i % 2 ? THIS.hsv[0] - i : 1 - (THIS.hsv[0] - i);
  926.                     switch (i)
  927.                     {
  928.                         case 6:
  929.                         case 0: rgb = [0, 1, 2]; break;
  930.                         case 1: rgb = [1, 0, 2]; break;
  931.                         case 2: rgb = [2, 0, 1]; break;
  932.                         case 3: rgb = [2, 1, 0]; break;
  933.                         case 4: rgb = [1, 2, 0]; break;
  934.                         case 5: rgb = [0, 2, 1]; break;
  935.                     }
  936.                     for (var i = 0; i < seg.length; i += 1)
  937.                     {
  938.                         s = 1 - 1 / (seg.length - 1) * i;
  939.                         c[1] = c[0] * (1 - s * f);
  940.                         c[2] = c[0] * (1 - s);
  941.                         seg[i].style.backgroundColor = 'rgb(' +
  942. 							(c[rgb[0]] * 100) + '%,' +
  943. 							(c[rgb[1]] * 100) + '%,' +
  944. 							(c[rgb[2]] * 100) + '%)';
  945.                     }
  946.                     break;
  947.             }
  948.         }
  949.  
  950.  
  951.         function redrawSld()
  952.         {
  953.             // redraw the slider pointer
  954.             switch (modeID)
  955.             {
  956.                 case 0: var yComponent = 2; break;
  957.                 case 1: var yComponent = 1; break;
  958.             }
  959.             var y = Math.round((1 - THIS.hsv[yComponent]) * (jscolor.images.sld[1] - 1));
  960.             jscolor.picker.sldM.style.backgroundPosition =
  961. 				'0 ' + (THIS.pickerFace + THIS.pickerInset + y - Math.floor(jscolor.images.arrow[1] / 2)) + 'px';
  962.         }
  963.  
  964.  
  965.         function isPickerOwner()
  966.         {
  967.             return jscolor.picker && jscolor.picker.owner === THIS;
  968.         }
  969.  
  970.  
  971.         function blurTarget()
  972.         {
  973.             if (valueElement === target)
  974.             {
  975.                 THIS.importColor();
  976.             }
  977.             if (THIS.pickerOnfocus)
  978.             {
  979.                 THIS.hidePicker();
  980.             }
  981.         }
  982.  
  983.  
  984.         function blurValue()
  985.         {
  986.             if (valueElement !== target)
  987.             {
  988.                 THIS.importColor();
  989.             }
  990.         }
  991.  
  992.  
  993.         function setPad(e)
  994.         {
  995.             var mpos = jscolor.getRelMousePos(e);
  996.             var x = mpos.x - THIS.pickerFace - THIS.pickerInset;
  997.             var y = mpos.y - THIS.pickerFace - THIS.pickerInset;
  998.             switch (modeID)
  999.             {
  1000.                 case 0: THIS.fromHSV(x * (6 / (jscolor.images.pad[0] - 1)), 1 - y / (jscolor.images.pad[1] - 1), null, leaveSld); break;
  1001.                 case 1: THIS.fromHSV(x * (6 / (jscolor.images.pad[0] - 1)), null, 1 - y / (jscolor.images.pad[1] - 1), leaveSld); break;
  1002.             }
  1003.         }
  1004.  
  1005.  
  1006.         function setSld(e)
  1007.         {
  1008.             var mpos = jscolor.getRelMousePos(e);
  1009.             var y = mpos.y - THIS.pickerFace - THIS.pickerInset;
  1010.             switch (modeID)
  1011.             {
  1012.                 case 0: THIS.fromHSV(null, null, 1 - y / (jscolor.images.sld[1] - 1), leavePad); break;
  1013.                 case 1: THIS.fromHSV(null, 1 - y / (jscolor.images.sld[1] - 1), null, leavePad); break;
  1014.             }
  1015.         }
  1016.  
  1017.  
  1018.         function dispatchImmediateChange()
  1019.         {
  1020.             if (THIS.onImmediateChange)
  1021.             {
  1022.                 var callback;
  1023.                 if (typeof THIS.onImmediateChange === 'string')
  1024.                 {
  1025.                     callback = new Function(THIS.onImmediateChange);
  1026.                 } else
  1027.                 {
  1028.                     callback = THIS.onImmediateChange;
  1029.                 }
  1030.                 callback.call(THIS);
  1031.             }
  1032.         }
  1033.  
  1034.  
  1035.         var THIS = this;
  1036.         var modeID = this.pickerMode.toLowerCase() === 'hvs' ? 1 : 0;
  1037.         var abortBlur = false;
  1038.         var
  1039. 			valueElement = jscolor.fetchElement(this.valueElement),
  1040. 			styleElement = jscolor.fetchElement(this.styleElement);
  1041.         var
  1042. 			holdPad = false,
  1043. 			holdSld = false,
  1044. 			touchOffset = {};
  1045.         var
  1046. 			leaveValue = 1 << 0,
  1047. 			leaveStyle = 1 << 1,
  1048. 			leavePad = 1 << 2,
  1049. 			leaveSld = 1 << 3;
  1050.  
  1051.         // target
  1052.         jscolor.addEvent(target, 'focus', function ()
  1053.         {
  1054.             if (THIS.pickerOnfocus) { THIS.showPicker(); }
  1055.         });
  1056.         jscolor.addEvent(target, 'blur', function ()
  1057.         {
  1058.             if (!abortBlur)
  1059.             {
  1060.                 window.setTimeout(function () { abortBlur || blurTarget(); abortBlur = false; }, 0);
  1061.             } else
  1062.             {
  1063.                 abortBlur = false;
  1064.             }
  1065.         });
  1066.  
  1067.         // valueElement
  1068.         if (valueElement)
  1069.         {
  1070.             var updateField = function ()
  1071.             {
  1072.                 THIS.fromString(valueElement.value, leaveValue);
  1073.                 dispatchImmediateChange();
  1074.             };
  1075.             jscolor.addEvent(valueElement, 'keyup', updateField);
  1076.             jscolor.addEvent(valueElement, 'input', updateField);
  1077.             jscolor.addEvent(valueElement, 'blur', blurValue);
  1078.             valueElement.setAttribute('autocomplete', 'off');
  1079.         }
  1080.  
  1081.         // styleElement
  1082.         if (styleElement)
  1083.         {
  1084.             styleElement.jscStyle = {
  1085.                 backgroundImage: styleElement.style.backgroundImage,
  1086.                 backgroundColor: styleElement.style.backgroundColor,
  1087.                 color: styleElement.style.color
  1088.             };
  1089.         }
  1090.  
  1091.         // require images
  1092.         switch (modeID)
  1093.         {
  1094.             case 0: jscolor.requireImage('hs.png'); break;
  1095.             case 1: jscolor.requireImage('hv.png'); break;
  1096.         }
  1097.         jscolor.requireImage('cross.gif');
  1098.         jscolor.requireImage('arrow.gif');
  1099.  
  1100.         this.importColor();
  1101.     }
  1102. };
  1103.  
  1104.  
  1105. jscolor.install();
  1106. //jscolor.fixed = true;
  1107. //jscolor.bind();
  1108. //jscolor.refresh();