so have colorpicker on forum @ http://deepblood.com/ works in google chrome perfect in firefox color picker @ bottom of forum , there no color on how can fix this? works in chrome in no other browsers ive posted pictures below , javascript files of color picker please me??? in advance.
![working color picker in google chrome][1]
![color picker in firefox (where suppose be...)][2]
![color picker located in footer when using other browser other google chrome functional if type hex color , click enter???
edit: cant post images yet :( need 10 rep see example @ deepblood.com in chrome works in other browsers color picker dont
javascript (colorpicker.js):
(function(b) { var = function() { var s = {}, c, n = 65, t, p = '<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colour_instructions"><br /><b></b></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>', b = { eventname: "click", onshow: function() {}, onbeforeshow: function() {}, onhide: function() {}, onchange: function() {}, onsubmit: function() {}, color: "ff0000", livepreview: true, flat: false }, j = function(t, v) { var u = j(t); b(v).data("colorpicker").fields.eq(1).val(u.r).end().eq(2).val(u.g).end().eq(3).val(u.b).end() }, u = function(t, u) { b(u).data("colorpicker").fields.eq(4).val(t.h).end().eq(5).val(t.s).end().eq(6).val(t.b).end() }, g = function(t, u) { b(u).data("colorpicker").fields.eq(0).val(r(t)).end() }, l = function(t, u) { b(u).data("colorpicker").selector.css("backgroundcolor", "#" + r({ h: t.h, s: 100, b: 100 })); b(u).data("colorpicker").selectorindic.css({ left: parseint(150 * t.s / 100, 10), top: parseint(150 * (100 - t.b) / 100, 10) }) }, g = function(t, u) { b(u).data("colorpicker").hue.css("top", parseint(150 - 150 * t.h / 360, 10)) }, h = function(t, u) { b(u).data("colorpicker").currentcolor.css("backgroundcolor", "#" + r(t)) }, e = function(t, u) { b(u).data("colorpicker").newcolor.css("backgroundcolor", "#" + r(t)) }, n = function(t) { var v = t.charcode || t.keycode || -1; if ((v > n && v <= 90) || v == 32) { return false } var u = b(this).parent().parent(); if (u.data("colorpicker").livepreview === true) { e.apply(this) } }, e = function(u) { var v = b(this).parent().parent(), t; if (this.parentnode.classname.indexof("_hex") > 0) { v.data("colorpicker").color = t = m(y(this.value)) } else { if (this.parentnode.classname.indexof("_hsb") > 0) { v.data("colorpicker").color = t = f({ h: parseint(v.data("colorpicker").fields.eq(4).val(), 10), s: parseint(v.data("colorpicker").fields.eq(5).val(), 10), b: parseint(v.data("colorpicker").fields.eq(6).val(), 10) }) } else { v.data("colorpicker").color = t = i(m({ r: parseint(v.data("colorpicker").fields.eq(1).val(), 10), g: parseint(v.data("colorpicker").fields.eq(2).val(), 10), b: parseint(v.data("colorpicker").fields.eq(3).val(), 10) })) } } if (u) { j(t, v.get(0)); g(t, v.get(0)); u(t, v.get(0)) } l(t, v.get(0)); g(t, v.get(0)); e(t, v.get(0)); v.data("colorpicker").onchange.apply(v, [t, r(t), j(t)]) }, o = function(t) { var u = b(this).parent().parent(); u.data("colorpicker").fields.parent().removeclass("colorpicker_focus") }, k = function() { n = this.parentnode.classname.indexof("_hex") > 0 ? 70 : 65; b(this).parent().parent().data("colorpicker").fields.parent().removeclass("colorpicker_focus"); b(this).parent().addclass("colorpicker_focus") }, = function(t) { var v = b(this).parent().find("input").focus(); var u = { el: b(this).parent().addclass("colorpicker_slider"), max: this.parentnode.classname.indexof("_hsb_h") > 0 ? 360 : (this.parentnode.classname.indexof("_hsb") > 0 ? 100 : 255), y: t.pagey, field: v, val: parseint(v.val(), 10), preview: b(this).parent().parent().data("colorpicker").livepreview }; b(document).bind("mouseup", u, s); b(document).bind("mousemove", u, l) }, l = function(t) { t.data.field.val(math.max(0, math.min(t.data.max, parseint(t.data.val + t.pagey - t.data.y, 10)))); if (t.data.preview) { e.apply(t.data.field.get(0), [true]) } return false }, s = function(t) { e.apply(t.data.field.get(0), [true]); t.data.el.removeclass("colorpicker_slider").find("input").focus(); b(document).unbind("mouseup", s); b(document).unbind("mousemove", l); return false }, w = function(t) { var u = { cal: b(this).parent(), y: b(this).offset().top }; u.preview = u.cal.data("colorpicker").livepreview; b(document).bind("mouseup", u, r); b(document).bind("mousemove", u, k) }, k = function(t) { e.apply(t.data.cal.data("colorpicker").fields.eq(4).val(parseint(360 * (150 - math.max(0, math.min(150, (t.pagey - t.data.y)))) / 150, 10)).get(0), [t.data.preview]); return false }, r = function(t) { j(t.data.cal.data("colorpicker").color, t.data.cal.get(0)); g(t.data.cal.data("colorpicker").color, t.data.cal.get(0)); b(document).unbind("mouseup", r); b(document).unbind("mousemove", k); return false }, x = function(t) { var u = { cal: b(this).parent(), pos: b(this).offset() }; u.preview = u.cal.data("colorpicker").livepreview; b(document).bind("mouseup", u, a); b(document).bind("mousemove", u, q) }, q = function(t) { e.apply(t.data.cal.data("colorpicker").fields.eq(6).val(parseint(100 * (150 - math.max(0, math.min(150, (t.pagey - t.data.pos.top)))) / 150, 10)).end().eq(5).val(parseint(100 * (math.max(0, math.min(150, (t.pagex - t.data.pos.left)))) / 150, 10)).get(0), [t.data.preview]); return false }, = function(t) { j(t.data.cal.data("colorpicker").color, t.data.cal.get(0)); g(t.data.cal.data("colorpicker").color, t.data.cal.get(0)); b(document).unbind("mouseup", a); b(document).unbind("mousemove", q); return false }, v = function(t) { b(this).addclass("colorpicker_focus") }, q = function(t) { b(this).removeclass("colorpicker_focus") }, p = function(u) { var v = b(this).parent(); var t = v.data("colorpicker").color; v.data("colorpicker").origcolor = t; h(t, v.get(0)); v.data("colorpicker").onsubmit(t, r(t), j(t), v.data("colorpicker").el) }, d = function(t) { var x = b("#" + b(this).data("colorpickerid")); x.data("colorpicker").onbeforeshow.apply(this, [x.get(0)]); var y = b(this).offset(); var w = z(); var v = y.top + this.offsetheight; var u = y.left; if (v + 176 > w.t + w.h) { v -= this.offsetheight + 176 } if (u + 356 > w.l + w.w) { u -= 356 } x.css({ left: u + "px", top: v + "px" }); if (x.data("colorpicker").onshow.apply(this, [x.get(0)]) != false) { x.show() } b(document).bind("mousedown", { cal: x }, o); return false }, o = function(t) { if (!h(t.data.cal.get(0), t.target, t.data.cal.get(0))) { if (t.data.cal.data("colorpicker").onhide.apply(this, [t.data.cal.get(0)]) != false) { t.data.cal.hide() } b(document).unbind("mousedown", o) } }, h = function(v, u, t) { if (v == u) { return true } if (v.contains) { return v.contains(u) } if (v.comparedocumentposition) { return !!(v.comparedocumentposition(u) & 16) } var w = u.parentnode; while (w && w != t) { if (w == v) { return true } w = w.parentnode } return false }, z = function() { var t = document.compatmode == "css1compat"; return { l: window.pagexoffset || (t ? document.documentelement.scrollleft : document.body.scrollleft), t: window.pageyoffset || (t ? document.documentelement.scrolltop : document.body.scrolltop), w: window.innerwidth || (t ? document.documentelement.clientwidth : document.body.clientwidth), h: window.innerheight || (t ? document.documentelement.clientheight : document.body.clientheight) } }, f = function(t) { return { h: math.min(360, math.max(0, t.h)), s: math.min(100, math.max(0, t.s)), b: math.min(100, math.max(0, t.b)) } }, m = function(t) { return { r: math.min(255, math.max(0, t.r)), g: math.min(255, math.max(0, t.g)), b: math.min(255, math.max(0, t.b)) } }, y = function(v) { var t = 6 - v.length; if (t > 0) { var w = []; (var u = 0; u < t; u++) { w.push("0") } w.push(v); v = w.join("") } return v }, d = function(t) { var t = parseint(((t.indexof("#") > -1) ? t.substring(1) : t), 16); return { r: t >> 16, g: (t & 65280) >> 8, b: (t & 255) } }, m = function(t) { return i(d(t)) }, = function(v) { var u = { h: 0, s: 0, b: 0 }; var w = math.min(v.r, v.g, v.b); var t = math.max(v.r, v.g, v.b); var x = t - w; u.b = t; if (t != 0) {} u.s = t != 0 ? 255 * x / t : 0; if (u.s != 0) { if (v.r == t) { u.h = (v.g - v.b) / x } else { if (v.g == t) { u.h = 2 + (v.b - v.r) / x } else { u.h = 4 + (v.r - v.g) / x } } } else { u.h = -1 } u.h *= 60; if (u.h < 0) { u.h += 360 } u.s *= 100 / 255; u.b *= 100 / 255; return u }, j = function(t) { var v = {}; var z = math.round(t.h); var y = math.round(t.s * 255 / 100); var u = math.round(t.b * 255 / 100); if (y == 0) { v.r = v.g = v.b = u } else { var aa = u; var x = (255 - y) * u / 255; var w = (aa - x) * (z % 60) / 60; if (z == 360) { z = 0 } if (z < 60) { v.r = aa; v.b = x; v.g = x + w } else { if (z < 120) { v.g = aa; v.b = x; v.r = aa - w } else { if (z < 180) { v.g = aa; v.r = x; v.b = x + w } else { if (z < 240) { v.b = aa; v.r = x; v.g = aa - w } else { if (z < 300) { v.b = aa; v.g = x; v.r = x + w } else { if (z < 360) { v.r = aa; v.g = x; v.b = aa - w } else { v.r = 0; v.g = 0; v.b = 0 } } } } } } } return { r: math.round(v.r), g: math.round(v.g), b: math.round(v.b) } }, c = function(t) { var u = [t.r.tostring(16), t.g.tostring(16), t.b.tostring(16)]; b.each(u, function(v, w) { if (w.length == 1) { u[v] = "0" + w } }); return u.join("") }, r = function(t) { return c(j(t)) }, f = function() { var u = b(this).parent(); var t = u.data("colorpicker").origcolor; u.data("colorpicker").color = t; j(t, u.get(0)); g(t, u.get(0)); u(t, u.get(0)); l(t, u.get(0)); g(t, u.get(0)); e(t, u.get(0)) }; return { init: function(t) { t = b.extend({}, b, t || {}); if (typeof t.color == "string") { t.color = m(t.color) } else { if (t.color.r != undefined && t.color.g != undefined && t.color.b != undefined) { t.color = i(t.color) } else { if (t.color.h != undefined && t.color.s != undefined && t.color.b != undefined) { t.color = f(t.color) } else { return } } } return this.each(function() { if (!b(this).data("colorpickerid")) { var u = b.extend({}, t); u.origcolor = t.color; var w = "collorpicker_" + parseint(math.random() * 1000); b(this).data("colorpickerid", w); var v = b(p).attr("id", w); if (u.flat) { v.appendto(this).show() } else { v.appendto(document.body) } u.fields = v.find("input").bind("keyup", n).bind("change", e).bind("blur", o).bind("focus", k); v.find("span").bind("mousedown", i).end().find(">div.colorpicker_current_color").bind("click", f); u.selector = v.find("div.colorpicker_color").bind("mousedown", x); u.selectorindic = u.selector.find("div div"); u.el = this; u.hue = v.find("div.colorpicker_hue div"); v.find("div.colorpicker_hue").bind("mousedown", w); u.newcolor = v.find("div.colorpicker_new_color"); u.currentcolor = v.find("div.colorpicker_current_color"); v.data("colorpicker", u); v.find("div.colorpicker_submit").bind("mouseenter", v).bind("mouseleave", q).bind("click", p); j(u.color, v.get(0)); u(u.color, v.get(0)); g(u.color, v.get(0)); g(u.color, v.get(0)); l(u.color, v.get(0)); h(u.color, v.get(0)); e(u.color, v.get(0)); if (u.flat) { v.css({ position: "relative", display: "block" }) } else { b(this).bind(u.eventname, d) } } }) }, showpicker: function() { return this.each(function() { if (b(this).data("colorpickerid")) { d.apply(this) } }) }, hidepicker: function() { return this.each(function() { if (b(this).data("colorpickerid")) { b("#" + b(this).data("colorpickerid")).hide() } }) }, setcolor: function(t) { if (typeof t == "string") { t = m(t) } else { if (t.r != undefined && t.g != undefined && t.b != undefined) { t = i(t) } else { if (t.h != undefined && t.s != undefined && t.b != undefined) { t = f(t) } else { return } } } return this.each(function() { if (b(this).data("colorpickerid")) { var u = b("#" + b(this).data("colorpickerid")); u.data("colorpicker").color = t; u.data("colorpicker").origcolor = t; j(t, u.get(0)); u(t, u.get(0)); g(t, u.get(0)); g(t, u.get(0)); l(t, u.get(0)); h(t, u.get(0)); e(t, u.get(0)) } }) } } }(); b.fn.extend({ colorpicker: a.init, colorpickerhide: a.hidepicker, colorpickershow: a.showpicker, colorpickersetcolor: a.setcolor }) })(jquery);javascript (skin.js):
jquery.noconflict(); jquery(document).ready(function($) { $('a[href=#top], a[href=#ipboard_body]').click(function() { $('html, body').animate({ scrolltop: 0 }, 400); return false; }); $(".forum_name").hover(function() { $(this).next(".forum_desc_pos").children(".forum_desc_con").stop() .animate({ left: "0", opacity: 1 }, "fast") .css("display", "block") }, function() { $(this).next(".forum_desc_pos").children(".forum_desc_con").stop() .animate({ left: "10", opacity: 0 }, "fast", function() { $(this).hide(); }) }); $('#topicviewbasic').click(function() { $(this).addclass("active"); $('#topicviewregular').removeclass("active"); $("#customize_topic").addclass("basictopicview"); $.cookie('ctv', 'basic', { expires: 365, path: '/' }); return false; }); $('#topicviewregular').click(function() { $(this).addclass("active"); $('#topicviewbasic').removeclass("active"); $("#customize_topic").removeclass("basictopicview"); $.cookie('ctv', null, { expires: -1, path: '/' }); return false; }); if (($.cookie('ctv') != null)) { $("#customize_topic").addclass("basictopicview"); $("#topicviewbasic").addclass("active"); } else { $("#topicviewregular").addclass("active"); } var customelements = " #header, #logo, #footer, .thead, #panel .lower, #footer .upper, .breadcrumb .active a,.widthbutton, .widthbuttonimage, #content, .forum_on, .forum_off, .forum_offlock, .forum_offlink, .button, .buttonn, "; var customtext = ".post_block h3, .post_block h3 a"; $('#colorpicker').colorpicker({ onsubmit: function(hsb, hex, rgb, el) { $(el).val(hex); $(el).colorpickerhide(); $(el).css("backgroundcolor", "#" + hex); $(customelements).css("background-color", "#" + hex); $(customtext).css("color", "#" + hex); $.cookie('customcolor', hex, { expires: 365, path: '/' }); }, onbeforeshow: function() { $(this).colorpickersetcolor(this.value); }, onchange: function(hsb, hex, rgb) { $(customelements).css("background-color", "#" + hex); $(customtext).css("color", "#" + hex); $.cookie('customcolor', hex, { expires: 365, path: '/' }); } }) .bind('keyup', function() { $(this).colorpickersetcolor(this.value); }); if (($.cookie('customcolor') != null)) { $(customelements).css("background-color", "#" + $.cookie('customcolor')); $(customtext).css("color", "#" + $.cookie('customcolor')); $("#colorpicker").val($.cookie('customcolor')); } else { $(customelements).css("background-color", "#fc0000"); $(customtext).css("color", "#3a85ba"); } });i have cookie.js , jquery.min.js if need them posted let me know need fast big problem appreciate get. thanks
