PageSourceSearch

https://www.itc.ac.jp/_cms/wp-content/themes/itc1.1.0/assets/js/app.js

js itc.ac.jp collected 2026-10-08 01:35:55 UTC 9,486 bytes, 344 lines download raw bytes

1jQuery(function ($) {
2var bk = 768;
3var body = $('body');
4var $toggle = $('.js-toggle');
5var $toggleSp = $('.js-toggle-sp');
6var $nav = $('.js-nav');
7var $navSp = $('.js-nav-sp');
8var $headerItem = $('.js-header-item');
9var $headerBg = $('.js-header-bg');
10var $accordion = $('.js-accordion');
11var $fvSlider = $('.js-fv-slider');
12var $fvMarquee = $('.js-fv-marquee');
13var $bannerSlider = $('.js-banner-slider');
14var $eventSlider = $('.js-event-slider');
15var $advantageSlider = $('.js-advantage-slider');
16var $careerSlider = $('.js-career-slider');
17var $shortsSlider = $('.js-shorts-slider');
18var $newsTab = $('.js-news-tab');
19var $programSlider = $('.js-program-slider');
20var $moviePlay = $('.js-movie');
21
22// ハンバーガー
23// $(window).on('load resize', function(){
24//   var winW = $(window).width();
25//   var devW = 767;
26//   if (winW <= devW) {
27//     $toggle.on('click', function () {
28//       $toggle.toggleClass('is-active');
29//       $nav.toggleClass('is-active');
30//       $headerItem.toggleClass('is-active');
31//       $headerBg.toggleClass('is-active');
32//       body.toggleClass('is-hidden');
33//     });
34//   } else {
35//     $toggle.on('mouseenter', function() {
36//       $toggle.addClass('is-active');
37//       $nav.addClass('is-active');
38//       $headerItem.addClass('is-active');
39//       $headerBg.addClass('is-active');
40//       body.addClass('is-hidden');
41//     });
42//     $nav.on('mouseleave', function() {
43//       $toggle.removeClass('is-active');
44//       $nav.removeClass('is-active');
45//       $headerItem.removeClass('is-active');
46//       $headerBg.removeClass('is-active');
47//       body.removeClass('is-hidden');
48//     });
49//   }
50// });
51
52$toggle.on('click', function () {
53  if(window.matchMedia('(max-width:768px)').matches){
54    $toggle.toggleClass('is-active');
55    $nav.toggleClass('is-active');
56    $headerItem.toggleClass('is-active');
57    $headerBg.toggleClass('is-active');
58    body.toggleClass('is-hidden');
59  }
60});
61$toggleSp.on('click', function () {
62  $toggleSp.toggleClass('is-active');
63  $navSp.toggleClass('is-active');
64  $headerItem.toggleClass('is-active');
65  $headerBg.toggleClass('is-active');
66  body.toggleClass('is-hidden');
67});
68
69$toggle.on('mouseenter', function() {
70  if(!window.matchMedia('(max-width:768px)').matches){
71    $toggle.addClass('is-active');
72    $nav.addClass('is-active');
73    $headerItem.addClass('is-active');
74    $headerBg.addClass('is-active');
75    body.addClass('is-hidden');
76  }
77});
78
79$nav.on('mouseleave', function() {
80  if(!window.matchMedia('(max-width:768px)').matches){
81    $toggle.removeClass('is-active');
82    $nav.removeClass('is-active');
83    $headerItem.removeClass('is-active');
84    $headerBg.removeClass('is-active');
85    body.removeClass('is-hidden');
86  }
87});
88
89$('.g-nav__link').on('click', function () {
90  if(window.matchMedia('(max-width:768px)').matches){
91    var href = $(this).attr('href');
92    if (href.indexOf('#') !== -1) {
93    $toggle.removeClass('is-active');
94    $nav.removeClass('is-active');
95    $headerItem.removeClass('is-active');
96    $headerBg.removeClass('is-active');
97    body.removeClass('is-hidden');
98    }
99  }
100});
101
102$('.g-nav-sp__link').on('click', function () {
103    var href = $(this).attr('href');
104    if (href.indexOf('#') !== -1) {
105    $toggle.removeClass('is-active');
106    $nav.removeClass('is-active');
107    $headerItem.removeClass('is-active');
108    $headerBg.removeClass('is-active');
109    body.removeClass('is-hidden');
110    }
111});
112
113// ヘッダー、フッター アコーディオン
114function accordion() {
115  if ($accordion.length) {
116    $accordion.on('click', function () {
117      $(this).toggleClass('is-active').next('dd').stop().slideToggle();
118    });
119  };
120};
121accordion();
122
123//TOP FV スライダー
124function fvSlider() {
125  if ($fvSlider.length) {
126    $fvSlider.on('init', function () {
127      $(this).find('.m-top-fv__fig[data-slick-index="0"]').addClass('m-top-fv--fadeIn');
128    })
129      .slick({
130        autoplay: true,
131        infinite: true,
132        fade: true,
133        slidesToShow: 1,
134        slidesToScroll: 1,
135        arrows: false,
136        speed: 1500,
137        autoplaySpeed: 4500,
138        pauseOnFocus: false,
139        pauseOnHover: false,
140      })
141      .on({
142        beforeChange: function (event, slick, currentSlide, nextSlide) {
143          $(".m-top-fv__fig", this).eq(nextSlide).addClass("m-top-fv--fadeIn");
144          $(".m-top-fv__fig", this).eq(currentSlide).addClass("m-top-fv--fadeOut");
145        },
146        afterChange: function () {
147          $(".m-top-fv--fadeOut", this).removeClass("m-top-fv--fadeOut m-top-fv--fadeIn");
148        },
149      });
150  };
151};
152fvSlider();
153
154//TOP FV マーキー
155function fvMarquee() {
156  if ($fvMarquee.length) {
157    var $fvMarqueeSlider = $fvMarquee.children('.m-top-fv__tagslider');
158    var fvMarqueeSliderWidth = $fvMarqueeSlider.width();
159
160    $fvMarquee.css('width' , fvMarqueeSliderWidth * 3);
161  };
162};
163fvMarquee();
164
165//TOP バナー スライダー
166function bannerSlider() {
167  if($bannerSlider.length){
168  var bannerCount = $bannerSlider.find('.m-top-fv__bnr').length;
169  if( bannerCount == 3 ) {
170    $bannerSlider.addClass("is-three");
171  }
172    $bannerSlider.slick({
173      infinite: true,
174      arrows: false,
175      dots: true,
176      slidesToShow: 1,
177      variableWidth: true,
178      draggable: true,
179    });
180  }
181}
182bannerSlider();
183
184//TOP イベント スライダー
185function eventSlider() {
186  if($eventSlider.length){
187    var windowWidth = window.innerWidth;
188
189    if (windowWidth <= bk){
190      $eventSlider.not('.slick-initialized').slick({
191        autoplay: false,
192        infinite: false,
193        arrows: false,
194        dots: true,
195        slidesToShow: 1,
196        variableWidth: true,
197      });
198    } else {
199      $('.js-event-slider.slick-initialized').slick('unslick');
200    }
201  }
202}
203eventSlider();
204
205// TOP 5つの強み スライダー
206function advantageSlider() {
207  if ($advantageSlider.length) {
208    $advantageSlider.slick({
209      fade: false,
210      autoplay: false,
211      speed: 1000,
212      infinite: true,
213      arrows: true,
214      prevArrow: '<div class="m-top-advantage__prev"></div>',
215      nextArrow: '<div class="m-top-advantage__next"></div>',
216      dots: true,
217      slidesToShow: 1,
218      variableWidth: true,
219    });
220  };
221};
222advantageSlider();
223
224// TOP 学生インタビュー スライダー
225function careerSlider() {
226  if ($careerSlider.length) {
227    $careerSlider.slick({
228      fade: false,
229      autoplay: false,
230      infinite: true,
231      arrows: true,
232      prevArrow: '<div class="m-top-career__prev"></div>',
233      nextArrow: '<div class="m-top-career__next"></div>',
234      dots: true,
235      slidesToShow: 1,
236      variableWidth: true,
237    });
238  };
239};
240careerSlider();
241
242// TOP ショート動画 スライダー
243function shortsSlider() {
244  if ($shortsSlider.length) {
245    $shortsSlider.slick({
246      fade: false,
247      autoplay: false,
248      infinite: false,
249      arrows: false,
250      dots: true,
251      slidesToShow: 5,
252      variableWidth: true,
253      slidesToScroll: 1,
254      draggable: true,
255      responsive: [{
256        breakpoint: 767,
257        settings: {
258        slidesToShow: 1
259        }
260      }]
261    });
262  };
263};
264shortsSlider();
265
266// TOP ニュース タブ
267function setNewsTabs() {
268  if ($newsTab.length) {
269    $('.m-top-news__tab').eq(0).addClass('active');
270    $('.m-top-news__cont .m-top-news__list').eq(0).addClass('active');
271    $('.m-top-news__tab').on('click', function () {
272      if ($(this).hasClass('active')) return;
273      $('.m-top-news__tab').removeClass('active');
274      $(this).addClass('active');
275      var tabStr = $(this).data('tab');
276      $('.m-top-news__list').removeClass('active');
277      $('.m-top-news__list#area-' + tabStr).addClass('active');
278      return false;
279    });
280  };
281};
282setNewsTabs();
283
284// オープンキャンパスページ プログラム スライダー
285function programSlider() {
286  if($programSlider.length){
287    var windowWidth = window.innerWidth;
288
289    if (windowWidth <= bk){
290      $programSlider.not('.slick-initialized').slick({
291        autoplay: false,
292        infinite: false,
293        arrows: false,
294        dots: true,
295        slidesToShow: 1,
296        variableWidth: true,
297      });
298    } else {
299      $('.js-program-slider.slick-initialized').slick('unslick');
300    }
301  }
302}
303programSlider();
304
305const scriptTag = document.createElement('script');
306scriptTag.src = 'https://www.youtube.com/iframe_api';
307document.body.appendChild(scriptTag); // body終了前にタグを出力
308
309let player;
310
311function moviePlay() {
312  $moviePlay.on('click', function() {
313    var $this = $(this);
314    var movieId = $this.attr('data-movie');
315    var playerId = $this.next().attr('id');
316    // $this.parent().html('<iframe loading="lazy" width="437" height="777" src="https://www.youtube.com/embed/'+ movieId +'?autoplay=1&mute=1&playsinline=1&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>');
317
318    player = new YT.Player(playerId, {
319      height: '100%',
320      width: '100%',
321      playerVars: {
322        autoplay: 1, // オートプレイ
323        rel: 0, // 関連動画表示オフ
324        playsinline: 1
325      },
326      videoId: movieId,
327    });
328
329    $this.addClass('is-hide').next().addClass('is-active');
330  });
331}
332moviePlay();
333
334$(window).on('load resize', function () {
335  fvMarquee();
336  careerSlider();
337});
338
339$(window).on('resize', function () {
340  bannerSlider();
341  eventSlider();
342  programSlider();
343});
344});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.