// source --> https://richesseha.com/wp-content/themes/richesse2020/common/libs/offcanvas/offcanvas.js /*! UIkit 2.13.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ !function(t){if("function"==typeof define&&define.amd&&define("uikit",function(){var n=t(window,window.jQuery,window.document);return n.load=function(t,e,o,i){var r,a=t.split(","),s=[],c=(i.config&&i.config.uikit&&i.config.uikit.base?i.config.uikit.base:"").replace(/\/+$/g,"");if(!c)throw new Error("Please define base path to UIkit in the requirejs config.");for(r=0;r-1?o.$(i):i},e}),e):e},o.$doc=o.$(document),o.$win=o.$(window),o.$html=o.$("html"),o.fn=function(t,e){var i=arguments,r=t.match(/^([a-z\-]+)(?:\.([a-z]+))?/i),a=r[1],s=r[2];return o[a]?this.each(function(){var t=n(this),r=t.data(a);r||t.data(a,r=o[a](this,s?void 0:e)),s&&r[s].apply(r,Array.prototype.slice.call(i,1))}):(n.error("UIkit component ["+a+"] does not exist."),this)},o.support={},o.support.transition=function(){var t=function(){var t,n=e.body||e.documentElement,o={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(t in o)if(void 0!==n.style[t])return o[t]}();return t&&{end:t}}(),o.support.animation=function(){var t=function(){var t,n=e.body||e.documentElement,o={WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd oanimationend",animation:"animationend"};for(t in o)if(void 0!==n.style[t])return o[t]}();return t&&{end:t}}(),o.support.requestAnimationFrame=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame||function(t){setTimeout(t,1e3/60)},o.support.touch="ontouchstart"in window&&navigator.userAgent.toLowerCase().match(/mobile|tablet/)||t.DocumentTouch&&document instanceof t.DocumentTouch||t.navigator.msPointerEnabled&&t.navigator.msMaxTouchPoints>0||t.navigator.pointerEnabled&&t.navigator.maxTouchPoints>0||!1,o.support.mutationobserver=t.MutationObserver||t.WebKitMutationObserver||null,o.Utils={},o.Utils.str2json=function(t){return t.replace(/([\$\w]+)\s*:/g,function(t,n){return'"'+n+'":'}).replace(/'([^']+)'/g,function(t,n){return'"'+n+'"'})},o.Utils.debounce=function(t,n,e){var o;return function(){var i=this,r=arguments,a=function(){o=null,e||t.apply(i,r)},s=e&&!o;clearTimeout(o),o=setTimeout(a,n),s&&t.apply(i,r)}},o.Utils.removeCssRules=function(t){var n,e,o,i,r,a,s,c,u,f;t&&setTimeout(function(){try{for(f=document.styleSheets,i=0,s=f.length;s>i;i++){for(o=f[i],e=[],o.cssRules=o.cssRules,n=r=0,c=o.cssRules.length;c>r;n=++r)o.cssRules[n].type===CSSRule.STYLE_RULE&&t.test(o.cssRules[n].selectorText)&&e.unshift(n);for(a=0,u=e.length;u>a;a++)o.deleteRule(e[a])}}catch(d){}},0)},o.Utils.isInView=function(t,e){var i=n(t);if(!i.is(":visible"))return!1;var r=o.$win.scrollLeft(),a=o.$win.scrollTop(),s=i.offset(),c=s.left,u=s.top;return e=n.extend({topoffset:0,leftoffset:0},e),u+i.height()>=a&&u-e.topoffset<=a+o.$win.height()&&c+i.width()>=r&&c-e.leftoffset<=r+o.$win.width()?!0:!1},o.Utils.checkDisplay=function(t,e){var i=o.$("[data-@-margin], [data-@-grid-match], [data-@-grid-margin], [data-@-check-display]",t||document);return t&&!i.length&&(i=n(t)),i.trigger("display.uk.check"),e&&("string"!=typeof e&&(e=o.prefix('[class*="@-animation-"]')),i.find(e).each(function(){var t=o.$(this),n=t.attr("class"),e=n.match(/uk\-animation\-(.+)/);t.removeClass(e[0]).width(),t.addClass(e[0])})),i},o.Utils.options=function(t){if(n.isPlainObject(t))return t;var e=t?t.indexOf("{"):-1,i={};if(-1!=e)try{i=JSON.parse(o.Utils.str2json(t.substr(e)))}catch(r){}return i},o.Utils.animate=function(t,e){var i=n.Deferred();return t=o.$(t),e=o.prefix(e),t.css("display","none").addClass(e).one(o.support.animation.end,function(){t.removeClass(e),i.resolve()}).width(),t.css("display",""),i.promise()},o.Utils.uid=function(t){return(t||"id")+(new Date).getTime()+"RAND"+Math.ceil(1e5*Math.random())},o.Utils.template=function(t,n){for(var e,o,i,r,a=t.replace(/\n/g,"\\n").replace(/\{\{\{\s*(.+?)\s*\}\}\}/g,"{{!$1}}").split(/(\{\{\s*(.+?)\s*\}\})/g),s=0,c=[],u=0;s/g, '>');}"].join("\n")),n?r(n):r},o.Utils.events={},o.Utils.events.click=o.support.touch?"tap":"click",window.UIkit=o,n.UIkit=o,n.fn.uk=o.fn,o.langdirection="rtl"==o.$html.attr("dir")?"right":"left",o.components={},o.component=function(t,e){var i=function(e,r){var a=this;return this.UIkit=o,this.element=e?o.$(e):null,this.options=n.extend(!0,{},this.defaults,r),this.plugins={},this.element&&this.element.data(t,this),this.init(),(this.options.plugins.length?this.options.plugins:Object.keys(i.plugins)).forEach(function(t){i.plugins[t].init&&(i.plugins[t].init(a),a.plugins[t]=!0)}),this.trigger("init.uk.component",[t,this]),this};return i.plugins={},n.extend(!0,i.prototype,{defaults:{plugins:[]},boot:function(){},init:function(){},on:function(t,n,e){return o.$(this.element||this).on(t,n,e)},one:function(t,n,e){return o.$(this.element||this).one(t,n,e)},off:function(t){return o.$(this.element||this).off(t)},trigger:function(t,n){return o.$(this.element||this).trigger(t,n)},find:function(t){return o.$(this.element?this.element:[]).find(t)},proxy:function(t,n){var e=this;n.split(" ").forEach(function(n){e[n]||(e[n]=function(){return t[n].apply(t,arguments)})})},mixin:function(t,n){var e=this;n.split(" ").forEach(function(n){e[n]||(e[n]=t[n].bind(e))})}},e),this.components[t]=i,this[t]=function(){var e,i;if(arguments.length)switch(arguments.length){case 1:"string"==typeof arguments[0]||arguments[0].nodeType||arguments[0]instanceof jQuery?e=n(arguments[0]):i=arguments[0];break;case 2:e=n(arguments[0]),i=arguments[1]}return e&&e.data(t)?e.data(t):new o.components[t](e,i)},o.domready&&o.component.boot(t),i},o.plugin=function(t,n,e){this.components[t].plugins[n]=e},o.component.boot=function(t){o.components[t].prototype&&o.components[t].prototype.boot&&!o.components[t].booted&&(o.components[t].prototype.boot.apply(o,[]),o.components[t].booted=!0)},o.component.bootComponents=function(){for(var t in o.components)o.component.boot(t)},o.domObservers=[],o.domready=!1,o.ready=function(t){o.domObservers.push(t),o.domready&&t(document)},o.on=function(t,n,e){return t&&t.indexOf("ready.uk.dom")>-1&&o.domready&&n.apply(o.$doc),o.$doc.on(t,n,e)},o.one=function(t,n,e){return t&&t.indexOf("ready.uk.dom")>-1&&o.domready?(n.apply(o.$doc),o.$doc):o.$doc.one(t,n,e)},o.trigger=function(t,n){return o.$doc.trigger(t,n)},o.domObserve=function(t,n){o.support.mutationobserver&&(n=n||function(){},o.$(t).each(function(){var t=this,e=o.$(t);if(!e.data("observer"))try{var i=new o.support.mutationobserver(o.Utils.debounce(function(){n.apply(t,[]),e.trigger("changed.uk.dom")},50));i.observe(t,{childList:!0,subtree:!0}),e.data("observer",i)}catch(r){}}))},n(function(){o.$body=o.$("body"),o.ready(function(t){o.domObserve("[data-@-observe]",t||document)}),o.on("ready.uk.dom",function(){o.domObservers.forEach(function(t){t(document)}),o.domready&&o.Utils.checkDisplay(document)}),o.on("changed.uk.dom",function(t){var n=t.target;o.domObservers.forEach(function(t){t(n)}),o.Utils.checkDisplay(n)}),o.trigger("beforeready.uk.dom"),o.component.bootComponents(),setInterval(function(){var t,n={x:window.pageXOffset,y:window.pageYOffset},e=function(){(n.x!=window.pageXOffset||n.y!=window.pageYOffset)&&(t={x:0,y:0},window.pageXOffset!=n.x&&(t.x=window.pageXOffset>n.x?1:-1),window.pageYOffset!=n.y&&(t.y=window.pageYOffset>n.y?1:-1),n={dir:t,x:window.pageXOffset,y:window.pageYOffset},o.$doc.trigger("scrolling.uk.document",[n]))};return o.support.touch&&o.$html.on("touchmove touchend MSPointerMove MSPointerUp pointermove pointerup",e),(n.x||n.y)&&e(),e}(),15),o.trigger("ready.uk.dom"),o.support.touch&&navigator.userAgent.match(/(iPad|iPhone|iPod)/g)&&o.$win.on("load orientationchange resize",o.Utils.debounce(function(){var t=function(){return n(o.prefix(".@-height-viewport")).css("height",window.innerHeight),t};return t()}(),100)),o.trigger("afterready.uk.dom"),o.domready=!0}),o.$html.addClass(o.support.touch?"@-touch":"@-notouch"),o.support.touch){var r,a=!1,s=".@-overlay, .@-overlay-toggle, .@-caption-toggle, .@-animation-hover, .@-has-hover";o.$html.on("touchstart MSPointerDown pointerdown",s,function(){a&&o.$(".@-hover").removeClass("@-hover"),a=o.$(this).addClass("@-hover")}).on("touchend MSPointerUp pointerup",function(t){r=o.$(t.target).parents(s),a&&a.not(r).removeClass("@-hover")})}return o}),function(t,n){"use strict";var e={x:window.scrollX,y:window.scrollY},o=(n.$win,n.$doc),i=n.$html,r={show:function(t){if(t=n.$(t),t.length){var r=n.$("body"),a=t.find(".@-offcanvas-bar:first"),s="right"==n.langdirection,c=a.hasClass("@-offcanvas-bar-flip")?-1:1,u=c*(s?-1:1);e={x:window.pageXOffset,y:window.pageYOffset},t.addClass("@-active"),r.css({width:window.innerWidth,height:window.innerHeight}).addClass("@-offcanvas-page"),r.css(s?"margin-right":"margin-left",(s?-1:1)*a.outerWidth()*u).width(),i.css("margin-top",-1*e.y),a.addClass("@-offcanvas-bar-show"),this._initElement(t),o.trigger("show.uk.offcanvas",[t,a])}},hide:function(t){var o=n.$("body"),r=n.$(".@-offcanvas.@-active"),a="right"==n.langdirection,s=r.find(".@-offcanvas-bar:first"),c=function(){o.removeClass("@-offcanvas-page").css({width:"",height:"","margin-left":"","margin-right":""}),r.removeClass("@-active"),s.removeClass("@-offcanvas-bar-show"),i.css("margin-top",""),window.scrollTo(e.x,e.y),n.$doc.trigger("hide.uk.offcanvas",[r,s])};r.length&&(n.support.transition&&!t?(o.one(n.support.transition.end,function(){c()}).css(a?"margin-right":"margin-left",""),setTimeout(function(){s.removeClass("@-offcanvas-bar-show")},0)):c())},_initElement:function(e){e.data("OffcanvasInit")||(e.on("click.uk.offcanvas swipeRight.uk.offcanvas swipeLeft.uk.offcanvas",function(t){var e=n.$(t.target);if(!t.type.match(/swipe/)&&!e.hasClass("@-offcanvas-close")){if(e.hasClass("@-offcanvas-bar"))return;if(e.parents(".@-offcanvas-bar:first").length)return}t.stopImmediatePropagation(),r.hide()}),e.on("click","a[href^='#']",function(){var e=t(this),o=e.attr("href");"#"!=o&&(n.$doc.one("hide.uk.offcanvas",function(){var e=t(o);e.length||(e=n.$('[name="'+o.replace("#","")+'"]')),n.Utils.scrollToElement&&e.length?n.Utils.scrollToElement(e):window.location.href=o}),r.hide())}),e.data("OffcanvasInit",!0))}};n.component("offcanvasTrigger",{boot:function(){i.on("click.offcanvas.uikit","[data-@-offcanvas]",function(t){t.preventDefault();var e=n.$(this);if(!e.data("offcanvasTrigger")){{n.offcanvasTrigger(e,n.Utils.options(e.attr("data-@-offcanvas")))}e.trigger("click")}}),i.on("keydown.uk.offcanvas",function(t){27===t.keyCode&&r.hide()})},init:function(){var n=this;this.options=t.extend({target:n.element.is("a")?n.element.attr("href"):!1},this.options),this.on("click",function(t){t.preventDefault(),r.show(n.options.target)})}}),n.offcanvas=r}(jQuery,UIkit); // source --> https://richesseha.com/wp-content/themes/richesse2020/common/js/common.js // グローバル名前空間定義 var ANS; if (!ANS) ANS = {}; if (!ANS.common) ANS.common = {}; ANS.common.ua = (function(u){ return { Tablet:(u.indexOf("windows") != -1 && u.indexOf("touch") != -1) || u.indexOf("ipad") != -1 || (u.indexOf("android") != -1 && u.indexOf("mobile") == -1) || (u.indexOf("firefox") != -1 && u.indexOf("tablet") != -1) || u.indexOf("kindle") != -1 || u.indexOf("silk") != -1 || u.indexOf("playbook") != -1, Mobile:(u.indexOf("windows") != -1 && u.indexOf("phone") != -1) || u.indexOf("iphone") != -1 || u.indexOf("ipod") != -1 || (u.indexOf("android") != -1 && u.indexOf("mobile") != -1) || (u.indexOf("firefox") != -1 && u.indexOf("mobile") != -1) || u.indexOf("blackberry") != -1 } })(window.navigator.userAgent.toLowerCase()); /* ----------------------------------------------------- レスポンシブ処理 ----------------------------------------------------- */ ANS.common.responsiveFunc = function() { var W = window.screen.width; if( W > 768 ) return; var viewport = document.getElementsByName("viewport"); if( viewport.length > 0 ) { for(var i=0; i <= viewport.length; i++){ viewport[i].parentNode.removeChild(viewport[i]); } } // viewportセット var viewport = document.createElement("meta"); viewport.setAttribute("name", "viewport"); viewport.setAttribute("content", "width=device-width,initial-scale=1"); document.getElementsByTagName("head")[0].appendChild(viewport); } ANS.common.responsiveFunc(); ANS.common.ww = window.innerWidth; ANS.common.wh = window.innerHeight; $(window).on('resize', function(){ ANS.common.ww = window.innerWidth; ANS.common.wh = window.innerHeight; }); ;(function($) { $(function() { // ロールオーバー $(".fn--rollover").preImageRollOver({suffix: "_over"}); $(".drawer_nav a[href*=#]").on('click', function(){ var abs_path = $.fn.getAbsPath( $(this).attr('href') ); if( abs_path.replace(/#.*$/,"") == location.href.replace(/#.*$/,"") ){ UIkit.offcanvas.hide([force = false]); } }); UIkit.$doc.on({ 'show.uk.offcanvas': function(){ // console.log("Offcanvas is visible."); }, 'hide.uk.offcanvas': function(){ // console.log("Offcanvas is not visible."); } }); //スムーススクロール $("a[href^=#]").smoothScroll({duration: 500}); $(window).on("scroll", function(){ var base_h = $("body > header").height(), classname = "fix_header", $target = $(".drawer_btn") ; if( $(this).scrollTop() > base_h ){ if( !$target.hasClass(classname) ){ $target.addClass(classname); } }else{ if( $target.hasClass(classname) ){ var html_o = Math.abs( parseInt( $('html').css('marginTop') ) ) ; if( html_o < base_h ){ $target.removeClass(classname); } } } }).trigger("scroll"); $('table').each(function(){ var $container = $(this), $label = $container.find('tr:first'), $data_row = $container.find('tr:not(:first)') ; $data_row.each(function(){ $(this).children().each(function(i){ $(this).filter(':not([colspan])').attr('data-label', $label.children().filter(':not([rowspan])').eq(i).text().trim()); }); }); }); /* ----------------------------------------------------- data- リンク ----------------------------------------------------- */ $('[data-sphref]').on('click', function(e){ if( ANS.common.ww <= 767 ){ e.preventDefault(); location.href = $(this).data('sphref'); } }); $('[data-protocol]').on('click', function(e){ if( ANS.common.ua.Mobile ){ e.preventDefault(); location.href = $(this).data('protocol') + ":" + $(this).text(); } }); }); })(jQuery); // プロトタイプ拡張 if(!String.prototype.trim) { String.prototype.trim = function () { return this.replace(/^\s+|\s+$/g,''); }; } // rtrim if(!String.prototype.rtrim) { String.prototype.rtrim = function(str){ return this.replace(new RegExp(str + "$"), ""); } } /*--------------------------------------------------------------- * クリックエリア拡張 ---------------------------------------------------------------*/ (function($) { $.fn.exClickArea = function(options) { var elements = $(this), opts = $.extend({}, $.fn.exClickArea.defaults, options) ; elements.each(function() { Main(this, opts); }); return this; } $.fn.exClickArea.defaults = { }; // initial method function Main(element, options) { var $anchor = $(element).find("a"), _href = $anchor.attr("href"), _target = $anchor.attr("target"); $anchor.filter("[target=_blank]").addClass("blank"); $(element) .css({ cursor: "pointer" }) .bind({ "click" : function(){ if( _href ){ if( _target ){ window.open( _href, _target ); }else{ window.location = _href; } return false; } }, "mouseover" : function(){ $(this).css({opacity: .7}); }, "mouseout" : function(){ $(this).css({opacity: 1}); } }); } })(jQuery); /*--------------------------------------------------------------- * ロールオーバー options suffix : 拡張子直前の接置詞 "_on" "_over" 等 で置換 ---------------------------------------------------------------*/ (function($) { $.fn.preImageRollOver = function(options) { var elements = $(this), opts = $.extend({}, $.fn.preImageRollOver.defaults, options) ; elements.each(function() { Main(this, opts); }); return this; } $.fn.preImageRollOver.defaults = { suffix: "_on" }; // initial method function Main(element, options) { var _src = $( element ).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1" + options.suffix + "$2"), _reg = new RegExp("^(.+)" + options.suffix + "(\.[a-z]+)$") ; var $img = $("").attr("src", _src); function srcReplaceHandler(){ $( element ).mouseover(function(){ $(this).attr("src", _src); }).mouseout(function(){ $(this).attr("src",$(this).attr("src").replace(_reg, "$1$2")); }); } if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 6 || parseInt(jQuery.browser.version) == 7 || parseInt(jQuery.browser.version) == 8){ $.ajax({ type: "GET", url: _src, success: function(data){ if(data){ srcReplaceHandler(); } }, error: function(error){ } }); }else{ srcReplaceHandler(); $img.error(function(){ $( element ).unbind('mouseover'); $( element ).unbind('mouseout'); }); } } })(jQuery); /*--------------------------------------------------------------- * スムーススクロール options handler : 例)ページ内リンク全てを指定 "a[href*=#]" duration : アニメーションスピード、ミリ秒で指定 offset : 余白値 ---------------------------------------------------------------*/ (function($) { $.fn.smoothScroll = function(options) { var elements = $(this), opts = $.extend({}, $.fn.smoothScroll.defaults, options) ; elements.each(function() { Main(this, opts); }); return this; } $.fn.smoothScroll.defaults = { handler: "a[href*=#]", duration: 400, offset: 40 }; // initial method function Main(element, options) { $( element ).click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']'); if ($target.length) { var targetOffset = $target.offset().top - options.offset; $('html,body') .animate({scrollTop: targetOffset}, options.duration); return false; } } }); } })(jQuery); /*--------------------------------------------------------------- * アコーディオンメニュー options handler : アコーディオンのタイトル 例) ".title" target : アコーディオンのボディ 例) ".content" wrapper : アコーディオンのタイトルとボディ、対になる要素のラッパー duration : 開くスピード、ミリ秒で指定 exclude : クリックした項目以外を隠す場合のみ true を指定 init : 最初に開く項目のインデックス番号 0~ ---------------------------------------------------------------*/ (function($) { $.fn.accordionList = function(options) { var elements = $(this), opts = $.extend({}, $.fn.accordionList.defaults, options) ; elements.each(function() { Main(this, opts); }); return this; } $.fn.accordionList.defaults = { wrapper: ".wrapper", handler: ".title", target: ".content", duration: 500, exclude: false }; // initial method function Main(element, options) { var $container = $(element), $handler = $container.find( options.handler ).css("cursor","pointer"), $target_group = $container.find( options.target ) ; if( options.init == undefined ){ $target_group.hide(); }else{ $target_group.not(":eq(" + options.init + ")").hide(); } $handler.bind({ click: function(e){ var $wapper = $(this).closest( options.wrapper ), $target = $wapper.find( options.target ) ; $target = $target.eq(0); if( $target.length > 0 ) e.preventDefault(); if( $target.is(':hidden') ){ $target.slideDown( options.duration ); $wapper.addClass('opened'); if( options.exclude ){ $target_group.not(":eq(" + $handler.index(this) + ")") .slideUp( options.duration ) .closest(options.wrapper) .removeClass('opened'); } }else{ $target.slideUp( options.duration ); $wapper.removeClass('opened'); } } }); } })(jQuery); /*--------------------------------------------------------------- * スライドパネル ---------------------------------------------------------------*/ (function($) { $.fn.slidePanel = function(options) { var opts = $.extend({}, $.fn.slidePanel.defaults, options); Main(this, opts); return this; } $.fn.slidePanel.defaults = { target : "index", kee : "active", panel : ".panel", ww : window.innerWidth }; // initial method function Main(element, options) { var target = options.target, $target = $('#' + target), kee = options.kee, panel = options.panel, winWidth = options.ww ; //Ajaxによるhtml生成に対応するため、liveイベントで $(element) .bind({ click : function(){ clickHandler( $(this) ); } }) .live({ click : function(){ clickHandler( $(this) ); } }); function clickHandler(e){ $(panel).css("position","absolute"); if (e.attr("href") == "#" + target) { goIndex(); } else { $target.animate({ left: (winWidth * -1) + "px" }, 500, function() { $(this).removeClass(kee); }); $(e.attr("href")).css("left", winWidth).addClass(kee).animate({ left: 0 }, 500); return false; } /** * 戻る */ function goIndex() { if ($('div.' + kee).attr('id') == target) return false; $('div.' + kee).animate({ left: winWidth + 'px' }, 500, function() { $(panel).css("position", ""); $(this).removeClass(kee); }); $target.css('left', (winWidth * -1) + 'px').addClass(kee).animate({ left: 0 }, 500) }; } } })(jQuery); /*--------------------------------------------------------------- * 画像⇔テキスト切り替え ---------------------------------------------------------------*/ (function($) { $.fn.outputAltText = function(options) { var elements = $(this); var opts = $.extend({}, $.fn.outputAltText.defaults, options); elements.each(function() { Main(this, opts); }); return this; } $.fn.outputAltText.defaults = { breakpint:480 }; // initial method function Main(element, options) { var $wrapper= $(element), $img = $wrapper.find("img").clone(), $copy = $img.attr("alt") ; $(window).bind("resize", function(){ resize_arg(); }); resize_arg(); function resize_arg(){ if( $(this).width() < options.breakpint ){ $img.remove(); $wrapper.addClass("text_output").text( $copy ); }else{ $wrapper.text( "" ); $wrapper.removeClass("text_output").append( $img ); } } } })(jQuery); /*--------------------------------------------------------------- * 絶対パス取得 ---------------------------------------------------------------*/ (function($) { $.fn.getAbsPath = function(path) { var e = document.createElement('span'); e.innerHTML = ''; return e.firstChild.href; } })(jQuery); /*--------------------------------------------------------------- * URLパラメーター取得 取得後は連想配列でアクセス 例) var["key"] var.key ---------------------------------------------------------------*/ (function($) { $.fn.getParams = function() { var hashmap = new Array(); var query = window.location.search.substring(1); if( !query ) return ""; query = decodeURI( query ); var params = query.split('&'); for ( var i = 0 ; i < params.length ; i++ ) { var pos = params[i].indexOf('='); if (pos > 0) { var key = params[i].substring(0, pos); var val = params[i].substring(pos + 1); hashmap[key] = val; } } return hashmap; } })(jQuery); /*--------------------------------------------------------------- * URLパラメーターセット $.fn.setParams(base_url,{key:"value",key:"value"}) ---------------------------------------------------------------*/ (function($) { $.fn.setParams = function (url, params) { url += "?"; var key; if (params instanceof Array){ url += params.join('&'); }else{ var b = []; for (key in params){ b.push(key + '=' + params[key]); url += b.join('&'); } return url; } } })(jQuery); /*--------------------------------------------------------------- * ブレークポイントチェック var $w_size = $.fn.getBreakpoint(); $w_size.on("onPointChanged onPointInit", function(event, point){ console.log(point); } options point : 連想配列 例) {sp:620,tablet:968,pc:1024} ---------------------------------------------------------------*/ (function($) { $.fn.getBreakpoint = function(options) { var opts = $.extend({}, $.fn.getBreakpoint.defaults, options); return Main(this, opts); } $.fn.getBreakpoint.defaults = { point: {sp:620,tablet:968,pc:1024} }; // initial method function Main(element, options) { var $obj = $("
"), points = [] ; $.each(options.point, function(key, value) { points[points.length] = value; }); var resizeCheckObj = function(){ var current_point; return { check: function(){ var resized = false, point = points.length + 1, w ; w = window.innerWidth || $(window).width() + 16; for (var i = 0; i < points.length; i++){ if( w <= points[i] && w ){ point = i + 1; break; } } if( point != this.current_point ) resized = true; this.current_point = point; size_key = Object.keys(options.point).filter(function(k) { return options.point[k] == points[i] })[0]; return [ size_key, resized ]; } } } var resize_check_obj = resizeCheckObj(); $(window).on("resize", function(){ var check_result = resize_check_obj.check(), resize_point = check_result[0], resize_flag = check_result[1] ; if(resize_flag){ $obj.trigger("onPointChanged", resize_point); } }); setTimeout(function(){ $obj.trigger("onPointInit", resize_check_obj.check()[0]); },0); return $obj; } })(jQuery); /*--------------------------------------------------------------- * コンテンツサイズでレスポンシブデザイン options point : 連想配列 例) {sp:620,tablet:968,pc:1024} ---------------------------------------------------------------*/ (function($) { $.fn.respContSize = function(options) { var elements = $(this); var opts = $.extend({}, $.fn.respContSize.defaults, options); elements.each(function() { Main(this, opts); }); return this; } $.fn.respContSize.defaults = { point: {sp:620,tablet:968,pc:1024} }; // initial method function Main(element, options) { var $obj = $("
"), $element = $(element), points = [] ; $.each(options.point, function(key, value) { points[points.length] = value; }); var resizeCheckObj = function(){ var current_point; return { check: function(){ var resized = false, point = points.length + 1, w ; w = $element.outerWidth(); for (var i = 0; i < points.length; i++){ if( w <= points[i] && w ){ point = i + 1; break; } } if( point != this.current_point ) resized = true; this.current_point = point; size_key = Object.keys(options.point).filter(function(k) { return options.point[k] == points[i] })[0]; return [ size_key, resized ]; } } } var resize_check_obj = resizeCheckObj(); var timer = false; $(window).on("resize", function(){ if (timer !== false) { clearTimeout(timer); } timer = setTimeout(function() { var check_result = resize_check_obj.check(), resize_point = check_result[0], resize_flag = check_result[1] ; if(resize_flag){ $element.removeClass(function(index, className) { return (className.match(/\bresp_bp_\S+/g) || []).join(' '); }) if( resize_point ) $element.addClass('resp_bp_' + resize_point); } }, 200); }).trigger('resize'); } })(jQuery);