https://www.nittan.co.jp/shared/js/common.js

1jQuery.event.add(window,"load",function(){
2
3	$('.matchHeight').matchHeight();
4
5});
6/*******************************************************************************************
7お問い合わせブロック制御
8*******************************************************************************************/
9if($('body').hasClass('contactTelClose')){
10  $('.contactTelInner').addClass('isClosed');
11  $('.contactTelInner').hide();
12  $('.contactTelLink span.isOpen').hide();
13  $('.contactTelLink span.isClosed').show();
14}
15if($('body').hasClass('contactTelOpen')){
16  $('.contactTelInner').addClass('isOpen');
17  $('.contactTelInner').show();
18  $('.contactTelLink span.isClosed').hide();
19  $('.contactTelLink span.isOpen').show();
20}
21
22$('.contactTelLink').click(function(){
23  if($('.contactTelInner').hasClass('isClosed')){
24    $('body').addClass('contactTelOpen').removeClass('contactTelClose');
25    $('.contactTelInner').slideDown().addClass('isOpen').removeClass('isClosed');
26    $('.contactTelLink span.isClosed').hide();
27    $('.contactTelLink span.isOpen').show();
28    return false;
29  }
30  if($('.contactTelInner').hasClass('isOpen')){
31    $('body').addClass('contactTelClose').removeClass('contactTelOpen');
32    $('.contactTelInner').slideUp().addClass('isClosed').removeClass('isOpen');
33    $('.contactTelLink span.isOpen').hide();
34    $('.contactTelLink span.isClosed').show();
35    return false;
36  }
37});
38
39
40/*******************************************************************************************
41お問い合わせブロック制御
42*******************************************************************************************/
43if($('body').hasClass('contactFormClose')){
44  $('.contactFormInner').addClass('isClosed');
45  $('.contactFormInner').hide();
46  $('.contactFormLink span.isOpen').hide();
47  $('.contactFormLink span.isClosed').show();
48}
49if($('body').hasClass('contactFormOpen')){
50  $('.contactFormInner').addClass('isOpen');
51  $('.contactFormInner').show();
52  $('.contactFormLink span.isClosed').hide();
53  $('.contactFormLink span.isOpen').show();
54}
55
56$('body.productsDetail .contactFormLink').click(function(){
57  if($('.contactFormInner').hasClass('isClosed')){
58    $('body').addClass('contactFormOpen').removeClass('contactFormClose');
59    $('.contactFormInner').slideDown().addClass('isOpen').removeClass('isClosed');
60    $('.contactFormLink span.isClosed').hide();
61    $('.contactFormLink span.isOpen').show();
62    return false;
63  }
64  if($('.contactFormInner').hasClass('isOpen')){
65    $('body').addClass('contactFormClose').removeClass('contactFormOpen');
66    $('.contactFormInner').slideUp().addClass('isClosed').removeClass('isOpen');
67    $('.contactFormLink span.isOpen').hide();
68    $('.contactFormLink span.isClosed').show();
69    return false;
70  }
71});
72
73
74/*******************************************************************************************
75グロナビ表示制御 992px以下
76*******************************************************************************************/
77var w = $(window).width();
78var x = 992;
79if (w <= x) {
80  if($('body').hasClass('gNavClosed')){
81      $('.gNav').addClass('gNavClose');
82  }
83} else {
84  if($('body').hasClass('gNavClosed')){
85      $('.gNav').removeClass('gNavClose');
86  }
87}
88$(window).resize(function(){
89    var w = $(window).width();
90    var x = 992;
91    if (w <= x) {
92      if($('body').hasClass('gNavClosed')){
93          $('.gNav').addClass('gNavClose');
94      }
95    } else {
96      if($('body').hasClass('gNavClosed')){
97          $('.gNav').removeClass('gNavClose');
98      }
99    }
100});
101
102
103/*******************************************************************************************
104スマホ用メインメニューボタン
105*******************************************************************************************/
106$('.spMenuBtn').click(function(){
107  if($('body').hasClass('gNavOpened')){
108    $('.gNav').addClass('gNavClose');
109    $('.gNav').removeClass('gNavOpen');
110    $('body').addClass('gNavClosed');
111    $('body').removeClass('gNavOpened');
112  }else{
113      $('.gNav').addClass('gNavOpen');
114      $('.gNav').removeClass('gNavClose');
115      $('body').addClass('gNavOpened');
116      $('body').removeClass('gNavClosed');
117  }
118});
119
120
121/*******************************************************************************************
122メインスライダー
123*******************************************************************************************/
124$('.slickWrapper').slick({
125  slidesToShow: 1,
126  slidesToScroll: 1,
127  autoplay: true,
128  autoplaySpeed: 5000,
129  pauseOnHover:true,
130  dots: true
131});
132
133
134/*******************************************************************************************
135バナースライダー
136*******************************************************************************************/
137$('.slickBanner').slick({
138  dots: false,
139  infinite: true,
140  speed: 1500,
141  slidesToShow: 3,
142  slidesToScroll: 1,
143  autoplay: true,
144  autoplaySpeed: 4000,
145  pauseOnHover:true,
146  responsive: [
147    {
148      breakpoint: 1200,
149      settings: {
150        slidesToShow: 2,
151        slidesToScroll: 1,
152      }
153    },
154    {
155      breakpoint: 768,
156      settings: {
157        slidesToShow: 2,
158        slidesToScroll: 1
159      }
160    },
161    {
162      breakpoint: 480,
163      settings: {
164        slidesToShow: 1,
165        slidesToScroll: 1
166      }
167    }
168  ]
169});
170
171
172/*******************************************************************************************
173gNav上部吸着
174*******************************************************************************************/
175
176// if($('body').hasClass('home')){
177//   var nav = $('body.home .gNav');
178//   //navの位置
179//   var navTop = nav.offset().top - 70;
180//   //スクロールするために
181//   $(window).scroll(function () {
182//       var winTop = $(this).scrollTop();
183//       //スクロール位置がnavの位置より下だったらクラスfixedを追加
184//       if (winTop >= navTop) {
185//           nav.addClass('fixed')
186//       } else if (winTop <= navTop) {
187//           nav.removeClass('fixed')
188//       }
189//   });
190// }
191
192
193
194/*******************************************************************************************
195ページトップへボタン
196*******************************************************************************************/
197
198    var topBtnBox = $('.toPageTopBox');
199    var topBtn = $('.toPageTopBox .toPageTop');
200    topBtnBox.hide();
201    //スクロール100に達したらボタン表示
202    $(window).scroll(function () {
203        if ($(this).scrollTop() > 100) {
204            topBtnBox.fadeIn();
205        } else {
206            topBtnBox.fadeOut();
207        }
208    });
209    //スクロールしてトップへ
210    topBtn.click(function () {
211        $('body,html').animate({
212            scrollTop: 0
213        }, 500);
214        return false;

215    });
216
217
218
219
220    /*******************************************************************************************
221    お問い合わせNavブロックスクロールすると表示
222    *******************************************************************************************/
223
224    var toContactBlock = $('.contactBlockShowHide .toContactBlock');
225    toContactBlock.hide();
226//スクロール100に達したらボタン表示
227    $(window).scroll(function () {
228        if ($(this).scrollTop() > 100) {
229            toContactBlock.fadeIn();
230        } else {
231            toContactBlock.fadeOut();
232        }
233    });
234
235
236
237/*******************************************************************************************
238お問い合わせフォームへボタン
239*******************************************************************************************/
240$('.toContactBtn.toContactForm').click(function() {
241  var offsetY = -140;
242  var time = 500;
243  var target = $(this.hash);
244  if (!target.length) return ;
245  var targetY = target.offset().top+offsetY;
246  $('html,body').animate({scrollTop: targetY}, time, 'swing');
247  if($('body.productsDetail .contactFormInner').hasClass('isClosed')){
248    $('body').addClass('contactFormOpen').removeClass('contactFormClose');
249    $('.contactFormInner').slideDown().addClass('isOpen').removeClass('isClosed');
250    $('.contactFormLink span.isClosed').hide();
251    $('.contactFormLink span.isOpen').show();
252    return false;
253  }
254  window.history.pushState(null, null, this.hash);
255  return false;
256});
257
258
259/*******************************************************************************************
260お電話・FAXお問合せボタン
261*******************************************************************************************/
262$('.toContactBtn.toContactTel').click(function() {
263  var offsetY = -140;
264  var time = 500;
265  var target = $(this.hash);
266  if (!target.length) return ;
267  var targetY = target.offset().top+offsetY;
268  $('html,body').animate({scrollTop: targetY}, time, 'swing');
269  window.history.pushState(null, null, this.hash);
270  if($('.contactTelInner').hasClass('isClosed')){
271    $('body').addClass('contactTelOpen').removeClass('contactTelClose');
272    $('.contactTelInner').slideDown().addClass('isOpen').removeClass('isClosed');
273    $('.contactTelLink span.isClosed').hide();
274    $('.contactTelLink span.isOpen').show();
275    return false;
276  }
277  return false;
278});
279
280/*******************************************************************************************
281
282*******************************************************************************************/
283
284if(( document.getElementById("product_image_data") === null )){
285  $('#product_explain').removeClass('col-md-8');
286}
287
288if( $('#product_explain').html() == '' ){
289 $('#product_explain').parent('.row').parent('#prd_main').parent('.productsMainBlock').parent('.row').hide();
290}
291
292function hideParent(){
293  $(".prd_stit_cnt:empty").remove();
294}
295
296$(function() {
297     $(".prd_txt_margin1:empty").remove();
298     $(".prd_txt_margin2:empty").remove();
299     $(".explain_spec_explain:empty").remove();
300     hideParent();
301});
302
303
304$(function(){
305    $(".topTopicsBlock .topicsTxt a[href$='.pdf']").append(' <i class="fa fa-file-pdf-o text-red" aria-hidden="true"></i>');
306});
307
308
309$(function(){
310  $(".acTrigger:gt(0)").next('section').hide();
311  $(".acTrigger:eq(0)").addClass('acOpened')
312  $(".acTrigger").click(function(){
313    $(this).toggleClass('acOpened');
314    $(this).next('section').slideToggle();
315  })
316});
317
318
319$(function(){
320  $('.fileGroup2').hide();
321  $(".acTrigger2").click(function(){
322    $(this).toggleClass('acOpened');
323    $(this).next('section.fileGroup2').slideToggle();
324  })
325});
326
327
328
329var w = $(window).width();
330var x = 992;
331var parentMenu0 = $(".gNavItemChild:eq(0)").parent(".gNavMenuItem").children("a:eq(0)");
332var parentMenu1 = $(".gNavItemChild:eq(1)").parent(".gNavMenuItem").children("a:eq(0)");
333var parentMenu2 = $(".gNavItemChild:eq(2)").parent(".gNavMenuItem").children("a:eq(0)");
334var parentMenu3 = $(".gNavItemChild:eq(3)").parent(".gNavMenuItem").children("a:eq(0)");
335var parentMenu4 = $(".gNavItemChild:eq(4)").parent(".gNavMenuItem").

