(function($) { /* global */ var speed = 400, breakPoint = 750-1, //curSize = Cookies.set('fontSize'), curSize = undefined, DATA = { 'ANALYTICS': 'data-ga', 'PC_IMG': 'data-pc-src', 'SP_IMG': 'data-sp-src' }, TRACK_DATA = { 'CATEGORY': '', 'LABEL': '', 'VALUE': '', 'ACTION': 'click', } ; $('html').addClass('js-true').css('visibility', 'hidden'); function resizeProc () { var body = $('body'), scrollsize = window.innerWidth - $(window).outerWidth(true), windowSize = $(window).width(); if ( navigator.userAgent.indexOf('iPhone') > 0 && windowSize <= breakPoint // iphone under750 || navigator.userAgent.indexOf('iPad') > 0 && windowSize <= breakPoint // iPad under750 || navigator.userAgent.indexOf('iPod') > 0 && windowSize <= breakPoint // iPod under750 || navigator.userAgent.indexOf('Android') > 0 && windowSize <= breakPoint// Android under750 || windowSize + scrollsize <= breakPoint ) { // for SP $('html').addClass('device-sp').css('visibility', ''); $('html').removeClass('device-pc'); if (windowSize >= 600) { $('html').addClass('device-large') } // 画像切り替え $('[' + DATA.PC_IMG + ']').each(function() { this.src = $(this).attr(DATA.SP_IMG); }); if (curSize) { body.removeClass(curSize); }; } else { // for PC $('html').addClass('device-pc').css('visibility', ''); $('html').removeClass('device-sp'); $('html').removeClass('device-roid'); $('html').removeClass('device-roid-600'); // 画像切り替え $('[' + DATA.PC_IMG + ']').each(function() { this.src = $(this).attr(DATA.PC_IMG); }); $('#nav-sm, #nav-overlay').removeAttr('style'); if (curSize) { body.addClass(curSize); }; } } $(function() { var body = $('body'); /* 解析タグ クリックイベント */ if(window.ga) { $('[' + DATA.ANALYTICS + ']').each(function(i) { $(this).click(function(e) { var _data = {}, _analytics = $(this).attr(DATA.ANALYTICS); _analytics = _analytics.split(','); _data = { 'category': _analytics[0] || TRACK_DATA.CATEGORY, 'label': _analytics[1] || TRACK_DATA.LABEL, 'value': _analytics[2] || TRACK_DATA.VALUE, 'action': _analytics[3] || TRACK_DATA.ACTION }; if(!_data.value) { ga('send', 'event', _data.category, _data.action, _data.label); }else{ ga('send', 'event', _data.category, _data.action, _data.label, _data.value); } }); }); } /* 判定 */ resizeProc(); $(window).load(function(){ // $(window).on('load resize', function() { resizeProc(); /* rollover */ if ( navigator.userAgent.indexOf('iPhone') < 0 || navigator.userAgent.indexOf('iPad') < 0 || navigator.userAgent.indexOf('iPod') < 0 || navigator.userAgent.indexOf('Android') < 0 ) { // for PC body.on('mouseout', 'a:not(.js-omit), .js-roll, input[type="submit"], input[type="image"]', function(){ $(this).stop().animate({'opacity': 1}, 200); }); body.on('mouseover', 'a:not(.js-omit), .js-roll, input[type="submit"], input[type="image"]', function(){ $(this).stop().animate({'opacity': .7}, 200); }); // 例外(大辞典用) if (body.hasClass('aga_dictionary')) { dictionaryImgFix($(this)); } } }); /* 外部リンク系 */ /* body.on('click', '.js-to', function(e) { event.preventDefault(); var _m = '外部ページを開きますが、よろしいですか?'; var _o = 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'; var _to = $(this).data("to").split(","); if ( _to[0] === 'share' || _to[0] === 'bkm') { // if ( window.confirm(_m) ) { if (_to[0] === 'share') { return window.open(encodeURI(decodeURI(this.href)), _to[1], _o); }; if (_to[0] === 'bkm') { return window.open(encodeURI(decodeURI(this.href)), _to[1]); }; // } } else if ( _to[0] === 'mail' ) { // if ( window.confirm('メール送信画面が開きますが、よろしいですか?') ) { return window.open(this.href, _to[1]); // } }; }); */ /* font */ /* var path = location.pathname, txtSize = $('#font-size'), txtSizeBtn = txtSize.find('dd'); if ( curSize === undefined ) { body.addClass('fontM'); //Cookies.set('fontSize', 'fontM', {path: '/'}); } else { body.addClass(curSize); txtSizeBtn.removeClass('active'); txtSize.find('.'+curSize).addClass('active'); } txtSizeBtn.on('click', function(){ var thisBtn = $(this), btnSize = thisBtn.attr("class") //curSize = Cookies.set('fontSize'); txtSizeBtn.removeClass('active'); thisBtn.addClass('active'); //Cookies.set('fontSize', btnSize, {path: '/'}); body.removeClass(curSize).addClass(btnSize); // 例外(大辞典用) if (body.hasClass('aga_dictionary')) { dictionaryImgFix($(this)); } }); */ /* anchor */ /* $('a[href^="#top"]').on('click', function(e) { e.preventDefault(); return $("html, body").animate({ scrollTop:'0' },{ duration: speed/2, easing: 'swing'}); }); */ /* menu */ var menu_btn = $('#menu-button'), menu_bg = $('#nav-overlay'), menu = $('#nav-sm'), menu_flag = false, menu_close = function (){ if (menu_flag) { menu_flag = false; menu.slideToggle( speed , function(){ menu_bg.fadeToggle(speed); }); }; } ; menu_btn.click(function(event) { if (!menu_flag) { menu_flag = true; menu_bg.fadeToggle( speed , function() { menu.slideToggle(speed); }); } else { menu_close(); } }); menu_bg.click(menu_close); /* 大辞典 */ /* function dictionaryImgFix(){ target = $('#main .inner .search-text'); target.removeClass('small').removeClass('middle').removeClass('large'); if (body.hasClass('fontL')) { target.addClass('large'); } else { target.addClass('middle'); } } */ // jScripts ////----------------------------------------------------------------------------------------------------------------------------------------- //----------------------------------------------------------------------------------------------------------- // [SETVAL] //----------------------------------------------------------------------------------------------------------- var winScroll = $(window).scrollTop(); var winH = $(window).height(); var winW = $(window).width(); var winRW = window.innerWidth; var viewMode = "PC"; //var SPNaviBtn = $("#sp-nav"); //var SPNavi = $(".head-nav"); var naviState = "HIDDEN"; //----------------------------------------------------------------------------------------------------------- // [valCheck] //----------------------------------------------------------------------------------------------------------- function valCheck(){ winScroll = $(window).scrollTop(); winH = $(window).height(); winW = $(window).width(); winRW = window.innerWidth; //wCheck if(winRW < 750 && viewMode == "PC"){ viewMode = "SP"; $($(".head-nav")).css({"z-index":223,"position":"relative","top":0}); $($("#sp-nav")).css({"z-index":224,"position":"relative"}); $("#nav-wrap").css({"z-index":222}); //logoZ $(".head-right").css({"z-index":300}); $(".logo").css({"z-index":301}); }else if(winRW >= 750 && viewMode == "SP"){ viewMode = "PC"; //resets $($("#sp-nav")).css({"z-index":"","position":""}); $("#nav-wrap").css({"z-index":""}); $($(".head-nav")).css({"height":"","opacity":"","display":"","z-index":"","position":"","top":0}); $("#spBg").remove(); naviState = "HIDDEN"; $(".head-right").css({"z-index":""}); $(".logo").css({"z-index":""}); }//else }// valCheck(); //----------------------------------------------------------------------------------------------------------- // [MONITOR] //----------------------------------------------------------------------------------------------------------- //--------------------------------------------------------- // [timer] var monitor; var monitorTime = 1000; //[start] function startMonitor(){ monitor=setInterval(function(){ valCheck(); goTopAdjust(); if(viewMode == "PC"){ }else{ } console.log('timer'); },monitorTime); }// //[stop] function stopMonitor(){clearInterval(monitor);} //[boot] startMonitor(); //------------------------------------------- // [scroll] //$(window).scroll(function(e){}); //------------------------------------------- // [resize] //$(window).resize(function(e){}); //----------------------------------------------------------------------------------------------------------- // [smoothScroll] //----------------------------------------------------------------------------------------------------------- function goToScroll(target,myAdjust){ //[GET] var myTarget = $(target); //[SET] var minTime = 200; var scrollRatio = 4; var targetPos=0; if(target != "TOP"){ targetPos = $(myTarget).offset().top - myAdjust; } var myScroll = $(window).scrollTop(); var scrollRange = Math.abs(targetPos - myScroll); var scrollTime = minTime + (scrollRange/scrollRatio); $('body,html').animate({scrollTop:targetPos}, scrollTime, 'swing'); }//f //----------------------------------------------------------------------------------------------------------- // [toToTopAdjust] //----------------------------------------------------------------------------------------------------------- var goTopState ="VIEW"; var pageTopOBJ = $("#pagetotop a"); function goTopAdjust(){ if(winScroll > 100 && goTopState == "HIDE"){ goTopState ="VIEW"; $(pageTopOBJ).animate({"bottom":20},400); }else if(winScroll <= 100 && goTopState == "VIEW"){ goTopState ="HIDE"; $(pageTopOBJ).animate({"bottom":-150},400); }//else }// goTopAdjust(); //----------------------------------------------------------------------------------------------------------- // [toToTop] //----------------------------------------------------------------------------------------------------------- //init $(pageTopOBJ).css({"position":"fixed"}); $(pageTopOBJ).click(function(){ goToScroll("TOP",0); return false; });//c //----------------------------------------------------------------------------------------------------------- // [spMenu] //----------------------------------------------------------------------------------------------------------- var naviBG = '
'; $($("#sp-nav")).click(function(){ if(naviState == "HIDDEN"){ naviState = "VISIBLE"; $("#nav-wrap").prepend(naviBG); //add $("#spBg").click(function(){ naviClose(); }); $("#spBg").animate({"opacity":0.8},200,function(){ //CB $($(".head-nav")).css({"display":"block","opacity":0}); var naviH = $($(".head-nav")).height(); $($(".head-nav")).css({"height":1,"opacity":1}); $($(".head-nav")).animate({"height":naviH},200); }); //addjust $(".head-right").css({"z-index":""}); $(".logo").css({"z-index":""}); }else if(naviState == "VISIBLE"){ naviClose(); }//else }); function naviClose(){ naviState = "HIDDEN"; $($(".head-nav")).animate({"height":0},200,function(){ //CB $($(".head-nav")).css({"height":"","opacity":"","display":""}); $("#spBg").animate({"opacity":0},200,function(){ //CBCB $("#spBg").remove(); }); //reset $(".head-right").css({"z-index":300}); $(".logo").css({"z-index":301}); }); }// // ////jScripts----------------------------------------------------------------------------------------------------------------------------------------- // EO ready }); })(jQuery);