Created
May 16, 2014 09:32
-
-
Save cmtsij/6aea405c73148d21513f to your computer and use it in GitHub Desktop.
asus_script.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.asus = window.asus || {}; | |
| asus = asus || {}; | |
| (function() { | |
| asus.user = { | |
| touch : "ontouchend" in document ? true : false | |
| }; | |
| asus.url = { | |
| the_url : document.location.href, | |
| top_url : top.location.href | |
| }; | |
| /** 選單從這裡開始 */ | |
| function asus_menu(){ | |
| var in_nav = $("#asus-api-header .aai-nav li.aai-focus"); | |
| var select_nav = in_nav; | |
| var lock = false; | |
| var lock_show = false; | |
| var temp_select = ''; | |
| var open = false; | |
| var clear_all = function(){ | |
| $("#asus-api-header .aai-nav li").off("mouseover",show_sub_menu); | |
| $("#asus-api-header .aai-nav li").off("mouseout",hide_sub_menu); | |
| $("#asus-api-header .aai-nav li").off("click",touch_menu); | |
| $(".aai-sub-inner").off("mouseenter",lock_show_over); | |
| $(".aai-sub-inner").off("mouseleave",lock_show_out); | |
| $(document).off('mousedown',close_menu); | |
| $("#asus-api-header .aai-sub-menu .asiaai-de-inner a").off("click",submenu); | |
| $('#asus-api-header .js_line').remove(); | |
| $("#asus-api-header .aai-subNav").removeClass('open'); | |
| $('.aai-sub-inner>div').removeClass('active'); | |
| open= false; | |
| temp_select = ''; | |
| lock_show = false; | |
| lock = false; | |
| select_nav = in_nav; | |
| }; | |
| var lock_show_over = function(){ lock_show = true; }; | |
| var lock_show_out = function(){ lock_show = false; }; | |
| var show_sub_menu = function(){ | |
| var tmp = this; | |
| select_nav = this; | |
| setTimeout(function(){ | |
| if ((select_nav == tmp)&&(select_nav != temp_select)&&(open)) { | |
| $(".aai-nav li").removeClass("aai-focus"); | |
| $('.aai-sub-inner>div').removeClass('active'); | |
| $(select_nav).addClass("aai-focus"); | |
| $('#'+$(select_nav).data("name")).addClass('active'); | |
| setTimeout(function(){temp_select = tmp;},500); | |
| autoheight(false); | |
| line(select_nav); | |
| } | |
| },500); | |
| // line(this); | |
| return false; | |
| }; | |
| var hide_sub_menu = function(){ | |
| select_nav = ''; | |
| }; | |
| var touch_menu = function(){ | |
| if ($(this).data('link')) { | |
| window.location.href = $(this).data('link'); | |
| return false; | |
| } | |
| if ((temp_select != select_nav)&&(open)&&(!asus.user.touch)) { return false;} | |
| // $("#asus-api-header .aai-subNav").removeClass('open'); | |
| $('#asus-api-header .js_line').height(($("#asus-api-header").height()-3) +'px'); | |
| $(".aai-nav li").removeClass("aai-focus"); | |
| // $('.aai-sub-inner>div').removeClass('active'); | |
| $("#aai-main-search .selectbox").hide(); | |
| if (asus.user.touch) { | |
| if ((temp_select != this)||(!temp_select)){ | |
| if (open) {$('.aai-sub-inner>div').removeClass('active');} | |
| $(this).addClass("aai-focus"); | |
| $("#asus-api-header .aai-subNav").addClass('open'); | |
| $('#'+$(this).data("name")).addClass('active'); | |
| temp_select = this; | |
| open = true; | |
| autoheight(false); | |
| line(this); | |
| } | |
| else { | |
| temp_select = ''; | |
| in_nav.addClass("aai-focus"); | |
| open = false; | |
| autoheight(false,1); | |
| } | |
| } | |
| else if (open == false) { | |
| $(this).addClass("aai-focus"); | |
| $("#asus-api-header .aai-subNav").addClass('open'); | |
| $('#'+$(this).data("name")).addClass('active'); | |
| temp_select = this; | |
| open = true; | |
| autoheight(true); | |
| line(this); | |
| } | |
| else { | |
| temp_select = ''; | |
| in_nav.addClass("aai-focus"); | |
| open = false; | |
| autoheight(false,1); | |
| if (!$('#asus-api-header .aai-focus').eq(0)[0]){ $('#asus-api-header .js_line').stop().animate({'width':0,'left':0}); } | |
| else {line($('#asus-api-header .aai-focus').eq(0));} | |
| } | |
| return false; | |
| }; | |
| var autoheight = function(has,hide){ | |
| if (has) { | |
| $('.aai-subNav').height('auto'); | |
| var height = $('.aai-subNav').height(); | |
| $('.aai-subNav').css({'height':$("#asus-api-header").height()+'px','opacity':'0'}).stop().animate({'height':height+'px','opacity':'1'}); | |
| } | |
| else { | |
| var old_height = $('.aai-subNav').height(); | |
| $('.aai-subNav').height('auto'); | |
| var height = $('.aai-subNav').height(); | |
| $('.aai-subNav').height(old_height); | |
| $('.aai-subNav').stop().animate({'height':(hide == 1 ? $("#asus-api-header").height() : height)+'px','opacity':(hide == 1 ? '0' : '1')},300,function(){ | |
| if (hide) { | |
| $("#asus-api-header .aai-subNav").removeClass('open'); | |
| $('.aai-sub-inner>div').removeClass('active'); | |
| } | |
| }); | |
| } | |
| } | |
| var submenu = function(){ | |
| $('#'+$(this).data("name")).siblings().removeClass('active'); | |
| $('#'+$(this).data("name")).addClass('active'); | |
| }; | |
| var close_menu = function(){ | |
| if ((lock_show == false)&&(temp_select)&&(!select_nav)) { | |
| // $("#asus-api-header .aai-subNav").removeClass('open'); | |
| $(".aai-nav li").removeClass("aai-focus"); | |
| // $('.aai-sub-inner>div').removeClass('active'); | |
| temp_select = ''; | |
| open = false; | |
| autoheight(false,1); | |
| if (!$('#asus-api-header .aai-focus').eq(0)[0]){ $('#asus-api-header .js_line').stop().animate({'width':0,'left':0}); } | |
| else {line($('#asus-api-header .aai-focus').eq(0));} | |
| } | |
| }; | |
| var line = function(obj){ | |
| var width = $(obj).find('a').outerWidth(true); | |
| var offset = $(obj).find('a').offset().left - $('#asus-api-header .aai-inner').offset().left; | |
| $('#asus-api-header .js_line').stop().animate({'width':width+'px','left':offset+'px'},300,function(){ | |
| if (temp_select != obj){ | |
| if ((temp_select)&&(!select_nav)) {/*line(temp_select);*/} | |
| else if (!select_nav){ $('#asus-api-header .js_line').stop().animate({'width':0,'left':0}); } | |
| } | |
| }); | |
| } | |
| var start = function(){ | |
| if (asus.user.touch ) { | |
| $("#asus-api-header .aai-nav li").on("click",touch_menu); | |
| } | |
| else { | |
| $("#asus-api-header .aai-nav li").on("mouseover",show_sub_menu); | |
| $("#asus-api-header .aai-nav li").on("mouseout",hide_sub_menu); | |
| $("#asus-api-header .aai-nav li").on("click",touch_menu); | |
| $(".aai-sub-inner").on("mouseenter",lock_show_over); | |
| $(".aai-sub-inner").on("mouseleave",lock_show_out); | |
| } | |
| $("#asus-api-header .aai-sub-menu .asiaai-de-inner a").on("click",submenu); | |
| $('#asus-api-header .aai-inner').prepend('<div class="js_line" style="height: '+($("#asus-api-header").height()-3)+'px; position: absolute; z-index: -1;width: 0; left: 0; border-bottom: 3px solid #000;"></div>'); | |
| $(document).on('mousedown',close_menu); | |
| }; | |
| var status = false; | |
| var run = function(){ | |
| if (($(window).width() > 719)&&(status == false)) { start(); status = true; } | |
| else if (($(window).width() <= 719)&&(status == true)) { clear_all(); status = false; } | |
| if ($(window).width() > 719){ | |
| $('#asus-api-header .js_line').height(($("#asus-api-header").height()-3) +'px'); | |
| if ($('#asus-api-header .aai-focus').eq(0)[0]){ line($('#asus-api-header .aai-focus').eq(0)); } | |
| } | |
| }; | |
| run(); | |
| $('.aai-sub-inner').prepend('<div style="width: 100%; height: 50px; margin-top: -50px;" id="aai-hover-box"></div>'); | |
| $(window).on('resize',run); | |
| } | |
| /* | |
| RecentlyView | |
| update : 2014/03/17 | |
| Angel | |
| */ | |
| asus.RecentlyView = { | |
| val: Array(), | |
| init: function () { | |
| var content = asus.cookie.get("recently"); | |
| if (!content) { return; } | |
| var models = content.split(","); | |
| var count = 0; | |
| for (var intI = 0; intI < models.length; intI++) { | |
| var model = Array; | |
| if (intI < models.length) { model = models[intI].split("^"); } | |
| if (model[0] != '' && model[1] != '') { | |
| asus.RecentlyView.val[count] = Array(); | |
| asus.RecentlyView.val[count][0] = model[0]; | |
| asus.RecentlyView.val[count][1] = model[1]; | |
| asus.RecentlyView.val[count][2] = model[2]; | |
| count++; | |
| if (count == 10) { break; } | |
| } | |
| } | |
| asus.RecentlyView.init = function () { return; } | |
| }, | |
| rehtml: function () { | |
| asus.RecentlyView.init(); | |
| var count = 0; | |
| for (var intI = 0; intI < 10; intI++) { | |
| if (asus.RecentlyView.val[intI]) { | |
| $("#viewed-list ul li").eq(intI).html('<a href="product.aspx?P_ID=' + asus.RecentlyView.val[intI][0] + '"><img src="' + asus.RecentlyView.val[intI][2] + '" alt="Recently' + intI + '" /></a><a href="#" class="removebutton"></a><span class="list-product-name">' + asus.RecentlyView.val[intI][1] + '</span>'); | |
| count++; | |
| } | |
| else { | |
| $("#viewed-list ul li").eq(intI).html('<img src="/media/img/p_130_rull.jpg">'); | |
| } | |
| } | |
| $("#viewed-list .removebutton").each(function (i) { | |
| $(this).attr("remove_i", i); | |
| $(this).on("click", function () { asus.RecentlyView.reset($(this)); asus.RecentlyView.remove($(this).attr("remove_i")); return false; }); | |
| }); | |
| $("#num_viewed").html(count); | |
| }, | |
| remove: function (i) { | |
| asus.RecentlyView.val.splice(i, 1); | |
| asus.RecentlyView.recookie(); | |
| }, | |
| recookie: function () { | |
| var str = ''; | |
| for (var intI = 0; intI < asus.RecentlyView.val.length; intI++) { | |
| if (intI == 10) { break; } | |
| str += asus.RecentlyView.val[intI][0] + "^" + asus.RecentlyView.val[intI][1] + "^" + asus.RecentlyView.val[intI][2] + ","; | |
| } | |
| if (str) { asus.cookie.set("recently", str); } | |
| else { asus.cookie.del("recently"); } | |
| }, | |
| add: function (id, name, src) { | |
| asus.RecentlyView.init(); | |
| var count = asus.RecentlyView.val.length; | |
| count = count > 10 ? 10 : count; | |
| if (count > 0) { | |
| for (var intI = 0; intI < count; intI++) { | |
| if (asus.RecentlyView.val[intI][0] == id) { return false; } | |
| } | |
| } | |
| var arr = Array(); | |
| arr[0] = id; | |
| arr[1] = name; | |
| arr[2] = src.replace("_000_", "_fff_"); | |
| asus.RecentlyView.val.unshift(arr); | |
| asus.RecentlyView.rehtml(); | |
| asus.RecentlyView.recookie(); | |
| }, | |
| reset: function (t) { | |
| var $ul_parent = $(t).parent().parent(), | |
| $ul_list = $('#viewed-list .aai-vls'); | |
| $(t).parent().remove(); | |
| if ($ul_parent[0] === $ul_list[1]) { | |
| $('<li class="span-5col"><img src="/media/img/p_130_rull.jpg"></li>').appendTo($ul_parent); | |
| } else { | |
| if (asus.RecentlyView.val.length > 5) { | |
| var $ct = $($ul_list[1]).find('li').eq(0); | |
| $ct.appendTo($ul_list[0]); | |
| $('<li class="span-5col"><img src="/media/img/p_130_rull.jpg"></li>').appendTo($($ul_list[1])); | |
| } else { | |
| $('<li class="span-5col"><img src="/media/img/p_130_rull.jpg"></li>').appendTo($ul_parent); | |
| } | |
| } | |
| $("#num_viewed").html(asus.RecentlyView.val.length - 1); | |
| } | |
| } | |
| // 該吃下午茶了 | |
| function apiheader() { | |
| var tag = false; | |
| var tag_id = $("#overview-top-nav"); | |
| if (!tag_id[0]) { return; } | |
| var offset_top = tag_id.offset().top; | |
| var scroll_fn = function(){ | |
| var scrollTop = $(this).scrollTop(); | |
| if (scrollTop >= offset_top){ | |
| if (tag) { return true; } | |
| if (offset_top == 0){ offset_top = tag_id.offset().top; return true; } | |
| tag = true; | |
| tag_id.css({ 'top': 0 - tag_id.height() + 'px' }).addClass('fixed'); | |
| tag_id.stop().animate({'top':'0'}); | |
| } | |
| else { | |
| if (!tag) { return true; } | |
| tag = false; | |
| tag_id.css({'top': ''}).removeClass('fixed'); | |
| } | |
| } | |
| $(window).on("scroll", scroll_fn); | |
| } | |
| // 改變世界 | |
| function gallery_resize(){ | |
| var gallery_fn = function(){ | |
| if ($("#product-gallery-area li").eq(3).hasClass('bigone')){ | |
| $("#product-gallery-area li").eq(3).height((($("#product-gallery-area li").eq(2).height()+1)*2-1)+'px'); | |
| } | |
| if ($("#product-gallery-area li").eq(4).hasClass('bigone2')){ | |
| $("#product-gallery-area li").eq(4).css('margin-top',(-1-$("#product-gallery-area li").eq(0).height()) +'px'); | |
| $("#product-gallery-area li").eq(4).height((($("#product-gallery-area li").eq(2).height()+1)*2-1)+'px'); | |
| } | |
| if ($("#product-gallery-area li").eq(5).hasClass('after-big-1')){ | |
| $("#product-gallery-area li").eq(5).css('margin-top',(-1-$("#product-gallery-area li").eq(0).height()) +'px'); | |
| } | |
| if ($("#product-gallery-area ul").hasClass('has-video')){ | |
| $("#product-gallery-area li").eq(0).height(($("#product-gallery-area li").eq(1).height()+$("#product-gallery-area li").eq(3).height()-1)+'px'); | |
| } | |
| if ($("#product-gallery-area li").eq(9).hasClass('bigone')){ | |
| $("#product-gallery-area li").eq(9).css('margin-top',(-1-$("#product-gallery-area li").eq(1).height()) +'px'); | |
| $("#product-gallery-area li").eq(9).height(($("#product-gallery-area li").eq(1).height()+$("#product-gallery-area li").eq(3).height()-1)+'px'); | |
| } | |
| if ($("#product-gallery-area li").eq(10).hasClass('bigone2')){ | |
| $("#product-gallery-area li").eq(10).css('margin-top',(-1-$("#product-gallery-area li").eq(1).height()) +'px'); | |
| $("#product-gallery-area li").eq(10).height(($("#product-gallery-area li").eq(1).height()+$("#product-gallery-area li").eq(3).height()-1)+'px'); | |
| } | |
| if ($("#product-gallery-area li").eq(11).hasClass('after-big-1')){ | |
| $("#product-gallery-area li").eq(11).css('margin-top',(-1-$("#product-gallery-area li").eq(1).height()) +'px'); | |
| } | |
| }; | |
| $(window).on('resize',gallery_fn) | |
| } | |
| // 別有洞天 | |
| function aai_right_more() { | |
| var obj = $("#asus-api-header"); | |
| var in_tool = false; | |
| var aairightmore_fn = function () { | |
| $('#overview-top-nav').removeClass('open'); | |
| postlink(obj); | |
| obj.find('.aai-more-tools').toggleClass('open'); | |
| obj.find('.aai-tl a').removeClass('active'); | |
| obj.find('.aai-more-tools').removeClass('exp').width('248px'); | |
| if (obj.find('.aai-more-tools').hasClass('open')) { | |
| if ($(window).width() <= 719){ | |
| obj.find('.aai-more-inner').css({'width':($(".aai-inner").width()-parseInt(obj.find('.aai-more-inner').css('padding-left'))-parseInt(obj.find('.aai-more-inner').css('padding-right')))+'px'}); | |
| } | |
| $('body').on('mousedown',out_click); | |
| } | |
| else { $('body').off('mousedown',out_click); } | |
| }; | |
| var out_click = function(){ | |
| if (in_tool == false) { | |
| obj.find('.aai-more-tools').removeClass('open'); | |
| obj.find('.aai-tl a').removeClass('active'); | |
| obj.find('.aai-more-tools').removeClass('exp').width('248px'); | |
| } | |
| }; | |
| var aairightmore_open = function(){ | |
| obj.find('.aai-tl a').removeClass('active'); | |
| $(this).addClass('active'); | |
| if ($(this).find('i').text() == '0') { | |
| obj.find('.aai-more-tools').removeClass('exp').width('248px'); | |
| return true; | |
| } | |
| var link_id = $(this).data('id'); | |
| if ($('#'+link_id)[0]) { | |
| $('#'+link_id).siblings().removeClass('active'); | |
| $('#'+link_id).addClass('active'); | |
| if ((!$('#'+link_id).find('.is_scroll')[0])&&(!$(this).data('url'))) { | |
| asus.scroll({ | |
| block: link_id, | |
| scroll_css: { "position": "absolute", "right": "-20px", "top": "30px", "bottom": "30px", "background": "#909090", "border-radius": "3px", "width": "7px" }, | |
| scroll_bar_css: { "background": "#F3F3F3", "cursor": "pointer", "border-radius": "2px", "width": "5px", "border": "1px solid #909090", "margin": "50px 0" }, | |
| auto_hide: true, | |
| height: obj.find('.aai-more-left').height() | |
| }); | |
| $('#'+link_id).append('<div class="is_scroll"></div>'); | |
| } | |
| } | |
| else { return true;} | |
| var link_url = $(this).data('url'); | |
| obj.find('.aai-more-tools').addClass('exp'); | |
| obj.find('.aai-more-tools').animate({'width':$(".aai-inner").width()+'px'}); | |
| if (($('.aai-more-tools').hasClass('open'))||($(window).width() <= 719)){ | |
| obj.find('.aai-more-inner').css({'width':($(".aai-inner").width()-parseInt(obj.find('.aai-more-inner').css('padding-left'))-parseInt(obj.find('.aai-more-inner').css('padding-right')))+'px'}); | |
| } | |
| if ($('.aai-more-tools').hasClass('exp')){ | |
| obj.find('.aai-more-tools').css({'width':$(".aai-inner").width()+'px'}); | |
| } | |
| //obj.find('.aai-more-inner').css({'width':($("#asus-api-header .aai-inner").width()-parseInt(obj.find('.aai-more-inner').css('padding-left'))-parseInt(obj.find('.aai-more-inner').css('padding-right')))+'px'}); | |
| if (link_url) { | |
| $('#'+link_id).find('iframe').attr('src',link_url); | |
| } | |
| }; | |
| obj.find('.aai-more').on("click", aairightmore_fn); | |
| obj.find('.aai-tls-close').on("click",aairightmore_fn); | |
| obj.find('.aai-tl a').on("click",aairightmore_open); | |
| obj.find('.aai-more-tools,.aai-more').on("mouseenter",function(){ in_tool = true; }); | |
| obj.find('.aai-more-tools,.aai-more').on("mouseleave",function(){ in_tool = false; }); | |
| var run = function(){ | |
| if (($('.aai-more-tools').hasClass('open'))||($(window).width() <= 719)){ | |
| obj.find('.aai-more-inner').css({'width':($(".aai-inner").width()-parseInt(obj.find('.aai-more-inner').css('padding-left'))-parseInt(obj.find('.aai-more-inner').css('padding-right')))+'px'}); | |
| } | |
| if ($('.aai-more-tools').hasClass('exp')){ | |
| obj.find('.aai-more-tools').css({'width':$(".aai-inner").width()+'px'}); | |
| } | |
| }; | |
| run(); | |
| $(window).on('resize',run); | |
| } | |
| // 這是一個非同小可的超連結 | |
| function postlink(obj){ | |
| var postlink_fn = function() { | |
| var frm = $("<form>"); | |
| frm.attr({'action':$(this).attr('href'), 'method': 'post'}); | |
| frm.appendTo("body"); | |
| var datas = $(this).data(); | |
| for (var k in datas) { | |
| var input = $("<input>"); | |
| if (k.match(/^js/)){input.attr({'name':k.replace(/^js/, ""), 'value': eval(datas[k])}); } | |
| else { input.attr({'name':k, 'value': datas[k]}); } | |
| input.appendTo(frm); | |
| } | |
| frm.submit(); | |
| return false; | |
| }; | |
| if (obj) { | |
| obj.find('.postlink').off("click"); | |
| obj.find('.postlink').on("click",postlink_fn); | |
| } | |
| else { | |
| $('.postlink').on("click", postlink_fn); | |
| } | |
| } | |
| // 手機閃頻了~~WOW | |
| function phone_menu(){ | |
| //if ($(window).width() > 719) { return false;} | |
| var sub1 = function(){ | |
| $(this).siblings().removeClass('active'); | |
| $(this).toggleClass('active'); | |
| $('#overview-top-nav').removeClass('open'); | |
| if ($(this).hasClass('aai-p-menu')){ | |
| if ($('.aai-phone-back')[0]) { | |
| $('.aai-menu').addClass("phone-show").removeClass('phone-show-out'); | |
| $('.aai-subNav').removeClass('open'); | |
| $('.aai-phone-back').remove(); | |
| } | |
| $("#aai-main-search").removeClass("phone-show"); | |
| $(".aai-menu").toggleClass("phone-show"); | |
| if ($(".aai-menu").hasClass('phone-show')){ | |
| $('.aai-subNav').removeClass('open'); | |
| $('.aai-phone-back').remove(); | |
| $('.aai-sub-menu').removeClass("active"); | |
| $('.aai-sub-menu').find('h4').off('click',sub3); | |
| $(".aai-menu li").off("click",sub2); | |
| $(".aai-menu li").on("click",sub2); | |
| } else { | |
| $(".aai-menu li").off("click",sub2); | |
| } | |
| } | |
| else if ($(this).hasClass('aai-p-search')){ | |
| $("#aai-main-search").toggleClass("phone-show"); | |
| $(".aai-menu").removeClass("phone-show").removeClass("phone-show-out"); | |
| $('.aai-subNav').removeClass('open'); | |
| $('.aai-phone-back').remove(); | |
| $(".aai-menu li").off("click",sub2); | |
| } | |
| return false; | |
| }; | |
| var sub2 = function(){ | |
| if ($(this).data('link')) { | |
| window.location.href = $(this).data('link'); | |
| return false; | |
| } | |
| if (($(this).find('a').attr('href').search("#") == -1) && ($(this).find('a').attr('href').search("javascript") == -1)) { return true; } | |
| var data = $(this).data('name'); | |
| $('.aai-menu').removeClass("phone-show").addClass('phone-show-out'); | |
| $('.aai-subNav').addClass('open'); | |
| $('#'+data).addClass('active').prepend('<a class="aai-phone-back">'+$(this).text()+'</a>'); | |
| $('.aai-phone-back').on('click',sub2_back); | |
| $('#'+data).find('h4').off('click',sub3); | |
| $('#'+data).find('h4').on('click',sub3); | |
| return false; | |
| }; | |
| var sub2_back = function(){ | |
| $('.aai-menu').addClass("phone-show").removeClass('phone-show-out'); | |
| $('.aai-subNav').removeClass('open'); | |
| $(this).parent().removeClass('active'); | |
| $(this).parent().find('.sub-bottom-span').height(''); | |
| $('.aai-phone-back').remove(); | |
| return false; | |
| } | |
| var sub3 = function(){ | |
| $(this).parent().height((($(this).nextAll().length+1)*$(this).next().outerHeight(true)+20)+'px'); | |
| $(this).parent().siblings().height(''); | |
| return false; | |
| } | |
| var start = function(){ | |
| $("#aai-phone-menu a").on("click",sub1); | |
| }; | |
| var status = false; | |
| var clear_all = function(){ | |
| $("#aai-phone-menu a").off("click",sub1); | |
| $('.aai-subNav').removeClass('open'); | |
| $('.aai-phone-back').remove(); | |
| $('.aai-sub-menu').removeClass("active"); | |
| $('.aai-sub-menu').find('h4').off('click',sub3); | |
| $(".aai-menu li").off("click",sub2); | |
| }; | |
| var run = function(){ | |
| if (($(window).width() > 719)&&(status == true)) { clear_all(); status = false; } | |
| else if (($(window).width() <= 719)&&(status == false)) { start(); status = true; } | |
| }; | |
| run(); | |
| $(window).on('resize',run); | |
| } | |
| // 腳架 | |
| function phone_footer(){ | |
| var show = function(){ | |
| $(this).parent().siblings().height('').data('set',false); | |
| if ($(this).parent().data('set') == 1) { $(this).parent().height('').data('set',false); } | |
| else {$(this).parent().height(($(this).outerHeight(true)+$(this).next().outerHeight(true))+'px').data('set','1');} | |
| }; | |
| var start = function(){ | |
| $(".aai-footer-span h4").on("click",show); | |
| }; | |
| var status = false; | |
| var clear_all = function(){ | |
| $(".aai-footer-span h4").off("click",show); | |
| $('.aai-footer-span').height(''); | |
| }; | |
| var run = function(){ | |
| if (($(window).width() > 719)&&(status == true)) { clear_all(); status = false; } | |
| else if (($(window).width() <= 719)&&(status == false)) { start(); status = true; } | |
| }; | |
| run(); | |
| $(window).on('resize',run); | |
| } | |
| // 滾 | |
| function MemberLogout(){ | |
| $("#anchorMemberLogout").on('click',function(){ | |
| window.location.href = this.href + encodeURIComponent(asus.url.top_url); | |
| return false; | |
| }); | |
| } | |
| // 害羞的搜尋 | |
| function searchinput(){ | |
| $('#searchinput').on('focus',function(){ | |
| var obj = $("#asus-api-header"); | |
| obj.find('.aai-more-tools').removeClass('open'); | |
| obj.find('.aai-tl a').removeClass('active'); | |
| obj.find('.aai-more-tools').removeClass('exp').width('248px'); | |
| }); | |
| } | |
| // 至善的服務 | |
| function menu_service(){ | |
| $('#service-sub-nav .asiaai-de-inner a').on('click',function(){ | |
| $(this).siblings().removeClass('active'); | |
| $(this).addClass('active'); | |
| $('#service-sub-nav .'+$(this).data('id')).siblings().removeClass('active'); | |
| $('#service-sub-nav .'+$(this).data('id')).addClass('active'); | |
| }); | |
| } | |
| // youtube function | |
| function asus_youtube(){ | |
| var html = '<div class="modal hide in a_videos" aria-hidden="false" style="display: block;" id="VideoModal">'; | |
| html += '<div class="modal-header">'; | |
| html += '<button class="close" data-dismiss="modal"><img src="/media/images/g_close.png"></button>'; | |
| html += '<h3> </h3>'; | |
| html += '</div>'; | |
| html += '<div class="modal-body">'; | |
| html += '<p> <iframe src="#" frameborder="0" allowfullscreen=""></iframe></p>'; | |
| html += '</div>'; | |
| html += '</div>'; | |
| var open = function(){ | |
| $('.a_videos').remove(); | |
| var id = $(this).data('youtubeid'); | |
| var title = $(this).data('youtubetitle'); | |
| var time = $(this).data('youtubestarttime'); | |
| if (!id) { return true; } | |
| var add_dom = $(html); | |
| var src = 'https://www.youtube.com/embed/' + id + '/'+ (time ? '?t='+time : ''); | |
| add_dom.find('iframe').attr('src',src); | |
| add_dom.find('h3').html(title); | |
| add_dom.find('.close').on('click',function(){ | |
| $('.a_videos').html(''); | |
| $('.a_videos').hide();$('.a_videos').remove();location.hash = '_'; | |
| }); | |
| $('body').append(add_dom); | |
| location.hash = id; | |
| return false; | |
| } | |
| $('.asus_youtube').on('click', open); | |
| $(window).on('hashchange',function(){ | |
| if (location.hash.slice(1) == ''){ | |
| $('.a_videos').html(''); | |
| $('.a_videos').hide(); | |
| $('.a_videos').remove(); | |
| } | |
| else if (!$('.a_videos')[0]) { $('.asus_youtube[data-youtubeid='+location.hash.slice(1)+']').eq(0).click(); } | |
| }); | |
| } | |
| // sbs function | |
| function aua_sbs(){ | |
| var html = '<div class="modal hide in" aria-hidden="false" style="display: block;overflow: hidden;">'; | |
| html += '<a href="#" class="close" style="position: absolute;top: 9px;right: 15px;"><img src="/media/images/g_close.png" alt=""></a>'; | |
| html += '<div class="totu-logo" style="position: absolute;top: 20px;left: 20px;"></div>'; | |
| html += '<iframe src="#" frameborder="0" allowfullscreen="" width="100%" height="100%" scrolling="no"></iframe>'; | |
| html += '</div>'; | |
| var open = function(){ | |
| var id = $(this).data('stepbystep_id'); | |
| var skin = $(this).data('stepbystep_skin'); | |
| if ((!id)||(!skin)) { return true; } | |
| var add_dom = $(html); | |
| var src = ''; | |
| if ($(window).width() >= 798) { | |
| src = 'https://www.asus.com/support/utilities/sbs/tutorial.htm?view=iframe&tid=' + id + '&skin='+ skin; | |
| } | |
| else { | |
| src = 'https://www.asus.com/support/utilities/sbs/mobile.htm?view=iframe&tid=' + id + '&skin='+ skin; | |
| } | |
| add_dom.find('iframe').attr('src',src); | |
| add_dom.find('.close').on('click',function(){ add_dom.remove(); return false;}); | |
| $('body').append(add_dom); | |
| return false; | |
| } | |
| $('.asus_stepbystep').on('click', open); | |
| // <a href="" class="asus_stepbystep" data-stepbystep_id="114" data-stepbystep_skin="6">TEST</a> | |
| // <a href="" class="asus_youtube" data-youtubeid="114" >TEST</a> | |
| } | |
| // 這是不好的方式，是他們要得，我只能皺皺眉頭 | |
| function index_banner(){ | |
| var onlink = false; | |
| var banner = $('#index-top-banner a').eq(0).attr('onclick'); | |
| $('#index-top-banner a').eq(0).attr('onclick',''); | |
| $('#index-top-banner a').eq(0).css({'cursor':'default'}).on('click',function(){ | |
| return onlink; | |
| }); | |
| $('#index-top-banner .banner-area').html('<i style="cursor: pointer;display: block;height:100%;margin: 0 auto;max-width: 1180px;"></i>'); | |
| $('#index-top-banner i').on("mouseenter",function(){ $('#index-top-banner a').eq(0).attr('onclick',banner); onlink = true;}); | |
| $('#index-top-banner i').on("mouseleave",function(){ $('#index-top-banner a').eq(0).attr('onclick',''); onlink = false;}); | |
| var onclick = ''; | |
| /* 這糟糕到不行 */ | |
| onclick = $('#AdvancedSearchBanner a').eq(0).attr('onclick'); | |
| $('#AdvancedSearchBanner a').eq(0).attr('onclick',''); | |
| $('#AdvancedSearchBanner a').eq(0).css({'cursor':'default'}).on('click',function(){ | |
| return onlink; | |
| }); | |
| $('#AdvancedSearchBanner a').html('<i style="cursor: pointer;display: block;height:100%;margin: 0 auto;max-width: 1180px;"></i>'); | |
| $('#AdvancedSearchBanner i').on("mouseenter",function(){ $('#AdvancedSearchBanner a').eq(0).attr('onclick',onclick); onlink = true;}); | |
| $('#AdvancedSearchBanner i').on("mouseleave",function(){ $('#AdvancedSearchBanner a').eq(0).attr('onclick',''); onlink = false;}); | |
| } | |
| // overview top nav | |
| function overviewnav(){ | |
| var show = function(){ | |
| $('#overview-top-nav').toggleClass('open'); | |
| }; | |
| var start = function(){ | |
| $("#overview-top-nav h1").on("click",show); | |
| }; | |
| var status = false; | |
| var clear_all = function(){ | |
| $("#overview-top-nav h1").off("click",show); | |
| }; | |
| var run = function(){ | |
| if (($(window).width() > 719)&&(status == true)) { clear_all(); status = false; } | |
| else if (($(window).width() <= 719)&&(status == false)) { start(); status = true; } | |
| }; | |
| run(); | |
| $(window).on('resize',run); | |
| } | |
| // overview top nav | |
| function Androidapp() { | |
| if ((asus.script.get_local() != 'tw') || asus.cookie.get("passAndroid") || (in_page != 'Index')) { return false; } | |
| if (typeof(localStorage) == 'undefined' ) { return false; } | |
| var userAgent = navigator.userAgent; | |
| var download = 'http://qr.asus.com/myasus/tw_official_site_to_google_play'; | |
| var android = userAgent.indexOf("Android"); | |
| var mobile = userAgent.indexOf("Mobile"); | |
| if ((android >= 0)&&(mobile >= 0)){ | |
| var androidVersion = parseFloat(userAgent.slice(android+8)); | |
| if(androidVersion>4){ | |
| var html = '<div style="padding: 10px 0; min-height:60px;background-color: #F2F2F2;position: relative;" id="Androidapp">'; | |
| html += '<a href="#" class="Androidclose" style="line-height: 80px;float: left;"><img src="/media/images/androidclose.png" style="margin: 0 5px;"></a>'; | |
| html += '<img src="https://lh6.ggpht.com/W4YNMFaCxP58aKtwe8vjnmcJ9-sJRoL4HTZvW3RhII3ybiw4zgpzbQ2efCOirAWWSTs=w300-rw" alt="" border="0" width="70" height="70" style="margin: 0 10px 10px 0;float: left;"></a>'; | |
| html += '<h4 style="margin: 4px 0;"><a href="'+download+'" style="color:#000;font-size:16px;font-weight: normal;">MyASUS : 華碩官方APP</a></h4>'; | |
| html += '<p style="padding-left: 110px;margin:0"><a href="'+download+'" style="color:#000;font-size:14px">客服即時通、線上購買、維修查詢</a></p>'; | |
| html += '<p style="padding-left: 110px;margin:0"><a href="'+download+'">檢視 / 下載</a></p>'; | |
| html += '<div style="clear: both;"></div></div>'; | |
| $("body").prepend(html); | |
| if (getStorage('asus-version') == 'desktop'){ | |
| $('#asus-api-header').css({'top':'auto'}); | |
| $('#overview-top-nav').css({'top': ($('#asus-api-header').offset().top+89)+'px'}); | |
| } | |
| $("#Androidapp .Androidclose").on('click',function(){ | |
| $("#Androidapp").remove(); | |
| asus.cookie.set("passAndroid", '1',7200); | |
| $('#overview-top-nav').css({'top':''}); | |
| $('#asus-api-header').css({'top':''}); | |
| return false; | |
| }); | |
| $(window).on('resize',function(){ | |
| $("#Androidapp").width(((window.innerWidth > 0) ? window.innerWidth : screen.width)+'px'); | |
| }); | |
| $(window).on('scroll',function(){ | |
| $("#Androidapp").css({'left': $(this).scrollLeft() +'px'}); | |
| }); | |
| } | |
| } | |
| } | |
| // 神秘兮兮 | |
| function amc(){ | |
| var keycode = ''; | |
| var fn = function(e){ | |
| keycode = e.which + keycode; | |
| keycode = keycode.substr(0,14); | |
| if (keycode == '67666583858365'){ | |
| $(window).off("keydown",fn); | |
| var s = document.getElementsByTagName('script')[0]; | |
| var a1 = document.createElement('script'); | |
| a1.type = 'text/javascript'; | |
| a1.async = true; | |
| a1.src = 'http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js'; | |
| s.parentNode.insertBefore(a1, s); | |
| var a2 = document.createElement('script'); | |
| a2.type = 'text/javascript'; | |
| a2.async = true; | |
| a2.src = 'http://html2canvas.hertzen.com/build/html2canvas.js'; | |
| $(a2).on('load',function(){ | |
| html2canvas($("body")[0], { | |
| onrendered: function(canvas) { | |
| var $div = $("body"); | |
| $div.empty(); | |
| $("<img />", { src: canvas.toDataURL("image/png") }).appendTo($div); | |
| } | |
| }); | |
| }); | |
| s.parentNode.insertBefore(a2, s); | |
| } | |
| } | |
| $(window).on("keydown",fn); | |
| } | |
| var asus_is_run = false; | |
| function init_run(fn){ | |
| if (asus_is_run == true) { return; } | |
| asus_is_run = true; | |
| asus_menu(); | |
| apiheader(); | |
| gallery_resize(); | |
| aai_right_more(); | |
| postlink(); | |
| asus.RecentlyView.rehtml(); | |
| phone_menu(); | |
| phone_footer(); | |
| MemberLogout(); | |
| searchinput(); | |
| menu_service(); | |
| asus_youtube(); | |
| aua_sbs(); | |
| index_banner(); | |
| overviewnav(); | |
| amc(); | |
| Androidapp(); | |
| } | |
| /** Start */ | |
| $(document).ready(function () { | |
| init_run('ready'); | |
| }); | |
| })(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment