https://www.minato-rekishi.com/common/js/main.js?210714

1
2// スムーズスクロール
3$(function () {
4  var headerHeight = $('#header').outerHeight();
5  var urlHash = location.hash;
6  if(urlHash) {
7      $('body,html').stop().scrollTop(0);
8      setTimeout(function(){
9          var target = $(urlHash);
10          var position = target.offset().top - headerHeight;
11          $('body,html').stop().animate({scrollTop:position}, 500);
12      }, 100);
13  }
14  $('a[href^="#"]').click(function () {
15    var headerHight = $("#header").outerHeight();
16    var speed = 500;
17    var href = $(this).attr("href");
18    var target = $(href == "#" || href == "" ? 'html' : href);
19    var position = target.offset().top - headerHight;
20    $("html, body").animate({ scrollTop: position }, speed, "swing");
21    return false;
22  });
23
24});
25
26// 画像のオンオフ
27function smartRollover() {
28  if (document.getElementsByTagName) {
29    var images = document.getElementsByTagName("img");
30    for (var i = 0; i < images.length; i++) {
31      if (images[i].getAttribute("src").match("_off.")) {
32        images[i].onmouseover = function () {
33          this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
34        }
35        images[i].onmouseout = function () {
36          this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
37        }
38      }
39    }
40  }
41}
42if (window.addEventListener) {
43  window.addEventListener("load", smartRollover, false);
44}
45else if (window.attachEvent) {
46  window.attachEvent("onload", smartRollover);
47}
48
49
50// 高さ調整
51$(function () {
52  var hcss = $('header.header').css('position');
53  var nH1 = (hcss != 'fixed') ? $('header.header').innerHeight() : 0;// ナビの高さを取得
54  var nH2 = $('footer.footer').innerHeight();// ナビの高さを取得
55  var wH = $(window).height();// 表示画面の高さを取得
56  var hH = wH - nH1 - nH2;// 表示画面とナビエリアの差分を算出
57  $('.page-form .section').css('min-height', hH + 'px');// 算出した差分をヘッダーエリアの高さに指定
58});
59
60// 文字サイズ変更ボタン表示非表示
61$(function () {
62  // 「id="jQueryBox"」を非表示
63  $("#jQueryBox").css("display", "none");
64
65  // 「id="jQueryPush"」がクリックされた場合
66  $("#jQueryPush").click(function () {
67    // 「id="jQueryBox"」の表示、非表示を切り替える
68    $("#jQueryBox").toggle();
69  });
70});
71
72
73// 文字サイズ変更
74// jQuery(function($){
75//     //変数にクッキー名を入れる
76//     var history = $.cookie('fontSize');
77//
78//     //適用する箇所を指定。今回は部分的に#test内のpに
79//     var elm = $('p','#test');
80//
81//     //変数が空ならfontMを、空でなければクッキーに保存しておいたものを適用
82//     (!history)? elm.addClass('fontM'):elm.addClass(history);
83//
84//     //クリックしたら実行
85//     $('li','#fontChange').click(function(){
86//
87//         //クリックした要素のID名を変数にセット
88//         var setFontSize = this.id;
89//
90//         //クッキーに変数を保存
91//     	$.cookie('fontSize', setFontSize);
92//
93//         //一度classを除去して、変数をclassとして追加
94//         elm.removeClass().addClass(setFontSize);
95//     });
96// });
97
98
99jQuery(function ($) {
100  //変数にクッキー名を入れる
101  var history = $.cookie('fontSize');
102  //適用する箇所を指定。今回は部分的に#test内のpに
103  var elm = $('body');
104  //変数が空ならfontMを、空でなければクッキーに保存しておいたものを適用
105  if (!history) {
106    elm.addClass('fontM');
107    $('#fontM').addClass('active');
108  } else {
109    elm.addClass(history);
110    $('#' + history).addClass('active');
111  }
112  //ボタンをクリックしたら実行
113  $('li a', '.mod_headerbox_size').click(function () {
114    //activeでないボタンだった場合のみ動作
115    if (!$(this).hasClass('active')) {
116      //現在activeのついているclassを削除
117      $('.active').removeClass('active');
118      //クリックしたボタンをactive
119      $(this).addClass('active');
120      //クリックした要素のID名を変数にセット
121      var setFontSize = this.id;
122      //クッキーに変数を保存
123      $.cookie('fontSize', setFontSize);
124      //一度classを除去して、変数をclassとして追加
125      elm.removeClass().addClass(setFontSize);
126    }
127  });
128});
129
130
131// スマホトグル
132$(function () {
133  $(".menu").css("display", "none");
134  $(".button-toggle").on("click", function () {
135    $(".menu").slideToggle();
136    $(this).toggleClass("active");
137  });
138  $(".menu > .navigation-01 li a ").on("click", function () {
139    $(".menu").slideToggle();
140    $(".button-toggle").toggleClass("active");
141  });
142});
143
144
145// フッタートグル
146var $box = $('.box');
147var $button = $('.button');
148
149$button.on('click', function () {
150  $box.toggleClass('active');
151});
152
153
154// 印刷するボタン
155$(function () {
156
157  //個別印刷ボタンをクリックした時
158  $('.print-btn').on('click', function () {
159    //プリントしたいエリアの取得
160    var printPage = $(this).closest('.print-page').html();
161
162    //プリント用の要素「#print」を作成
163    $('body').append('<div id="print"></div>');
164    $('#print').append(printPage);
165
166    //「#print」以外の要素に非表示用のclass「print-off」を指定
167    $('body > :not(#print)').addClass('print-off');
168    window.print();
169
170    //window.print()の実行後、作成した「#print」と、非表示用のclass「print-off」を削除
171    $('#print').remove();
172    $('.print-off').removeClass('print-off');
173  });
174
175  //一括印刷ボタンをクリックした時
176  $('.print-all').on('click', function () {
177    window.print();
178  });
179
180});
181
182
183// スライダー
184// $(function() {
185//     $('.center-item').slick({

186//           infinite: true,
187//           dots:true,
188//           slidesToShow: 1,
189//           centerMode: true, //要素を中央寄せ
190//           centerPadding:'100px', //両サイドの見えている部分のサイズ
191//           autoplay:true, //自動再生
192//           responsive: [{
193//                breakpoint: 480,
194//                     settings: {
195//                          centerMode: false,
196//                }
197//           }]
198//      });
199// });
200$(function () {
201  $('.center').slick({
202    centerMode: true,
203    centerPadding: '60px',
204    slidesToShow: 1,
205    responsive: [
206      {
207        breakpoint: 768,
208        settings: {
209          arrows: false,
210          centerMode: true,
211          centerPadding: '40px',
212          slidesToShow: 3
213        }
214      },
215      {
216        breakpoint: 480,
217        settings: {
218          arrows: false,
219          centerMode: true,
220          centerPadding: '40px',
221          slidesToShow: 1
222        }
223      }
224    ]
225  });
226});
227
228$(function () {
229  $('.multiple-items').slick({
230    infinite: true,
231    slidesToShow: 3,
232    slidesToScroll: 1,
233    autoplay: true,
234    autoplaySpeed: 5000,
235    responsive: [
236      {
237        breakpoint: 768,
238        settings: {
239          slidesToShow: 2,
240          dots: true,
241        }
242      },
243      {
244        breakpoint: 480,
245        settings: {
246          dots: true,
247          slidesToShow: 1
248        }
249      }
250    ]
251  });
252  $('.main-images-slider__items').slick({
253    infinite: true,
254    slidesToShow: 1,
255    slidesToScroll: 1,
256    autoplay: true,
257    autoplaySpeed: 5000,
258    dots: true,
259  });
260
261  
262});
263
264
265
266// クリッカブルマップ
267$(function () {
268  $('img[usemap]').rwdImageMaps();
269});
270
271
272// 上に戻るボタン
273$(function () {
274  var topBtn = $('#pageTop');
275  topBtn.hide();
276
277  //◇ボタンの表示設定
278  $(window).scroll(function () {
279    if ($(this).scrollTop() > 80) {
280
281      //---- 画面を80pxスクロールしたら、ボタンを表示する
282      topBtn.fadeIn();
283
284    } else {
285
286      //---- 画面が80pxより上なら、ボタンを表示しない
287      topBtn.fadeOut();
288
289    }
290  });
291
292  // ◇ボタンをクリックしたら、スクロールして上に戻る
293  topBtn.click(function () {
294    $('body,html').animate({
295      scrollTop: 0
296    }, 500);
297    return false;
298
299  });
300});
301
302
303//モーダルウィンドウの作成
304//glayLayerがクリックされたら
305$("#glayLayer").click(function () {
306  //glayLayerを消す
307  $(this).hide();
308  //overLayerを消す
309  $("#overLayer").hide();
310});
311
312//画像がクリックされたら
313$("a.modal").click(function () {
314  //glayLayerを表示する
315  $("#glayLayer").show();
316  //クリックされた画像をoverLayerで表示させる
317  $("#overLayer").show();
318  //clickイベントを実行した後にリンク先に移動してしまうのを防ぐ
319  return false;
320});
321
322
323$(function(){
324
325  var pageBaseURL = location.protocol + '//' + location.hostname;
326  var pageURL = location.pathname,
327  pageURLArr = pageURL.split('/'), //パスを分割して配列化する
328  pageURLArrCategory = pageURLArr[1]; //パスから第1階層を取得
329
330  $('#header > .header-wrap02 > .header-inner > .navigation-02 > ul > li > a').each(function (i, v) {
331    var selfhref = $(v).attr('href'),
332    selfhref = selfhref.replace(pageBaseURL, '');
333      hrefArr = selfhref.split('/'), //href属性の値を分割して配列化する
334      hrefArrCategory = hrefArr[1]; //href属性の第1階層を取得
335
336    //パスの第1階層とhref属性の第1階層を比較して同じ値であればcurrentを付与する
337    if (pageURLArrCategory === hrefArrCategory) {
338      $(v).addClass('current');
339    }
340    console.log(pageURLArrCategory + '：' + selfhref);
341
342  });
343
344});
345
346