https://dekita.online/resorce/js/common.js?20221103

1$(function() {
2
3    var $window = $(window),
4        $clone = $("header"),
5        threshold = 0.1;
6
7    $window.on('scroll', function() {
8        if ($window.scrollTop() > threshold) {
9            $clone.fadeIn();
10        } else {
11            $clone.fadeOut();
12        }
13    });
14
15    $(window).on("scroll", function() {
16        var winScrollTop = $(this).scrollTop();
17        if (winScrollTop > 500) {
18            $("#payment").fadeOut();
19        } else {
20            $("#payment").fadeIn('slow');
21        }
22    });
23
24    $(document).on("click", "#questions dl.close", function() {
25        $(this).find("dd").show();
26        $(this).removeClass("close");
27        $(this).addClass("open");
28    });
29
30    $(document).on("click", "#questions dl.open", function() {
31        $(this).parent().find("dd").hide();
32        $(this).removeClass("open");
33        $(this).addClass("close");
34    });
35
36    $(document).on("click", "#cando ul a", function() {
37        var index = $("#cando ul a").index(this) + 1;
38        $("#cando ul a").removeClass("selected");
39        $(this).addClass("selected");
40        $("#cando div[id^='item']").hide();
41        $("#cando #item" + index).show();
42
43    });
44
45    $(document).on("mouseenter", "#cando ul a", function() {
46        var index = $("#cando ul a").index(this) + 1;
47        $("#cando ul a").removeClass("selected");
48        $(this).addClass("selected");
49        $("#cando div[id^='item']").hide();
50        $("#cando #item" + index).show();
51    });
52
53    $.simpleTicker($("#ticker-roll"), {
54        'effectType': 'roll'
55    });
56
57    $("#slider").slick({
58        centerMode: true,
59        slidesToShow: 2,
60        slidesToScroll: 1,
61        autoplay: true,
62        autoplaySpeed: 4000,
63        responsive: [{
64            breakpoint: 700,
65            settings: {
66                centerMode: false,
67                slidesToShow: 1,
68                slidesToScroll: 1
69            }
70        }]
71    });
72
73    $(document).on("click", "#slider .items", function() {
74        var item = $(this).attr("data-items");
75        showPartner(item, data);
76    });
77
78    $(document).on("click", "#partner #wclose", function() {
79        $("#partner").hide();
80        $("html,body").css("overflow", "inherit");
81    });
82
83    $(document).on("click", "#partner nav #wnext", function() {
84        var max = data.length;
85        var item = parseInt($("#partner").attr("data-items")) + 2;
86        if (max < item) {
87            item = 1;
88        }
89        showPartner(item, data);
90    });
91
92    $(document).on("click", "#partner nav #wprev", function() {
93        var max = data.length;
94        var item = parseInt($("#partner").attr("data-items"));
95        if (item == 0) {
96            item = max;
97        }
98        showPartner(item, data);
99    });
100
101    $("form").validate({
102        rules: {
103            company: {
104                required: true
105            },
106            name: {
107                required: true
108            },
109            email: {
110                required: true
111            },
112            tel: {
113                required: true
114            },
115            desc: {
116                required: true
117            },
118            'agree[]': {
119                required: true
120            }
121        },
122        messages: {
123            company: {
124                required: '団体名を入力してください'
125            },
126            name: {
127                required: 'お名前を入力してください'
128            },
129            email: {
130                required: 'E-MAILを入力してください'
131            },
132            tel: {
133                required: 'TELを入力してください'
134            },
135            desc: {
136                required: 'ご要望など入力してください'
137            },
138            'agree[]': {
139                required: '個人情報保護方針に同意にチェックをしてください'
140            }
141        },
142        submitHandler: function() {
143            $("#comfirm").show();
144        }
145    });
146
147    //送信ボタン
148    $(document).on("click", "#send", function() {
149        var $form = $("form");
150        var data = $form.serialize();
151        $.ajax({
152            url: "contact.php",
153            type: "POST",
154            data: {
155                data: data
156            },
157            error: function(XMLHttpRequest, textStatus, errorThrown) {
158                alert("送信に失敗しました");
159            },
160            success: function(arr) {
161                $("#comfirm").hide();
162                $("#thanks").show();
163            }
164        });
165    });
166
167    $(document).on("click", "#thanks a", function() {
168        $("#thanks").hide();
169    });
170
171});
172
173function showPartner(item, data) {
174    $("#partner").show();
175    $("html,body").css("overflow", "hidden");
176    var count = item - 1;
177    $.each(data, function(index, value) {
178        if (count == index) {
179            var name = value.name;
180            var adr = value.adr;
181            var img = value.img;
182            var desc = value.desc;
183            var url = value.url;
184            var title = "<a href='" + url + "' target='_blank'>" + name + "</a>";
185            $("#partner").attr("data-items", count);
186            $("#partner .contents h3").html(title);
187            $("#partner .contents dfn").text(adr);
188            $("#partner figure img").attr("src", img)
189            $("#partner .contents .main").html(desc);
190        }
191    });
192}