'; for (var i = 0; i < lst.length; i++) { var sub = lst[i].split('|'); html += '' + '' + ' ' + ' ' + ' ' + ' ' + ' ' + '' + '×' + ''; } $('#myPaletteItems,#myPaletteItems2').append(html); } if (localStorage.getItem('gradient')) { var gradients = localStorage.getItem('gradient'); var lst = gradients.split(':||:'); var html = '
'; for (var i = 0; i < lst.length; i++) html += ' ×'; $('#myGradientItems,#myGradientItems2').append(html); } }); $('#myColorHead,#myColorHead2').on('click', function () { if ($("#myColorItems,#myColorItems2").css("display") == 'none') setSideBarStatus('oc'); else setSideBarStatus('cc'); $('#myPaletteItems,#myPaletteItems2').slideUp(); $('#myGradientItems,#myGradientItems2').slideUp(); $('#myColorItems,#myColorItems2').slideToggle(); }); $('#myPaletteHead,#myPaletteHead2').on('click', function () { if ($("#myPaletteItems,#myPaletteItems2").css("display") == 'none') setSideBarStatus('op'); else setSideBarStatus('cp'); $('#myColorItems,#myColorItems2').slideUp(); $('#myGradientItems,#myGradientItems2').slideUp(); $('#myPaletteItems,#myPaletteItems2').slideToggle(); }); $('#myGradientHead,#myGradientHead2').on('click', function () { if ($("#myGradientItems,#myGradientItems2").css("display") == 'none') setSideBarStatus('og'); else setSideBarStatus('cg'); $('#myColorItems,#myColorItems2').slideUp(); $('#myPaletteItems,#myPaletteItems2').slideUp(); $('#myGradientItems,#myGradientItems2').slideToggle(); }); var pageId = 2; var selectedContextBackColor = ""; var selectedContextId = 0; document.getElementById("hasColor").value = 1; var _contextId = 0; function showShadow(divContextId, mainColor) { if (_contextId === divContextId.substring('divContext'.length) - 1) { $('#shadowList').slideToggle(500); } else $('#shadowList').slideDown(500); _contextId = divContextId.substring('divContext'.length) - 1; var $this = $("#" + divContextId); $('#shadowList').css('right', (divContextId.substring('divContext'.length) - 1) * 20 + '%'); var hex = mainColor; var value = 1; for (i = 1; i <= 21; i++) { $("#div" + i).css("background-color", color.ColorLuminance(hex, value)); $("#div" + i).unbind("click"); $("#div" + i).click(function () { var back_color = $(this).css("background-color"); var temp = color.split.rgb(back_color); var hex_back_color = color.convert.rgbToHex(temp.R, temp.G, temp.B); $('#part' + _contextId).attr('data-hex', hex_back_color); fillParts($('#part' + _contextId)); $("#" + divContextId).css("background-color", back_color); $("#" + divContextId + " span.bl").html("#" + hex_back_color); }); value -= 0.1; } }