/* ------------------------------------------- * @constructor ------------------------------------------- */ var u = new EPOS_CARD.Util(); // u インスタンスを作成 /* ------------------------------------------- * @init ------------------------------------------- */ j$(function(){ j$.collabo_tabcontrol(); j$.collabo_modalcontrol(); $.modal(); $.floationgControl(); }); /* ------------------------------------------- * @plugin ------------------------------------------- */ (function(j$){ var u = new EPOS_CARD.Util(); // u インスタンスを作成 /* * @method collabo_tabcontrol */ j$.collabo_tabcontrol = function(){ // instance var u = new EPOS_CARD.Util(); // vars if(j$('.tab-btn').length === 0){ return false; } // function j$('.tab-btn a').on('click', function() { j$('.tab-btn a').removeClass('active'); j$('.tab').removeClass('active'); j$(this).addClass('active'); var Id = "#" + $(this).attr('id') + "-content"; j$(Id).addClass('active'); }); }; /* * @method collabo_modalcontrol */ j$.collabo_modalcontrol = function(){ // instance var u = new EPOS_CARD.Util(); // vars if(j$('.modal').length === 0){ return false; } // function j$('.modal').click(function () { j$('body').append('
'); j$('.overlay').fadeIn(300); j$(this).parents('.entry, .item').next('.modal-contents').fadeIn(300); j$("html,body").css('overflow','hidden'); return false; }); j$('body,.close-text').click(function () { j$('.overlay').fadeOut(300, function () { j$('.overlay').remove(); }); j$('.modal-contents').fadeOut() j$("html,body").css('overflow','auto'); }); }; /* * @method modal * - モーダル制御 */ $.modal = function(config){ var u = new EPOS_CARD.Util(); var c = $.extend({ elm: ".js-Modal" },config); // vars var $elm = $(c.elm); if($elm.length === 0){ return false; } // trigger if(!u.isRangeSP()){ $elm.colorbox({ inline: true, width: "100%", maxWidth: "842px", maxHeight: "92%", fixed: true, onComplete: function(){ EPOS_CARD.module.equalHeight(true, true); EPOS_CARD.module.sizeFix(); } }); } else { $elm.colorbox({ inline: true, height: "", maxWidth: "100%", maxHeight: "100%", fixed: true, onComplete: function(){ EPOS_CARD.module.equalHeight(true, true); EPOS_CARD.module.sizeFix(); } }); } }, /* * @method floationgControl * - フローティングCV制御 */ $.floationgControl = function(){ // instance var u = new EPOS_CARD.Util(); // vars var $pageContainer = $("#pageContainer"), $elm = $('.js-floatWrap'), closeNm = "floatingNone", $close = $(".floatingClose"), $toggleElm = $(".floating-toggle"), speed = 300; if($elm.length === 0){ return false; } // setting var slideInSpeed = 500, completeNm = "slide-in-completed", negative = $elm.innerHeight() + 20; // setting $elm.css("bottom", "-" + negative + "px"); // function var floatingSet = function(){ if(!$elm.hasClass(closeNm)){ $pageContainer.css("padding-bottom", $elm.innerHeight()); } else { $pageContainer.css("padding-bottom", 0); } }; // close if($close.length !== 0){ $close.on("click",function(){ if($elm.hasClass(closeNm)){ $elm.removeClass(closeNm); $toggleElm.stop().slideDown(speed,function(){ $pageContainer.animate({"padding-bottom": $elm.innerHeight()},speed); }); } else { $elm.addClass(closeNm); $toggleElm.stop().slideUp(speed,function(){ $pageContainer.animate({"padding-bottom": 0},speed); }); } }); } // trigger floatingSet(); u.isWindowSizeCheck(function(){ floatingSet(); }); // load u.$win.on("load", function(){ $elm.show(); $elm.addClass(completeNm).animate({ "bottom": 0 },slideInSpeed); }); }; })(jQuery);