https://www.hondacars-niigatachuo.co.jp/common-usedcar/v3/js/default.js

1"use strict";
2
3function ucar_search_toggle() {
4  var isHidden = $('#js-usedcar-search-block-toggle').is(':hidden');
5
6  if (isHidden) {
7    $('#js-usedcar-search-block-toggle').slideDown(300);
8    $('.js-usedcar-search-toggle._open').hide();
9    $('.js-usedcar-search-toggle._close').css('display', 'flex');
10  } else {
11    $('#js-usedcar-search-block-toggle').slideUp(300);
12    $('.js-usedcar-search-toggle._close').hide();
13    $('.js-usedcar-search-toggle._open').css('display', 'flex');
14  }
15}
16
17function ucar_search_clear() {
18  var len = document.frm.length;
19
20  for (var i = 0; i < len; i++) {
21    if (document.frm.elements[i].type == 'radio') {
22      document.frm.elements[i].checked = false;
23    }
24
25    if (document.frm.elements[i].type == 'checkbox') {
26      document.frm.elements[i].checked = false;
27    }
28
29    if (document.frm.elements[i].type == 'select-one') {
30      document.frm.elements[i].selectedIndex = 0;
31    }
32  }
33}
34
35$(function () {
36  var usedcarGalleryCurrent = 1;
37  //var usedcarGalleryLength = $('.js-usedcar-gallery-thumb').length;
38   var usedcarGalleryLength = 0;
39   $('.COMMON-UCAR-detail-gallery__item').each(function(){
40    var img = $(this).children('a').children('img').attr('src');
41    //console.log('IMG:' + img);
42    if(img.match('no_img.gif')){
43      $(this).css('display','none');
44    }
45    else{
46      usedcarGalleryLength = usedcarGalleryLength + 1;
47    }
48   });
49   console.log('image:' + usedcarGalleryLength);
50  $('#js-usedcar-gallery-index').find('*[data-gallery-index=total]').text(usedcarGalleryLength);
51
52  function galleryMoveTo(index) {
53    usedcarGalleryCurrent = Number(index);
54    $('.js-usedcar-gallery-thumb').removeClass('is-current');
55    var targetThumb = $('.js-usedcar-gallery-thumb[data-index="' + usedcarGalleryCurrent + '"]');
56    targetThumb.addClass('is-current');
57    $('#js-usedcar-gallery-image').find('img').attr('src', targetThumb.find('img').attr('src'));
58    $('#js-usedcar-gallery-index').find('*[data-gallery-index=current]').text(usedcarGalleryCurrent);
59  }
60
61  // thumb click
62  $('.js-usedcar-gallery-thumb').on('click', function (e) {
63    e.preventDefault();
64
65    if (!$(this).hasClass('is-current')) {
66      $('.js-usedcar-gallery-tab').prop('checked', false);
67      galleryMoveTo($(this).data('index'));
68      $('#js-usedcar-gallery-canvas').attr('data-show', 'gallery');
69    }
70  });
71
72  // arrow click
73  $('#js-usedcar-gallery-prev').on('click', function () {
74    var targetGalleryIndex = usedcarGalleryCurrent != 1 ? usedcarGalleryCurrent - 1 : usedcarGalleryLength;
75    galleryMoveTo(targetGalleryIndex);
76  });
77  $('#js-usedcar-gallery-next').on('click', function () {
78    var targetGalleryIndex = usedcarGalleryCurrent != usedcarGalleryLength ? usedcarGalleryCurrent + 1 : 1;
79    galleryMoveTo(targetGalleryIndex);
80  });
81
82  // tab click
83  $('.js-usedcar-gallery-tab').on('change', function () {
84    $('.js-usedcar-gallery-thumb').removeClass('is-current');
85
86    if ($(this).val() == 'outside') {
87      $('#js-usedcar-gallery-canvas').attr('data-show', 'outside');
88    } else if ($(this).val() == 'inside') {
89      $('#js-usedcar-gallery-canvas').attr('data-show', 'inside');
90    } else {
91      $('#js-usedcar-gallery-canvas').attr('data-show', 'gallery');
92    }
93  });
94
95  // ŠOŠÏ‚ð‰Šú•\Ž¦‚É
96  if ($('.js-usedcar-gallery-tab[value="outside"]').length) {
97    $('.js-usedcar-gallery-tab[value="outside"]').prop('checked', true);
98    $('.js-usedcar-gallery-thumb').removeClass('is-current');
99    $('#js-usedcar-gallery-canvas').attr('data-show', 'outside');
100  }
101});
102$(window).on('scroll', function () {
103  if ($('.COMMON-UCAR-detail-contact').length) {
104    var scrTop = $(window).scrollTop();
105    var fixedInPos = $('.COMMON-UCAR-detail-contact').eq(0).offset().top + $('.COMMON-UCAR-detail-contact').eq(0).outerHeight();
106    var fixedOutPos = $('#js-usedcar-detail').offset().top + $('#js-usedcar-detail').outerHeight();
107
108    if (scrTop > fixedInPos && scrTop + $(window).innerHeight() < fixedOutPos) {
109      $('#js-usedcar-detail-contact').addClass('is-show');
110    } else {
111      $('#js-usedcar-detail-contact').removeClass('is-show');
112    }
113  }
114});
115$(window).on('load', function () {
116  $('img[data-usedcar-src]').each(function () {
117    $(this).attr('src', $(this).attr('data-usedcar-src'));
118  });
119
120  //ƒRƒƒ“ƒg—“‚Æ“Á‹LŽ–€—“A‹ó”’‚¾‚Á‚½‚ç”ñ•\Ž¦‚É‚·‚é
121  var Comment = $('.Comment').text().replace(/\s/g,'');
122  var SpecialNotes = $('.SpecialNotes').text().replace(/\s/g,'');
123  //console.log('comment:'+Comment);
124  //console.log('SpNotes:'+SpecialNotes);
125  if(Comment == 'ƒRƒƒ“ƒg' || Comment == ''){
126    $('.Comment').hide();
127  }
128  if(SpecialNotes == '“Á‹LŽ–€' || SpecialNotes == ''){
129    $('.SpecialNotes').hide();
130  }
131});