| 1 |
- var awselect_count=0,mobile_width=800;!function(t){function e(e){return t('.awselect[data-select="'+e.attr("id")+'"]')}function a(e,a){var i=e.attr("data-placeholder"),n=e.attr("id"),o=e.children("option"),s=!1,c="awselect",l="",r=a.background,f=a.active_background,u=a.placeholder_color,h=a.placeholder_active_color,v=a.option_color,p=a.vertical_padding,w=a.horizontal_padding;o.each(function(){"undefined"!=typeof t(this).attr("selected")&&t(this).attr("selected")!==!1&&(s=t(this).text()),l+='<li><a style="padding: 2px '+w+'">'+t(this).text()+"</a></li>"}),s!==!1&&(c+=" hasValue"),"undefined"!=typeof n&&n!==!1?id_html=n:(id_html="awselect_"+awselect_count,t(e).attr("id",id_html));var m='<div id="awselect_'+id_html+'" data-select="'+id_html+'" class = "'+c+'"><div style="background:'+f+'" class = "bg"></div>';m+='<div style="padding:'+p+" "+w+'" class = "front_face">',m+='<div style="background:'+r+'" class = "bg"></div>',m+='<div data-inactive-color="'+h+'" style="color:'+u+'" class = "content">',s!==!1&&(m+='<span class="current_value">'+s+"</span>"),m+='<span class = "placeholder">'+i+"</span>",m+='<i class = "icon">'+d(u)+"</i>",m+="</div>",m+="</div>",m+='<div style="padding:'+p+' 0;" class = "back_face"><ul style="color:'+v+'">',m+=l,m+="</ul></div>",m+="</div>",t(m).insertAfter(e),e.hide()}function i(e){if(0==e.hasClass("animating")){if(e.addClass("animating"),t(".awselect.animate").length>0){o(t(".awselect").not(e));var a=600}else var a=100;t(window).width()<mobile_width&&(n(e),a+=200),setTimeout(function(){var a=e.find(".back_face");a.show();var i=e.find("> .bg");i.css({height:e.outerHeight()+a.outerHeight()}),a.css({"margin-top":t(e).outerHeight()}),t(window).width()<mobile_width&&e.css({top:parseInt(e.css("top"))-a.height()}),e.addClass("placeholder_animate"),setTimeout(function(){c(e),setTimeout(function(){200==a.outerHeight()&&a.addClass("overflow")},200),e.addClass("placeholder_animate2"),e.addClass("animate"),e.addClass("animate2"),e.removeClass("animating")},100)},a)}}function n(e){t(".awselect_bg").remove(),t("body").prepend('<div class = "awselect_bg"></div>'),setTimeout(function(){t(".awselect_bg").addClass("animate")},100);var a=e.outerWidth(),n=e.outerHeight(),o=e.offset().left,s=e.offset().top-t(window).scrollTop();e.attr("data-o-width",a),e.attr("data-o-left",o),e.attr("data-o-top",s),e.addClass("transition_paused").css({width:a,"z-index":"9999"}),setTimeout(function(){t('<div class = "awselect_placebo" style="position:relative; width:'+a+"px; height:"+n+'px; float:left;ß"></div>').insertAfter(e),e.css({position:"fixed",top:s,left:o}),e.removeClass("transition_paused"),setTimeout(function(){e.css("width",t(window).outerWidth()-40),e.css({top:t(window).outerHeight()/2+e.outerHeight()/2,left:20}),setTimeout(function(){i(e)},100)},100)},50)}function o(e){if(null==e)var a=t(".awselect");else var a=e;t(a).each(function(){var e=t(this);e.hasClass("animate")&&(setTimeout(function(){},300),e.removeClass("animate2"),e.find(".back_face").hide(),e.find(".back_face").removeClass("overflow"),e.removeClass("animate"),c(e),e.children(".bg").css({height:0}),e.removeClass("placeholder_animate2"),setTimeout(function(){s(e),e.removeClass("placeholder_animate")},100))})}function s(e){e.siblings(".awselect_placebo").length>0&&setTimeout(function(){var a=e.attr("data-o-width"),i=e.attr("data-o-left"),n=e.attr("data-o-top");e.css({width:a,left:i+"px",top:n+"px"}),t(".awselect_bg").removeClass("animate"),setTimeout(function(){t(".awselect_placebo").remove(),setTimeout(function(){t(".awselect_bg").removeClass("animate").remove()},200),e.attr("style","")},200)},100)}function c(t){var e=t.find(".front_face .content").attr("data-inactive-color"),a=t.find(".front_face .content").css("color");t.find(".front_face .content").attr("data-inactive-color",a),t.find(".front_face .content").css("color",e),t.find(".front_face .icon svg").css("fill",e)}function l(a){var i=t(a).val(),n=e(t(a)),s=t(a).children('option[value="'+i+'"]').eq(0),c=t(a).attr("data-callback");t(n).find(".current_value").remove(),t(n).find(".front_face .content").prepend('<span class = "current_value">'+s.text()+"</span>"),t(n).addClass("hasValue"),"undefined"!=typeof c&&c!==!1&&window[c](s.val()),setTimeout(function(){o()},100)}function d(t){return'<svg style="fill:'+t+'" version="1.1" id="Chevron_thin_down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"><path d="M17.418,6.109c0.272-0.268,0.709-0.268,0.979,0c0.27,0.268,0.271,0.701,0,0.969l-7.908,7.83c-0.27,0.268-0.707,0.268-0.979,0l-7.908-7.83c-0.27-0.268-0.27-0.701,0-0.969c0.271-0.268,0.709-0.268,0.979,0L10,13.25L17.418,6.109z"/></svg>'}t(document).mouseup(function(e){var a=t(".awselect");a.is(e.target)||0!==a.has(e.target).length||o()}),t.fn.awselect=function(n){var s=t(this),c=t.extend({},t.fn.awselect.defaults,n);return s.each(function(){awselect_count+=1,a(t(this),c)}),this.on("aw:animate",function(){i(e(t(this)))}),this.on("change",function(){l(this)}),this.on("aw:deanimate",function(){o(e(t(this)))}),console.log(s.attr("id")),{blue:function(){s.css("color","blue")}}},t.fn.awselect.defaults={background:"#e5e5e5",active_background:"#fff",placeholder_color:"#000",placeholder_active_color:"#000",option_color:"#000",vertical_padding:"15px",horizontal_padding:"40px"}}(jQuery),$(document).ready(function(){$("body").on("click",".awselect .front_face",function(){var t=$(this).parent(".awselect");0==t.hasClass("animate")?$("select#"+t.attr("id").replace("awselect_","")).trigger("aw:animate"):$("select#"+t.attr("id").replace("awselect_","")).trigger("aw:deanimate")}),$("body").on("click",".awselect ul li a",function(){var t=$(this).parents(".awselect"),e=$(this).parent("li").index(),a=t.attr("data-select"),i=$("select#"+a),n=$(i).children("option").eq(e);$(i).attr("data-callback");$(i).val(n.val()),$(i).trigger("change")})});
|
