<. . / div> '); if (my_getcookie (' DefaultColor ')) defaulColor my_getcookie = (' DefaultColor '); defaulColor autre = '000000'; $ ('div # couleur ") ColorPicker ({color: defaulColor, plat: true , onSubmit: function (hsb, hexadécimal, RGB, el, ev) {my_setcookie ('DefaultColor, hexagonale, 1,0); bbfontstyle ("[color = #' + hexadécimal de la couleur +']','[/] ') ; selectWysiwyg (el, 'color'); return false}}); $ ('div # wcolor) ColorPicker ({color:. defaulColor, plat: vrai, onSubmit: function (hsb, hexadécimal, RGB, el, ev) {; ('constructBBcode_select_color_ #' ev, + hexagonal, false, true) ["text_editor '] vB_Editor format; my_setcookie (' DefaultColor, hexagonale, 1,0).}});}); removeClass ('colorpicker_focus');}, focus = function () {= this.parentNode.className.indexOf Charmin ('_hex')> 0? 70: 65; $ (ce) parent () parent () de données («colorpicker) fields.parent () removeClass ('colorpicker_focus'); $ (ce) parent () addClass ('colorpicker_focus....... ..);}, downIncrement = function (ev) {var field = $ (this) parent () trouver ('input') focus (); var current = {el:. $ (ce) parent ().. addClass ('colorpicker_slider'), max: this.parentNode.className.indexOf ('_hsb_h')> 0? 360: (this.parentNode.className.indexOf ('_hsb')> 0 100: 255), y: ev.pageY, sur le terrain: le terrain, val: parseInt (field.val (), 10), aperçu: $ ( . présent) parent () parent () de données («colorpicker) LivePreview};.... $ (document) bind (" mouseup, actuelle, upIncrement);. $ (document) bind ("mousemove», en cours, moveIncrement);}, moveIncrement = function (ev) {ev.data.field.val (Math.max (0, Math.min (ev.data.max, parseInt (ev.data.val + ev.pageY - ev. data.y, 10 )))); si (ev.data.preview) {change.apply (ev.data.field.get (0), [vrai]);} return false;}, upIncrement = function (ev ) {change.apply (ev.data.field.get (0), [vrai]);. ev.data.el.removeClass ('colorpicker_slider) trouver (' input ') focus ();. $ (document) .. unbind ('mouseup, upIncrement); $ (document) unbind (' mousemove, moveIncrement); return false;}, downHue = function (ev) {var current = {cal:. $ (ce) parent () ., y: $ (this) offset () haut}; current.preview = current.cal.data ('colorpicker) LivePreview; $ (document) bind ("mouseup, actuelle, upHue); $ (... eq champs (4) val (parseInt. document) bind (}, moveHue = function (ev) {change.apply (ev.data.cal.data ('colorpicker' mousemove, actuelle, moveHue))... (360 * (150 - Math.max (0, Math.min (150, (ev.pageY -. ev.data.y ))))/ 150, 10)) se (0), ev.data.preview [ ]); return false;}, upHue = function (ev) {fillRGBFields (ev.data.cal.data ('colorpicker') de la couleur, ev.data.cal.get (0));. fillHexFields (ev.data. cal.data ('colorpicker') de la couleur, ev.data.cal.get (0));. $ (document) unbind ('mouseup, upHue);. $ (document) unbind (' mousemove, moveHue). ; return false;}, downSelector = function (ev) {var current = {cal:. $ (ce) parent (), pos: $ (this) offset ().}; current.preview = current.cal.data ( «colorpicker) LivePreview;. $ (document) bind (" mouseup, actuelle, upSelector);. $ (document) bind ("mousemove, actuelle, moveSelector);.}, moveSelector = function (ev) {changement. s'appliquent (ev.data.cal.data ('colorpicker') eq champs (6) val (parseInt (100 * (150 -... Math.max (0, Math.min (150, (ev.pageY - ev. eq data.pos.top ))))/ 150, 10)) end () (5) val (parseInt (100 * (Math.max (0, Math.min (150, (ev.pageX -... ev . data.pos.left ))))/ 150, 10)) se (0), [ev.data.preview]);. return false;}, upSelector = function (ev) {fillRGBFields (ev.data.cal .. des données («colorpicker ') de la couleur, ev.data.cal.get (0)); fillHexFields (ev.data.cal.data (' colorpicker ') de la couleur, ev.data.cal.get (0)). ; $ (document) unbind ('mouseup, upSelector);.. $ (document) unbind (' mousemove, moveSelector); return false;}, enterSubmit = function (ev) {$ (this) addClass ('colorpicker_focus. ');.}, leaveSubmit = function (ev) {$ (this) removeClass (' colorpicker_focus ');}, clickSubmit = function (ev) {var cal = $ (this) parent ();. col var = cal. des données («colorpicker) couleur;. cal.data ('colorpicker) origColor = col;. setCurrentColor (col, cal.get (0));. cal.data (' colorpicker) onSubmit (col, HSBToHex (col ), HSBToRGB (col), cal.data ('colorpicker') el, ev);..}, voir = function (ev) {var = cal $('#' + $ (ce) de données («colorpickerId ') ); (. colorpicker) onBeforeShow.apply (ce [cal.get (0,)] cal.data); pos = var $ (ce) offset ();. fenêtre var = getViewport (); haut var = pos . top + this.offsetHeight; gauche var = pos.left; if (top + 176> viewPort.t + viewPort.h) {top -= this.offsetHeight + 176;} if (gauche + 356> viewPort.l + fenêtre . w) {gauche -= 356;} cal.css ({left: gauche + "px", en haut: Haut + "px"}); if (cal.data ('colorpicker) onShow.apply (ce,. [cal.get (0)]) = false) {cal.show ();} $ (document) bind («mousedown»,!. {cal: cal}, cacher); return false;}, fonction de = ( ev) {if (! isChildOf (ev.data.cal.get (0), ev.target, ev.data.cal.get (0))) {if (ev.data.cal.data ('colorpicker') . onHide.apply (ce [ev.data.cal.get (0)],) = false) {ev.data.cal.hide ();}!. $ (document) unbind ('mousedown, cacher); }}, isChildOf = function (parentEl, el, conteneur) {if (parentEl == el) {return true;} if (parentEl.contains) {parentEl.contains retour (el);} if (parentEl.compareDocumentPosition) {return ! (parentEl.compareDocumentPosition (el) et 16);} var = prel el.parentNode; while (! prel & & prel = conteneur) {if (Pensée == parentEl) return true; prel = prEl.parentNode;} return false ;}, getViewport = function () {var m = document.compatMode == 'CSS1Compat; retour {l: window.pageXOffset | |:, t: fenêtre (m document.documentElement.scrollLeft document.body.scrollLeft?). pageYOffset | | (m document.documentElement.scrollTop: document.body.scrollTop?), w: window.innerWidth | | (m document.documentElement.clientWidth: document.body.clientWidth?), h: window.innerHeight | | ( m document.documentElement.clientHeight:? document.body.clientHeight)};}, fixHSB = function (HSB) {return {h: Math.min (360, Math.max (0, hsb.h)), s: Math . min (100, Math.max (0, hsb.s)), b: Math.min (100, Math.max (0, hsb.b))};}, fixRGB = function (rgb) {return {r : Math.min (255, Math.max (0, rgb.r)), g: Math.min (255, Math.max (0, rgb.g)), b: Math.min (255, Math.max (0, rgb.b))};}, fixHex = function (hex) {var len = 6 - hex.length; if (len> 0) {var o = []; for (var i = 0; i < len; i + +) {o.push ('0 ');} o.push (hex); hex = hex o.join ('');} return;}, HexToRGB = function (hex) {var = hex parseInt ( ((hex.indexOf ('#')> -1) hex.substring (1): hex), 16); retour {r:>> hex 16, g: (hex & 0x00FF00)>> 8, b: (hex & 0x0000FF)};}, HexToHSB = function (hex) {return RGBToHSB (HexToRGB (hex));}, RGBToHSB = function (rgb) {var hsb = {h: 0, s: 0, b: 0} ; min var = Math.min (rgb.r, rgb.g, rgb.b); var max = Math.max (rgb.r, rgb.g, rgb.b); delta var = max - min; hsb. b = max; if (! max = 0) {} hsb.s max = = 0!? 255 delta * / max: 0; if {if (rgb.r == max) {hsb.h = (rgb.g - rgb.b) / delta;} else if (rgb. (hsb.s = 0!) g max ==) {hsb.h = 2 + (rgb.b - rgb.r) / delta;} else {hsb.h = 4 + (rgb.r - rgb.g) / delta;}} else {hsb . hsb.h} *= 60;; h = -1 si (hsb.h <0) {hsb.h + = 360;} hsb.s *= 100/255; hsb.b *= 100/255; retour hsb;}, HSBToRGB = function (HSB) {var rgb = {}; h var = Math.round (hsb.h); var s = Math.round (* hsb.s 255/100); v var = Math. ronde (hsb.b * 255/100); if (s == 0) {rgb.r = = rgb.g rgb.b v =;} else {var t1 = v; var t2 = (255-s) * v/255; t3 var = (t1-t2) * (% h 60) / 60; if (h == 360) h = 0; if (h <60) {rgb.r = t1; rgb.b = t2 ; rgb.g = t2 + t3} else if (h <120) {rgb.g = t1; rgb.b = t2; rgb.r = t1-t3} else if (h <180) {rgb.g = t1 ; rgb.b = t2 + t3} else if (h <240) {rgb.b = t1;; rgb.r = t2 = t2 rgb.r; rgb.g = t1-t3} else if (h <300) {rgb.b = t1; rgb.g = t2; rgb.r = t2 + t3} else if (h <360) {rgb.r = t1; rgb.g = t2; rgb.b = t1-t3} else {rgb.r = 0; rgb.g = 0; rgb.b = 0}} return {r: Math.round (rgb.r), g: Math.round (rgb.g), b: Math.round ( rgb.b)};}, RGBToHex = function (rgb) {var = hex [rgb.r.toString (16), rgb.g.toString (16), rgb.b.toString (16)]; $ chacun. (hex, fonction (nr, val) {if (val.length == 1) {hex [nr] = '0 '+ val;}});} hex.join retour ('');, HSBToHex = function ( hsb) {return RGBToHex (HSBToRGB (HSB));}, la fonction restoreOriginal = () {var cal = $ (this) parent ();. col var = cal.data ('colorpicker) origColor;. cal.data ( «colorpicker) color = col;. fillRGBFields (col, cal.get (0)); fillHexFields (col, cal.get (0)); fillHSBFields (col, cal.get (0)); setSelector (col, cal . obtenir (0)); setHue (col, cal.get (0)); setNewColor (col, cal.get (0));}; {return init: function (opt) {opt = $ extend ({}. , par défaut, optez ||{}); if (typeof opt.color == 'string') {= opt.color HexToHSB (opt.color);} else if (opt.color.r = undefined & & opt.color! .! g = undefined & & opt.color.b = undefined) {= opt.color RGBToHSB (opt.color);}! else if (opt.color.h = undefined & & opt.color.s = undefined & & opt . color.b = undefined) {= opt.color fixHSB (opt.color);}!; this.each retour (function (else {return this}) {if ($ (ce) de données («colorpickerId ')!. ) {var options = $ prolonger. ({}, opt); options.origColor opt.color =; id var = 'collorpicker_ "+ parseInt (Math.random () * 1000); $ (ce) de données (« colorpickerId. », id); cal var = $ (tpl) attr (. 'id', id); if (options.flat) {. cal.appendTo (ce) show ();} else {cal.appendTo (document.body );.} options.fields = cal find ('input') bind ("keyup, keyDown) bind (« changement », le changement) bind (« flou », flou) bind ('focus', mise au point.... );. cal trouver ("span") bind («mousedown», downIncrement) end () find ('div.colorpicker_current_color>') bind («clic», restoreOriginal);.... options.selector = cal.find («div.colorpicker_color) bind (« mousedown », downSelector);. options.selectorIndic options.selector.find = ('div'); options.el = this; options.hue = cal.find ('div. colorpicker_hue div '); cal.find (' div.colorpicker_hue mousedown ») bind (. ', downHue); options.newColor cal.find = (' div.colorpicker_new_color '); options.currentColor = cal.find (' div . colorpicker_current_color '); cal.data (' colorpicker, options); cal.find ('.) bind ('., enterSubmit) bind ("div.colorpicker_submit mouseenter mouseleave., leaveSubmit) bind (« clic » , clickSubmit); (cal.get options.color, (0) fillRGBFields); fillHSBFields (options.color, cal.get (0)); fillHexFields (options.color, cal.get (0)); setHue (Options. (cal.get options.color, (0) setNewColor; (cal.get options.color, (0) setCurrentColor); (cal.get options.color, (0) setSelector); couleur, cal.get (0)) ); if (options.flat) {cal.css ({position: «relative», d'affichage: 'block'});} else {. $ (ce) bind (options.eventName, spectacle);}}}); }, showPicker: function () {retour this.each (function () {if ($ (ce) de données («colorpickerId ')) {show.apply (this);}.};}, hidePicker): function () {retour this.each (function () {if ($ (ce) de données («colorpickerId ')) {$('#' + $ (ce) de données (« colorpickerId')..) hide ();.}} );}, setColor: function (col) {if (typeof col == 'string') {col = HexToHSB (col);} else if (col.r = undefined & & col.g = undefined & & col. b! ! = undefined) {col = RGBToHSB (col);} else if (col.h = undefined & & col.s = undefined & & col. b = undefined) {col = fixHSB (col);}! else {return cette ;} this.each retour (function () {if ($ (ce) de données («colorpickerId ')) {var = cal $('#' + $ (ce) de données (« colorpickerId')..); cal. des données («colorpicker) color = col;. cal.data ('colorpicker) origColor = col;. fillRGBFields (col, cal.get (0)); fillHSBFields (col, cal.get (0)); fillHexFields ( col, cal.get (0)); setHue (col, cal.get (0)); setSelector (col, cal.get (0)); setCurrentColor (col, cal.get (0)); setNewColor (col, cal.get (0));}});}};} (); $ fn.extend ({ColorPicker:. ColorPicker.init, ColorPickerHide: ColorPicker.hidePicker, ColorPickerShow: ColorPicker.showPicker, ColorPickerSetColor: ColorPicker.setColor} );}) (jQuery) / ** * * Color Picker: ajout de code en utilisant le sélecteur de couleur pour changer la méthode de cueillette sur la couleur * * forumactif / $ ('# wcolor, # color') html ('