https://ponhiro.com/wp-content/themes/cocoon-master/javascript.js?ver=5.4.23&fver=20200107055756

1/**
2 * Cocoon WordPress Theme
3 * @author: yhira
4 * @link: https://wp-cocoon.com/
5 * @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
6 */
7/////////////////////////////////
8// JavaScriptコード
9/////////////////////////////////
10(function($){
11  /////////////////////////////////
12  //TOPへ戻るボタン
13  /////////////////////////////////
14  var prevScrollTop = -1;
15  var $window = $(window);
16  $window.scroll(function(){
17    //最上部から現在位置までの距離を取得して、変数[scrollTop]に格納
18    var scrollTop = $window.scrollTop();
19    var threashold = 600;
20    var s1 = (prevScrollTop > threashold);
21    var s2 = (scrollTop > threashold);
22
23    // スレッショルドを跨いだ時のみ処理をする
24    if (s1 ^ s2) {
25      if (s2) {
26        //[.go-to-to]をゆっくりフェードインする
27        $('.go-to-top').fadeIn('slow');
28      } else {
29        //それ以外だったらフェードアウトする
30        $('.go-to-top').fadeOut('slow');
31      }
32    }
33
34    prevScrollTop = scrollTop;
35  });
36  //ボタン(.go-to-top-common)のクリックイベント
37  $('.go-to-top-common').click(function(){
38  //ページトップへ移動する
39    $('body,html').animate({
40            scrollTop: 1
41        }, 800);
42  });
43  //ボタン(.go-to-toc-common)のクリックイベント
44  $('.go-to-toc-common').click(function(){
45  //目次へ移動する
46    $('body,html').animate({
47            scrollTop: $('.entry-content .toc').offset().top
48        }, 800);
49  });
50
51  //検索ボタンクリックでフォーカスを入力エリアに移す
52  $('#search-menu-input').change(function(e){
53    var searchEdit = $('#search-menu-content .search-edit').first();
54    if( e.target.checked ) {
55      searchEdit.focus();
56    } else {
57      searchEdit.blur();
58    }
59  });
60
61  //下にスクロールで管理パネルを隠す
62  //上にスクロールで管理パネルを表示
63  var adminMenu = $("#admin-panel");
64  var adminHeight = adminMenu.outerHeight();
65  var adminStartPos = 0;
66  $(window).scroll(function(){
67    var adminCurrentPos = $(this).scrollTop();
68    if (adminCurrentPos > adminStartPos) {
69      if(adminCurrentPos >= 200) {
70        adminMenu.css("bottom", "-" + adminHeight + "px");
71      }
72    } else {
73      adminMenu.css("bottom", 0);
74    }
75    adminStartPos = adminCurrentPos;
76  });
77
78  //モバイルボタンが固定じゃない場合
79  if (cocoon_localize_script_options.is_fixed_mobile_buttons_enable != 1) {
80    //ヘッダーモバイルメニュー
81    var headerMenu = $('.mobile-header-menu-buttons');
82    var headerHight = headerMenu.outerHeight();
83    var headerStartPos = 0;
84    $(window).scroll(function() {
85      var headerCurrentPos = $(this).scrollTop();
86      if ( headerCurrentPos > headerStartPos ) {
87        if(headerCurrentPos >= 100) {
88          headerMenu.css('top', '-' + headerHight + 'px');
89        }
90      } else {
91        headerMenu.css('top', 0);
92      }
93      headerStartPos = headerCurrentPos;
94    });
95
96    //フッターモバイルメニュー
97    var footerMenu = $(".mobile-footer-menu-buttons");
98    var footerHeight = footerMenu.outerHeight();
99    var footerStartPos = 0;
100    $(window).scroll(function(){
101      var footerCurrentPos = $(this).scrollTop();
102      if (footerCurrentPos > footerStartPos) {
103        if(footerCurrentPos >= 100) {
104          footerMenu.css("bottom", "-" + footerHeight + "px");
105        }
106      } else {
107        footerMenu.css("bottom", 0);
108      }
109      footerStartPos = footerCurrentPos;
110    });
111
112    var headerButtons = $(".mobile-header-menu-buttons");
113    var footerButtons = $(".mobile-footer-menu-buttons");
114    headerButtons.click(function() {
115      headerButtons.css("z-index", "3");
116      footerButtons.css("z-index", "2");
117    });
118
119    footerButtons.click(function() {
120      headerButtons.css("z-index", "2");
121      footerButtons.css("z-index", "3");
122    })
123  }
124
125
126
127  //コメントボタンがクリックされたとき
128  $('#comment-reply-btn, .comment-reply-link').click(function() {
129    $('#comment-reply-btn').slideUp();
130    $('#respond').slideDown();
131  });
132
133  //カレーセルの表示
134  $('.carousel').fadeIn(1000);
135
136  //Google検索ボタン
137  $('.sbtn').click(function(){
138		var w = $(this).prev('.sform').text();
139		if(w) window.open('https://www.google.co.jp/search?q='+encodeURIComponent(w),'_blank');
140  });
141
142  //スライドインサイドバーのアーカイブセレクトボックス選択処理
143  $('.sidebar-menu-content .widget_archive select').change(function(){
144		document.location.href = this.options[this.selectedIndex].value;
145  });
146
147  //スライドインサイドバーのカテゴリーセレクトボックス選択処理
148  $('.sidebar-menu-content .widget_categories select').change(function(){
149    if ( this.options[ this.selectedIndex ].value > 0 ) {
150      this.parentNode.submit();
151    }
152  });
153
154  function drawerCloser(selecter, checkbox){
155    $(selecter).click(function() {
156      href = $(this).attr('href');
157      url = location.href;
158      url = url.replace(/#.*$/, '');
159      if ((href.indexOf(url) != -1) && href.match(/#/)) {
160        $(checkbox).prop('checked', false);
161      }
162    })
163  }
164
165  //モバイルメニューをクリックしたら閉じる
166  drawerCloser('.menu-drawer .menu-item a', '#navi-menu-input');
167
168  //モバイルサイドバーをクリックしたら閉じる
169  drawerCloser('#slide-in-sidebar a', '#sidebar-menu-input');
170
171  //モバイルヘッダーメニューのロゴ処理
172  //console.log($('.mobile-menu-buttons'));
173  $('.mobile-menu-buttons').each(function(){
174    if ($(this).has('.logo-menu-button').length) {
175      $(this).addClass('has-logo-button');
176    }
177  });
178
179/*
180  $(function(){
181    // #で始まるアンカーをクリックした場合に処理
182    $('a[href^=#]').click(function() {
183      // スクロールの速度
184      var speed = 800; // ミリ秒
185      // アンカーの値取得
186      var href= $(this).attr("href");
187      // 移動先を取得
188      var target = $(href == "#" || href == "" ? 'html' : href);
189      // 移動先を数値で取得
190      var position = target.offset().top;
191      // スムーススクロール
192      $('body,html').animate({scrollTop:position}, speed, 'swing');
193      return false;

194    });
195  });
196*/
197})(jQuery);
198
199/*
200* Cocoon WordPress Theme incorporates code from "Youtube SpeedLoad" WordPress Plugin, Copyright 2017 Alexufo[http://habrahabr.ru/users/alexufo/]
201"Youtube SpeedLoad" WordPress Plugin is distributed under the terms of the GNU GPL v2
202*/
203(function(){
204    var f = document.querySelectorAll(".video-click");
205    for (var i = 0; i < f.length; ++i) {
206      f[i].onclick = function () {
207        var iframe = this.getAttribute("data-iframe");
208        this.parentElement.innerHTML = '<div class="video">' + iframe + '</div>';
209      }
210    }
211})();
212