335children("a:eq(0)");
336var parentMenu5 = $(".gNavItemChild:eq(5)").parent(".gNavMenuItem").children("a:eq(0)");
337var parentMenu6 = $(".gNavItemChild:eq(6)").parent(".gNavMenuItem").children("a:eq(0)");
338var parentMenuClone0 = parentMenu0.clone().addClass('cloneLink').append(" TOP");
339var parentMenuClone1 = parentMenu1.clone().addClass('cloneLink').append(" TOP");
340var parentMenuClone2 = parentMenu2.clone().addClass('cloneLink').append(" TOP");
341var parentMenuClone3 = parentMenu3.clone().addClass('cloneLink').append(" TOP");
342var parentMenuClone4 = parentMenu4.clone().addClass('cloneLink').append(" TOP");
343var parentMenuClone5 = parentMenu5.clone().addClass('cloneLink').append(" TOP");
344var parentMenuClone6 = parentMenu6.clone().addClass('cloneLink').append(" TOP");
345parentMenu0.addClass('orgLink');
346parentMenu1.addClass('orgLink');
347parentMenu2.addClass('orgLink');
348parentMenu3.addClass('orgLink');
349parentMenu4.addClass('orgLink');
350parentMenu5.addClass('orgLink');
351parentMenu6.addClass('orgLink');
352
353  $(".gNavItemChild:eq(0)").prepend(parentMenuClone0);
354  $(".gNavItemChild:eq(1)").prepend(parentMenuClone1);
355  $(".gNavItemChild:eq(2)").prepend(parentMenuClone2);
356  $(".gNavItemChild:eq(3)").prepend(parentMenuClone3);
357  $(".gNavItemChild:eq(4)").prepend(parentMenuClone4);
358  $(".gNavItemChild:eq(5)").prepend(parentMenuClone5);
359  $(".gNavItemChild:eq(6)").prepend(parentMenuClone6);
360
361  $(".gNavMenuItem:eq(0)").prepend('<div class="gNavTrigger gNavTriggerOff"></div>');
362  $(".gNavMenuItem:eq(1)").prepend('<div class="gNavTrigger gNavTriggerOff"></div>');
363  $(".gNavMenuItem:eq(2)").prepend('<div class="gNavTrigger gNavTriggerOff"></div>');
364  $(".gNavMenuItem:eq(3)").prepend('<div class="gNavTrigger gNavTriggerOff"></div>');
365  $(".gNavMenuItem:eq(4)").prepend('<div class="gNavTrigger gNavTriggerOff"></div>');
366  $(".gNavMenuItem:eq(5)").prepend('<div class="gNavTrigger gNavTriggerOff"></div>');
367  $(".gNavMenuItem:eq(6)").prepend('<div class="gNavTrigger gNavTriggerOff"></div>');
368
369
370if (w <= x) {
371
372  $('.gNavTrigger').click(function(){
373    if ($(this).next().next('.gNavItemChild').hasClass('focusChild')){
374      $(this).next().next('.gNavItemChild').hide().removeClass('focusChild');
375      $(this).addClass('gNavTriggerOff');
376      $(this).removeClass('gNavTriggerOn');
377    }
378    else{
379      $(this).next().next('.gNavItemChild').show().addClass('focusChild');
380      $(this).addClass('gNavTriggerOn');
381      $(this).removeClass('gNavTriggerOff');
382    }
383  });
384
385} else {
386  $('.gNavMenuItem').on({
387    'mouseover': function(e) {
388      $(this).children('.gNavItemChild').addClass('focusChild').show();
389      $(this).addClass('focus');
390    },
391    'mouseout': function(e) {
392      $(this).children('.gNavItemChild').removeClass('focusChild').hide();
393      $(this).removeClass('focus');
394    }
395  });
396}
397$(window).resize(function(){
398
399    var w = $(window).width();
400    var x = 992;
401    if (w <= x) {
402
403      $('.gNavTrigger').click(function(){
404        if ($(this).next().next('.gNavItemChild').hasClass('focusChild')){
405          $(this).next().next('.gNavItemChild').hide().removeClass('focusChild');
406          $(this).addClass('gNavTriggerOff');
407          $(this).removeClass('gNavTriggerOn');
408        }
409        else{
410          $(this).next().next('.gNavItemChild').show().addClass('focusChild');
411          $(this).addClass('gNavTriggerOn');
412          $(this).removeClass('gNavTriggerOff');
413        }
414      });
415    } else {
416      $('.gNavMenuItem').on({
417        'mouseover': function(e) {
418          $(this).children('.gNavItemChild').addClass('focusChild').show();
419          $(this).addClass('focus');
420        },
421        'mouseout': function(e) {
422          $(this).children('.gNavItemChild').removeClass('focusChild').hide();
423          $(this).removeClass('focus');
424        }
425      });
426    }
427});
428
429function output_favicon(rel,type,href,sizes){
430  fav=document.createElement("link");
431  fav.setAttribute("rel",rel);
432  fav.setAttribute("href",href);
433  document.getElementsByTagName("head")[0].appendChild(fav);
434}
435function output_icon1(rel,type,href,sizes){
436  fav=document.createElement("link");
437  fav.setAttribute("rel",rel);
438  fav.setAttribute("type",type);
439  fav.setAttribute("href",href);
440  document.getElementsByTagName("head")[0].appendChild(fav);
441}
442function output_icon2(rel,type,href,sizes){
443  fav=document.createElement("link");
444  fav.setAttribute("rel",rel);
445  fav.setAttribute("type",type);
446  fav.setAttribute("href",href);
447  fav.setAttribute("sizes",sizes);
448  document.getElementsByTagName("head")[0].appendChild(fav);
449}
450
451output_favicon("shortcut icon","","/favicon.ico","");
452output_icon2("icon","image/png","/apple-touch-icon.png","16x16");
453output_icon2("icon","image/png","/apple-touch-icon.png","32x32");
454output_icon2("icon","image/png","/apple-touch-icon.png","48x48");
455output_icon2("icon","image/png","/apple-touch-icon.png","64x64");
456output_icon1("apple-touch-icon-precomposed","image/png","/apple-touch-icon.png","");
457
458
459
460/*******************************************************************************************
461個人情報同意チェック制御
462*******************************************************************************************/
463
464$(document).on('change', '#checkAgree', function() {
465  if($('#checkAgree').prop('checked') == true){
466    $('.btnSubmit').removeClass('disabled').prop('disabled',false);
467}else{
468    $('.btnSubmit').addClass('disabled').prop('disabled',true);
469}

470});