var imageUrl = '/modules/poll/admin/js/color.png'; function iColorShow(id, id2) { var eICP = jQuery("#" + id2).position(); jQuery("#iColorPicker").css({ 'top': eICP.top + (jQuery("#" + id).outerHeight()) + "px", 'left': (eICP.left-200) + "px", 'position': 'absolute' }).fadeIn("fast"); jQuery("#iColorPickerBg").css({ 'position': 'fixed', 'top': 0, 'left': 0, 'width': '100%', 'height': '100%' }).fadeIn("fast"); var def = jQuery("#" + id).val(); jQuery('#colorPreview span').text(def); jQuery('#colorPreview').css('background', def); jQuery('#color').val(def); var hxs = jQuery('#iColorPicker'); for (i = 0; i < hxs.length; i++) { var tbl = document.getElementById('hexSection' + i); var tblChilds = tbl.childNodes; for (j = 0; j < tblChilds.length; j++) { var tblCells = tblChilds[j].childNodes; for (k = 0; k < tblCells.length; k++) { jQuery(tblChilds[j].childNodes[k]).unbind().mouseover(function(a) { var aaa = "#" + jQuery(this).attr('hx'); jQuery('#colorPreview').css('background', aaa); jQuery('#colorPreview span').text(aaa) }).click(function() { var aaa = "#" + jQuery(this).attr('hx'); jQuery("#" + id).val(aaa).css("background", aaa); jQuery("#iColorPickerBg").hide(); jQuery("#iColorPicker").fadeOut(); jQuery(this) }) } } } } this.iColorPicker = function() { jQuery("input.iColorPicker").each(function(i) { if (i == 0) { jQuery(document.createElement("div")).attr("id", "iColorPicker").css('display', 'none').html('
').appendTo("body"); jQuery(document.createElement("div")).attr("id", "iColorPickerBg").click(function() { jQuery("#iColorPickerBg").hide(); jQuery("#iColorPicker").fadeOut() }).appendTo("body"); jQuery('table.pickerTable td').css({ 'width': '12px', 'height': '14px', 'border': '1px solid #000', 'cursor': 'pointer' }); jQuery('#iColorPicker table.pickerTable').css({ 'border-collapse': 'collapse' }); jQuery('#iColorPicker').css({ 'border': '1px solid #ccc', 'background': '#333', 'padding': '5px', 'color': '#fff', 'z-index': 9999 }) } jQuery('#colorPreview').css({ 'height': '50px' }); jQuery(this).css("backgroundColor", jQuery(this).val()).after('') }) }; jQuery(function() { iColorPicker() })