https://www.tennojizoo.jp/wp-content/themes/cocoon-master/javascript.js?ver=7.1.2&fver=20210413111513

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
11(function($){
12  /////////////////////////////////
13  //TOPへ戻るボタン
14  /////////////////////////////////
15  var prevScrollTop = -1;
16  var $window = $(window);
17  $window.scroll(function(){
18    //最上部から現在位置までの距離を取得して、変数[scrollTop]に格納
19    var scrollTop = $window.scrollTop();
20    var threashold = 600;
21    var s1 = (prevScrollTop > threashold);
22    var s2 = (scrollTop > threashold);
23
24    // スレッショルドを跨いだ時のみ処理をする
25    if (s1 ^ s2) {
26      if (s2) {
27        //[.go-to-to]をゆっくりフェードインする
28        $('.go-to-top').fadeIn('slow');
29      } else {
30        //それ以外だったらフェードアウトする
31        $('.go-to-top').fadeOut('slow');
32      }
33    }
34
35    prevScrollTop = scrollTop;
36  });
37
38  //ボタン(.go-to-top-common)のクリックイベント
39  $('.go-to-top-common').click(function(){
40  //ページトップへ移動する
41    $('body,html').animate({
42            scrollTop: 1
43        }, 800);
44  });
45  //ボタン(.go-to-toc-common)のクリックイベント
46  $('.go-to-toc-common').click(function(){
47  //目次へ移動する
48    $('body,html').animate({
49            scrollTop: $('.entry-content .toc').offset().top
50        }, 800);
51  });
52
53  //検索ボタンクリックでフォーカスを入力エリアに移す
54  $('#search-menu-input').change(function(e){
55    var searchEdit = $('#search-menu-content .search-edit').first();
56    if( e.target.checked ) {
57      searchEdit.focus();
58    } else {
59      searchEdit.blur();
60    }
61  });
62
63  //下にスクロールで管理パネルを隠す
64  //上にスクロールで管理パネルを表示
65  var adminMenu = $("#admin-panel");
66  var adminHeight = adminMenu.outerHeight();
67  var adminStartPos = 0;
68  $(window).scroll(function(){
69    var adminCurrentPos = $(this).scrollTop();
70    if (adminCurrentPos > adminStartPos) {
71      if(adminCurrentPos >= 200) {
72        adminMenu.css("bottom", "-" + adminHeight + "px");
73      }
74    } else {
75      adminMenu.css("bottom", 0);
76    }
77    adminStartPos = adminCurrentPos;
78  });
79
80  //モバイルボタンが固定じゃない場合
81  if (cocoon_localize_script_options.is_fixed_mobile_buttons_enable != 1) {
82    //ヘッダーモバイルメニュー
83    var headerMenu = $('.mobile-header-menu-buttons');
84    var headerHight = headerMenu.outerHeight();
85    var headerStartPos = 0;
86    $(window).scroll(function() {
87      var headerCurrentPos = $(this).scrollTop();
88      if ( headerCurrentPos > headerStartPos ) {
89        if(headerCurrentPos >= 100) {
90          headerMenu.css('top', '-' + headerHight + 'px');
91        }
92      } else {
93        headerMenu.css('top', 0);
94      }
95      headerStartPos = headerCurrentPos;
96    });
97
98    //フッターモバイルメニュー
99    var footerMenu = $(".mobile-footer-menu-buttons");
100    var footerHeight = footerMenu.outerHeight();
101    var footerStartPos = 0;
102    $(window).scroll(function(){
103      var footerCurrentPos = $(this).scrollTop();
104      if (footerCurrentPos > footerStartPos) {
105        if(footerCurrentPos >= 100) {
106          // footerMenu.css("bottom", "-" + footerHeight + "px");
107          // footerMenu.css("bottom","-"+footerHeight+"+env(safe-area-inset-bottom)px");
108          footerMenu.css("bottom","calc( -1 * (env(safe-area-inset-bottom) + " + footerHeight + "px) )");
109        }
110      } else {
111        footerMenu.css("bottom", 0);
112      }
113      footerStartPos = footerCurrentPos;
114    });
115
116    var headerButtons = $(".mobile-header-menu-buttons");
117    var footerButtons = $(".mobile-footer-menu-buttons");
118    headerButtons.click(function() {
119      headerButtons.css("z-index", "3");
120      footerButtons.css("z-index", "2");
121    });
122
123    footerButtons.click(function() {
124      headerButtons.css("z-index", "2");
125      footerButtons.css("z-index", "3");
126    })
127  }
128
129  //コメントボタンがクリックされたとき
130  $('#comment-reply-btn, .comment-reply-link').click(function() {

131    $('#comment-reply-btn').slideUp();
132    $('#respond').slideDown();
133  });
134
135  //Google検索ボタン
136  $('.sbtn').click(function(){
137		var w = $(this).prev('.sform').text();
138		if(w) window.open('https://www.google.co.jp/search?q='+encodeURIComponent(w),'_blank');
139  });
140
141  //スライドインサイドバーのアーカイブセレクトボックス選択処理
142  $('.sidebar-menu-content .widget_archive select').change(function(){
143		document.location.href = this.options[this.selectedIndex].value;
144  });
145
146  //スライドインサイドバーのカテゴリーセレクトボックス選択処理
147  $('.sidebar-menu-content .widget_categories select').change(function(){
148    if ( this.options[ this.selectedIndex ].value > 0 ) {
149      this.parentNode.submit();
150    }
151  });
152
153  function drawerCloser(selecter, checkbox){
154    $(selecter).click(function() {
155      href = $(this).attr('href');
156      url = location.href;
157      url = url.replace(/#.*$/, '');
158      if ((href.indexOf(url) != -1) && href.match(/#/)) {
159        $(checkbox).prop('checked', false);
160      }
161    })
162  }
163
164  //モバイルメニューをクリックしたら閉じる
165  drawerCloser('.menu-drawer .menu-item a', '#navi-menu-input');
166
167  //モバイルサイドバーをクリックしたら閉じる
168  drawerCloser('#slide-in-sidebar a', '#sidebar-menu-input');
169
170  //モバイルヘッダーメニューのロゴ処理
171  //console.log($('.mobile-menu-buttons'));
172  $('.mobile-menu-buttons').each(function(){
173    if ($(this).has('.logo-menu-button').length) {
174      $(this).addClass('has-logo-button');
175    }
176  });
177
178  $(window).load(function(){
179    $('#carousel').addClass('loaded');
180  });
181
182/*
183  $(function(){
184    // #で始まるアンカーをクリックした場合に処理
185    $('a[href^=#]').click(function() {
186      // スクロールの速度
187      var speed = 800; // ミリ秒
188      // アンカーの値取得
189      var href= $(this).attr("href");
190      // 移動先を取得
191      var target = $(href == "#" || href == "" ? 'html' : href);
192      // 移動先を数値で取得
193      var position = target.offset().top;
194      // スムーススクロール
195      $('body,html').animate({scrollTop:position}, speed, 'swing');
196      return false;
197    });
198  });
199*/
200})(jQuery);
201
202/*
203* Cocoon WordPress Theme incorporates code from "Youtube SpeedLoad" WordPress Plugin, Copyright 2017 Alexufo[http://habrahabr.ru/users/alexufo/]
204"Youtube SpeedLoad" WordPress Plugin is distributed under the terms of the GNU GPL v2
205*/
206(function(){
207    var f = document.querySelectorAll(".video-click");
208    for (var i = 0; i < f.length; ++i) {
209      f[i].onclick = function () {
210        var iframe = this.getAttribute("data-iframe");
211        this.parentElement.innerHTML = '<div class="video">' + iframe + '</div>';
212      }
213    }
214})();
215