https://www.konicaminolta.com.cn/business/skin/konica/js/custom.js

1//cookie acceptance delay
2var cookieTimeOut = 200;
3
4//number of days for cookie acceptance to last
5var cookieDays = 365;
6
7//name of cookie
8var cookieName = 'consent';
9
10
11(function ($) {
12
13  /* Document Ready State */
14  document.addEventListener('DOMContentLoaded', function () {
15    var $body = $('body');
16    var $km_Header = $('#km_Header');
17    var $km_Footer = $('#km_Footer');
18    var $lHeader = $('.l-header');
19    var $lHeader__navigation = $('.l-header__navigation');
20    var $main_Navigation = $('#main_Navigation');
21    var $contentWrapper = $('.content-wrapper');
22    var $menuIcon = $('#km_Header .menu-icon');
23    var $changeLanguage_dropdownMenu = $('#km_Header .change-language .dropdown-menu');
24    var $searchDropdown = $('#km_Header .search-dropdown .dropdown-toggle');
25    var $searchDropdown_dropdownMenu = $('#km_Header .search-dropdown .dropdown-menu');
26    var $overlay = $('.overlay');
27    var style_km_Header = {};
28    var style_contentWrapper = {};
29    var style_lHeader = {};
30    var style_lHeaderNavigation = {};
31    var $lHeader_zIndex = '';
32
33    // Mobile Menu Icon
34    $menuIcon.on('click', function (e) {
35      var $this = $(this);
36      $this.css('z-index', '1');
37      $this.find('.top-line').toggleClass('top-line-rotate');
38      $this.find('.bot-line').toggleClass('bot-line-rotate');
39      $this.find('.mid-line').toggle();
40      $main_Navigation.toggleClass('open');
41
42      if ($body.hasClass('cct-2020')) {
43        if ($main_Navigation.hasClass('open')) {
44          $body.addClass('naviOpen');
45          $km_Header.addClass('naviopenFIxed');
46          $contentWrapper.addClass('naviopenFIxed');
47          $km_Footer.addClass('naviopenFIxed');
48
49          if ($overlay.length) {
50            $overlay.css('display', 'none');
51            style_km_Header = $km_Header.attr('style');
52            style_contentWrapper = $contentWrapper.attr('style');
53            style_lHeader = $lHeader.attr('style');
54            style_lHeaderNavigation = $lHeader__navigation.attr('style');
55            $km_Header.removeAttr('style');
56            $contentWrapper.removeAttr('style');
57            $lHeader.removeAttr('style');
58            $lHeader__navigation.removeAttr('style');
59          }
60          setTimeout(function () {
61            $main_Navigation.addClass('openOk');
62          }, 500);
63        } else {
64          $main_Navigation.removeClass('openOk');
65          setTimeout(function () {
66            $body.removeClass('naviOpen');
67            $km_Header.removeClass('naviopenFIxed');
68            $contentWrapper.removeClass('naviopenFIxed');
69            $km_Footer.removeClass('naviopenFIxed');
70            if ($overlay.length) {
71              $overlay.css('display', 'block');
72              $km_Header.attr('style', style_km_Header);
73              $contentWrapper.attr('style', style_contentWrapper);
74              $lHeader.attr('style', style_lHeader);
75              $lHeader__navigation.attr('style', style_lHeaderNavigation);
76            }
77          }, 500);
78        }
79      } else {
80        if ($main_Navigation.hasClass('open')) {
81          if (!isNaN($lHeader.css('z-index'))) {
82            $lHeader_zIndex = $lHeader.css('z-index');
83            $lHeader.css('z-index', '99');
84          }
85          $body.addClass('naviOpen');
86          setTimeout(function () {
87            $main_Navigation.addClass('openOk');
88          }, 500);
89        } else {
90          $main_Navigation.removeClass('openOk');
91          setTimeout(function () {
92            $body.removeClass('naviOpen');
93            if (!isNaN($lHeader.css('z-index'))) {
94              $lHeader.css('z-index', $lHeader_zIndex);
95            }
96          }, 500);
97        }
98
99      }
100
101    });
102
103    $body.on('click', function () {
104      $menuIcon.find('.top-line').removeClass('top-line-rotate');
105      $menuIcon.find('.bot-line').removeClass('bot-line-rotate');
106      $menuIcon.find('.mid-line').show('bot-line-rotate');
107      $main_Navigation.removeClass('open');
108    });
109
110    $('#km_Header, #main_Content, #km_Footer').on('click', function (e) {
111      if (!$(event.target).closest('#km_Header .search-dropdown').length) {
112        $searchDropdown.removeClass('show');
113        $searchDropdown_dropdownMenu.removeClass('show');
114      }
115      if (!$(event.target).closest('#km_Header .change-language').length) {
116        $changeLanguage_dropdownMenu.removeClass('show');
117      }
118      e.stopPropagation();
119    });

120
121
122    if ($changeLanguage_dropdownMenu.length) {
123      $('#km_Header .language-settings .dropdown-toggle').on('click', function (e) {
124        if ($changeLanguage_dropdownMenu.hasClass('show')) {
125          $('#km_Header .dropdown-menu.show a').off('click', function (e) {
126            e.stopPropagation();
127          });
128          $changeLanguage_dropdownMenu.removeClass('show');
129        } else {
130          $changeLanguage_dropdownMenu.addClass('show');
131          $('#km_Header .dropdown-menu.show a').on('click', function (e) {
132            e.stopPropagation();
133          });
134        }
135        e.stopPropagation();
136      });
137
138    }
139
140
141    /* Scroll to Top button */
142    //var bottom = $('#km_Footer').position().top + $('#km_Footer').height();
143    var $toTopBtn = $('#km_Footer .to-top-btn');
144    $(window).scroll(function () {
145      if ($(this).scrollTop() > 100) {
146        $toTopBtn.fadeIn();
147      } else {
148        $toTopBtn.fadeOut();
149      }
150    });
151    //Click event to scroll to top
152    $toTopBtn.click(function () {
153      $('html, body').animate({
154        scrollTop: 0
155      }, 800);
156      return false;
157    });
158
159
160    /* Agreement Modal */
161    const isCookieSet = getCookie(cookieName);
162    if (!isCookieSet) {
163      setTimeout(function () {
164        //$('#termsModal').modal({backdrop: 'static', keyboard: false}, 'show');
165      }, cookieTimeOut);
166    }
167
168    /* search-dropdown */
169    if ($searchDropdown.length) {
170      $searchDropdown.on('click', function () {
171        if ($searchDropdown.hasClass('show')) {
172          $searchDropdown.removeClass('show');
173          $searchDropdown_dropdownMenu.removeClass('show');
174        } else {
175          $searchDropdown.addClass('show');
176          $searchDropdown_dropdownMenu.addClass('show');
177        }
178      });
179    }
180
181
182
183  /*
184      オフスクリーン画像の遅延読込
185      (jQuery unuse)
186      First Entry: 2019-07-xx
187  */
188    delayImages();
189
190  function delayImages() {
191    var setCnt = 0;
192    var delayImages = document.querySelectorAll('.delayedImg');
193
194    if (delayImages.length) {
195      mainProc();
196    }
197
198    function mainProc() {
199      imgSetter();
200      window.addEventListener('scroll', imgSetter, false);
201    }
202
203    function imgSetter() {
204
205      if (setCnt < delayImages.length) {
206        var sta = window.pageYOffset;
207        var eda = sta + window.innerHeight;
208        var i = 0;
209        while (i < delayImages.length) {
210          var iObj = delayImages[i];
211          var rect = iObj.getBoundingClientRect();
212          var sy = rect.top + sta;
213          var datasrc = iObj.getAttribute('data-src');
214          var imgsrc = iObj.getAttribute('src');
215				  
216          if (imgsrc === null && (sy >= (sta - 10)) && (sy <= (eda + 10))) {
217			console.log(imgsrc + "/" + sy + "/" + sta + "/" + eda);
218
219            iObj.setAttribute('src', datasrc);
220            //iObj.classList.add('delayedActive');
221            setTimeout(function (obj) {
222              obj.classList.add('delayedActive');
223            }, 250, iObj);
224            setCnt++;
225          }
226          i++;
227        }
228
229      } else {
230        window.removeEventListener('scroll', imgSetter, false);
231      }
232    }
233
234  }
235
236  }, false);
237
238})(jQuery);
239
240$(window).load(function () {
241  // Animate loader off screen
242  if ($("#loader").length) {
243    $("#loader").fadeOut('slow');
244  }
245});
246
247
248/* Get Cookie from document */
249function getCookie(name) {
250  const readCookie = decodeURIComponent(document.cookie);
251  const cookieArray = readCookie.split(';');
252  name = name + "=";
253
254  for (let i = 0; i < cookieArray.length; i++) {
255    let cookieValue = cookieArray[i];
256    while (cookieValue.charAt(0) === ' ') {
257      cookieValue = cookieValue.substring(1);
258    }
259    if (cookieValue.indexOf(name) === 0) {
260      return cookieValue.substring(name.length, cookieValue.length);
261    }
262  }
263}
264
265/* Accept Cookie function */
266function acceptCookies() {
267  saveCookie(cookieName, cookieDays);
268}
269
270function saveCookie(name, numberOfDays) {
271  const date = new Date();
272  date.setTime(date.getTime() + (24 * 60 * 60000) * numberOfDays);
273  const expires = "expires=" + date.toUTCString();
274  document.cookie = name + "=1;" + expires + ";path=/";
275}