https://www.sevenbank.co.jp/js/main_common.js

1jQuery(document).ready(function () {
2    // デバイス判別してbodyにclass追加
3    var ua = navigator.userAgent;
4    const isIPad = /iPad|Macintosh/i.test(navigator.userAgent) && "ontouchend" in document; //ipadOS用
5    if (ua.indexOf("iPhone") > 0 || (ua.indexOf("Android") > 0 && ua.indexOf("Mobile") > 0)) {
6        $("body").addClass("device-sp");
7    } else if (ua.indexOf("iPad") > 0 || ua.indexOf("Android") > 0 || isIPad) {
8        $("body").addClass("device-tab");
9    } else {
10        $("body").addClass("device-pc");
11    }
12
13    // スマホ時、電話番号設定
14    if ((ua.indexOf("iPhone") > 0 && ua.indexOf("iPod") == -1) || (ua.indexOf("Android") > 0 && ua.indexOf("Mobile") > 0 && ua.indexOf("SC-01C") == -1 && ua.indexOf("A1_07") == -1)) {
15        $(".tel_link").each(function () {
16            var str = $(this).text();
17            $(this).html(
18                $("<a>")
19                    .attr("href", "tel:" + str.replace(/-/g, ""))
20                    .append(str + "</a>")
21            );
22        });
23    }
24
25    // #で始まるアンカーをクリックした場合に処理
26    // $('a[href^="#"]' + "a:not(a.disable)").click(function () {
27    //     // スクロールの速度
28    //     var speed = 500; // ミリ秒
29    //     // アンカーの値取得
30    //     var href = $(this).attr("href");
31    //     // 移動先を取得
32    //     var target = $(href == "#" || href == "" ? "html" : href);
33    //     // 移動先を数値で取得
34    //     var position = target.offset().top;
35    //     // スムーススクロール
36    //     $("body,html").stop().animate({ scrollTop: position }, speed, "swing");
37    //     return false;
38    // });
39
40    //リンク無効
41    $("a.disable").click(function () {
42        return false;
43    });
44
45    //desvg用
46    if ($(".svg_img").length > 0) {
47        deSVG(".svg_img", true);
48    }
49
50    // 高さ調整
51    $(function () {
52        if ($(".m_height").length) {
53            var w = $(window).width();
54            if (w > 767) {
55                $(".m_height").matchHeight();
56            } else {
57                $(".m_height").matchHeight({ remove: true });
58            }
59            $(window).resize(function () {
60                if (w <= 768 && $(window).width() > 767) {
61                    $(".m_height").matchHeight();
62                }
63                if (w > 767 && $(window).width() <= 768) {
64                    $(".m_height").matchHeight({ remove: true });
65                }
66                w = $(window).width();
67            });
68        }
69    });
70
71    $(function () {
72        if ($(".m_height02").length) {
73            var w = $(window).width();
74            if (w > 767) {
75                $(".m_height02").matchHeight();
76            } else {
77                $(".m_height02").matchHeight({ remove: true });
78            }
79            $(window).resize(function () {
80                if (w <= 768 && $(window).width() > 767) {
81                    $(".m_height02").matchHeight();
82                }
83                if (w > 767 && $(window).width() <= 768) {
84                    $(".m_height02").matchHeight({ remove: true });
85                }
86                w = $(window).width();
87            });
88        }
89    });
90
91    $(function () {
92        if ($(".m_height03").length) {
93            var w = $(window).width();
94            if (w > 767) {
95                $(".m_height03").matchHeight();
96            } else {
97                $(".m_height03").matchHeight({ remove: true });
98            }
99            $(window).resize(function () {
100                if (w <= 768 && $(window).width() > 767) {
101                    $(".m_height03").matchHeight();
102                }
103                if (w > 767 && $(window).width() <= 768) {
104                    $(".m_height03").matchHeight({ remove: true });
105                }
106                w = $(window).width();
107            });
108        }
109    });
110    if ($(".slider").length) {
111        //スライダー設定
112        $(".slider").slick({
113            autoplay: true,
114            dots: true,
115            variableWidth: true,
116            centerMode: true,
117            slidesToShow: 1,
118            auseOnDotsHover: false,
119            pauseOnFocus: false,
120            prevArrow: '<button class="slide-prev"></button>',
121            nextArrow: '<button class="slide-next"></button>',
122        });
123    }
124    if ($(".modal").length) {
125        //モーダル設定
126        $(".modal").magnificPopup({
127            type: "inline",
128            preloader: false,
129            showCloseBtn: false,
130        });
131    }
132    if ($(".animation-box").length) {
133        //アニメーション設定
134        $(".animation-box").waypoint(
135            function (direction) {
136                var activePoint = $(this.element);
137                if (direction === "down") {
138                    //scroll down
139                    activePoint.addClass("active");
140                } else {
141                    //scroll up
142                    activePoint.removeClass("active");
143                }
144            },
145            { offset: "70%" }
146        );
147    }
148
149    //ソート切り替えの設定
150    var newsLink = $(".sort_box .sort_btn");
151    var limit = 5;
152    $(".sort_content").css("display", "none");
153    for (var i = 0; i < limit; i++) {
154        var limitNews = $(".sort_content")[i];
155        $(limitNews).fadeIn();
156    }
157    $(newsLink).click(function () {
158        $(newsLink).removeClass("active");
159        $(this).addClass("active");
160        var btnFilter = $(this).attr("data-filter");
161        if (btnFilter == "all") {
162            $(".sort_content").css("display", "none");
163            for (i = 0; i < limit; i++) {
164                limitNews = $(".sort_content")[i];
165                $(limitNews).fadeIn();
166            }
167        } else {
168            $(".sort_content").css("display", "none");
169            for (i = 0; i < limit; i++) {
170                limitNews = $(".sort_content").filter('[data-category = "' + btnFilter + '"]')[i];
171                $(limitNews).fadeIn();
172            }
173        }
174    });

175
176    if ($(".tab_box .tab_btn").length) {
177        //タブ切り替えの設定
178        $(".tab_box .tab_btn").click(function () {
179            var index = $(".tab_box .tab_btn").index(this);
180            $(".tab_box .tab_btn, .tab_box .tab_panel").removeClass("active");
181            $(this).addClass("active");
182            $(".tab_box .tab_panel").eq(index).addClass("active");
183        });
184    }
185});
186
187document.addEventListener("DOMContentLoaded", () => {
188    setUpAccordion();
189    // setHeight();
190    new ScrollHint(".table_original,.table_set03", {
191        i18n: {
192            scrollable: "横へスクロールできます",
193        },
194    });
195});
196
197// スクロールのドラッグ有効化
198jQuery.prototype.mousedragscrollable = function () {
199    let target;
200    $(this).each(function (i, e) {
201        $(e).mousedown(function (event) {
202            event.preventDefault();
203            target = $(e);
204            $(e).data({
205                down: true,
206                move: false,
207                x: event.clientX,
208                y: event.clientY,
209                scrollleft: $(e).scrollLeft(),
210                scrolltop: $(e).scrollTop(),
211            });
212            return false;
213        });
214        $(e).click(function (event) {
215            if ($(e).data("move")) {
216                return false;
217            }
218        });
219    });
220    $(document)
221        .mousemove(function (event) {
222            if ($(target).data("down")) {
223                event.preventDefault();
224                let move_x = $(target).data("x") - event.clientX;
225                let move_y = $(target).data("y") - event.clientY;
226                if (move_x !== 0 || move_y !== 0) {
227                    $(target).data("move", true);
228                } else {
229                    return;
230                }
231                $(target).scrollLeft($(target).data("scrollleft") + move_x);
232                $(target).scrollTop($(target).data("scrolltop") + move_y);
233                return false;
234            }
235        })
236        .mouseup(function (event) {
237            $(target).data("down", false);
238            return false;
239        });
240};
241$(".table_original,.table_set03").mousedragscrollable();