https://10prs.com/iine_app/iine.js

1$(function() {
2  'use strict';
3
4  var thanks = true; // お礼メッセージを出す場合はtrue、出さない場合はfalse
5  var folderpath = '/';
6  // iine_appフォルダが入っているパスを、ドメイン名以下から記入してください。
7  // 下記の例に従ってください。
8  // var folderpath = '/'; --- http://example.com/iine_app/の場合
9  // var folderpath = '/site/'; --- http://example.com/site/iine_app/の場合
10  // var folderpath = 'site/folder/' --- http://example.com/site/folder/iine_app/の場合
11
12  ////// ここから下のエリアには変更を加えないでください ///////
13
14  var count = document.getElementById('countnum');
15  var iine = document.getElementById('iine');
16  var iineWrap = document.getElementById('iine_wrap');
17  var iineThanks = document.getElementById('iine_thanks');
18  var countNum = count.textContent;
19  var pathname = location.href;
20
21  var ajaxPath = `${location.protocol}//${location.host}${folderpath}iine_app/_ajax.php`;
22
23  var fadeout = function() {
24    setTimeout(function(){
25      iineThanks.classList.add('fadeout');
26    }, 6000);
27    setTimeout(function(){
28      iineThanks.style.display = "none";
29      iineThanks.classList.remove('fadeout');
30    }, 7000);
31   }
32
33  $(document).ready( function(){
34    if(localStorage.getItem(pathname) == 'checked') {
35      iineWrap.className = 'alreadychecked';
36    }
37
38    $.ajax({
39      type: 'GET',
40      url : ajaxPath,
41      data:{ path: pathname, mode: 'show' }
42    }).fail(function(){
43      alert('iine.jsのfolderpathの値を確認して下さい。');
44    }).done(function(res){
45      count.innerHTML = res;
46    });
47  });
48
49
50  // update
51  $(document).on('click', '#iine', function(e) {
52	e.preventDefault();
53  if(localStorage.getItem(pathname) == 'checked') {
54  iineWrap.className = '';
55  localStorage.removeItem(pathname);
56    // ajax処理
57    $.post(ajaxPath, {
58      path: pathname,
59      mode: 'uncheck'
60    }).fail(function(){
61      alert('iine.jsのfolderpathの値を確認して下さい。');
62    }).done(function(res){
63      count.innerHTML = res;
64    });
65  } else {
66    iineWrap.className = 'checked';
67    if(thanks === true) {
68      iineThanks.style.display = "block";
69      fadeout();
70    }
71    localStorage.setItem(pathname, 'checked');
72    // ajax処理
73    $.post(ajaxPath, {
74      path: pathname,
75      mode: 'check'
76    }).fail(function(){
77      alert('iine.jsのfolderpathの値を確認して下さい。');
78    }).done(function(res){
79      count.innerHTML = res;
80    });
81  }
82});
83});