https://www.tachibana-u.ac.jp/common/js/common.js

1// rollover
2function smartRollover() {
3    if(document.getElementsByTagName) {
4        var images = document.getElementsByTagName("img");
5
6        for(var i=0; i < images.length; i++) {
7            if(images[i].getAttribute("src").match("_off."))
8            {
9                images[i].onmouseover = function() {
10                    this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
11                }
12                images[i].onmouseout = function() {
13                    this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
14                }
15            }
16        }
17    }
18}
19
20if(window.addEventListener) {
21    window.addEventListener("load", smartRollover, false);
22}
23else if(window.attachEvent) {
24    window.attachEvent("onload", smartRollover);
25}
26
27$(function(){
28
29	//smoothscroll
30
31	// $("#header a, #footer a, #bookmark a, .pnavi a, .listLinks a, .pdfLinks a, area, .linksList a, .inPlink a").click(function() {
32	// 	var myHref= $(this).attr("href");
33	// 	var myPos = $(myHref).offset().top;
34	// 	$("html,body").animate({scrollTop : myPos}, 700);
35	// 	return false;
36	// });
37
38  // ▼ add 20210707 oono ▼
39	$("a[href^='#']").click(function() {
40		var myHref= $(this).attr("href");
41		var myPos;
42    if(myHref == '#wrapper'){
43      myPos = 0;
44    }else{
45      myPos = $(myHref).offset().top;
46    }
47		$("html,body").animate({scrollTop : myPos}, 700);
48		return false;
49	});
50  // ▲ add-end 20210707 oono ▲
51
52	//.hover
53	$(window).ready(function(){
54		$(".hover").hover(
55		function()
56		{
57			$(this).stop(true, true).animate({"opacity": 0.7}, 200);
58		},
59		function()
60		{
61			$(this).stop(true, true).animate({"opacity": 1}, 200);
62		});
63	});
64
65	//slick
66	$(document).on('ready', function() {
67		$(".regular").slick({
68			autoplay: true,
69			slidesToShow: 3,
70			slidesToScroll: 1,
71			responsive: [{
72               breakpoint: 960,
73                    settings: {
74                         slidesToShow: 2,
75                         slidesToScroll: 1,
76               }
77          	},{
78               breakpoint: 680,
79                    settings: {
80                         slidesToShow: 1,
81                         slidesToScroll: 1,
82               }
83          	}]
84     	});
85	 });
86
87	//tel
88	var ua = navigator.userAgent;
89	if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0){
90		$('.telLink').each(function(){
91			var str = $(this).text();
92			$(this).html($('<a>').attr('href', 'tel:' + str.replace(/-/g, '')).append(str + '</a>'));
93		});
94	}
95
96	//
97	$(window).on('load resize',function(){
98		var wH = $(window).height();
99		var wW = window.innerWidth;
100		var yH = $('#header').height();
101		if (wW < 961) {
102			$('#contents').css('padding-top',yH+'px');
103        }
104	});
105
106	//nav pc & sp
107	if(ww>=961){
108	  pc();
109	} else {
110	  sp();
111	}
112
113	if(_ua.ltIE9){}else{if(!it){
114	  var timer = false;
115	  $(window).resize(function() {
116		var reww = window.innerWidth;
117		if((ww>=961) && (reww<961)) {
118		  if(timer !== false) {clearTimeout(timer);}
119		  timer = setTimeout(function() {location.reload();},300);
120		}
121		if((ww<961) && (reww>=961)) {
122		  if(timer !== false) {clearTimeout(timer);}
123		  timer = setTimeout(function() {location.reload();},300);
124		}
125	  });
126	}}
127});
128
129function openWin(theURL,winName,features) { //v2.0
130	var subwin=window.open(theURL,winName,features);
131	subwin.focus();
132}
133
134/* touch device */
135it = (document.ontouchstart !== undefined) ? true : false;
136ww = window.innerWidth;
137_ua = (function(){return {ltIE6:typeof window.addEventListener == "undefined" && typeof document.documentElement.style.maxHeight == "undefined",ltIE7:typeof window.addEventListener == "undefined" && typeof document.querySelectorAll == "undefined",ltIE8:typeof window.addEventListener == "undefined" && typeof document.getElementsByClassName == "undefined",ltIE9:document.uniqueID && !window.matchMedia}})();
138
139/* ヘッダー：961 */
140function pc() {
141
142  //ドロップダウン
143  var e = $('#gnavi > li'),
144      f = $('#gnavi > li > a'),
145      g = $('#gnavi .subnav');
146  g.siblings('a').addClass('js-disabled');
147  g.append('<div class="subnav-back"></div>');
148  var h = $('#gnavi .subnav-back');
149  Height01 = $("#gnavi").innerHeight();
150  $(window).on("load scroll", function() {
151    if($(window).scrollTop() <= Height01) h.css({'top':Height01 + 34  - $(window).scrollTop() + 'px'});
152  });
153  if(it){
154    g.append('<p class="subnav-close">CLOSE</p>');
155    var i = $('#gnavi .subnav-close');
156    f.click(function(){
157      if($(this).hasClass('js-disabled')) {
158        g.hide();
159        g.siblings('a').addClass('js-disabled');
160        $(this).siblings('.subnav').stop(true).fadeIn();
161        $(this).removeClass('js-disabled js-default');
162        return false;

163      }
164    });
165    h.click(function(){
166      g.hide();
167      g.siblings('a').addClass('js-disabled js-default');
168    });
169    i.click(function(){
170      g.hide();
171      g.siblings('a').addClass('js-disabled js-default');
172    });
173  }else{
174    e.hover(function(){
175      var settarget = $(this);
176      sethover = setTimeout(function(){
177        if(settarget.children('a').hasClass('js-disabled')) settarget.children('.subnav').stop(true).fadeIn();
178      },200);
179    },function(){
180      var settarget = $(this);
181      if(settarget.children('a').hasClass('js-disabled')) settarget.children('.subnav').hide();
182      clearTimeout(sethover);
183    });
184    h.hover(function(){
185      $(this).parent('.subnav').fadeOut();
186    });
187  }
188
189  $(window).on('load resize scroll',function(){
190	  if ($(window).scrollTop() > 1) {
191		var fixNavH = $('#navi').height();
192		$('#gnavi .subnav-back').css('top',fixNavH+'px');
193		$('#gnavi .subnav').css('margin-top',fixNavH+'px');
194		$('#navi, #navi .lnavi').addClass('fixNav');
195	  } else {
196		$('#gnavi .subnav').css('margin-top','9%');
197		$('#navi, #navi .lnavi').removeClass('fixNav');
198	  }
199  });
200  $(window).on('load',function(){
201	  $('#navi').wrapInner('<div class="fixIn clearfix">')
202  });
203
204  // ▼ add 20210707 oono ▼
205  // グローバルメニューから「就職・キャリア」ページのアンカーリンクへ移動時の、プルダウンの位置調整 ***************
206  var hash = location.hash;
207  // ***** 普通のページリンクまたは、他ページからのアンカーリンクでのページ遷移 ***************
208  if(hash.length){
209		if(hash.match(/#gn_link_tab0/) || hash.match(/#gn_link0/)){
210      $(window).on('load resize scroll',function(){
211        if ($(window).scrollTop() > 1) {
212        $('#gnavi .subnav-back').css('top','57px');
213        $('#gnavi .subnav').css('margin-top','57px');
214        $('#navi, #navi .lnavi').addClass('fixNav');
215        } else {
216        $('#gnavi .subnav').css('margin-top','9%');
217        $('#navi, #navi .lnavi').removeClass('fixNav');
218        }
219      });
220    }
221	}
222  // ***** 同ページ内で、グローバルメニューからのアンカーリンクでのページ移動 ***************
223	$('.gn_link').click(function(){
224    $(window).on('load resize scroll',function(){
225      if ($(window).scrollTop() > 1) {
226      $('#gnavi .subnav-back').css('top','57px');
227      $('#gnavi .subnav').css('margin-top','57px');
228      $('#navi, #navi .lnavi').addClass('fixNav');
229      } else {
230      $('#gnavi .subnav').css('margin-top','9%');
231      $('#navi, #navi .lnavi').removeClass('fixNav');
232      }
233    });
234	});
235  // ▲ add-end 20210707 oono ▲
236
237}
238
239/* ヘッダー：960 */
240function sp() {
241
242  //画像置換
243  var a = $('#btnMenu .menu'),
244      c = $('#headMenu');
245  c.append('<p class="h-close">CLOSE</p>');
246  var e = $('#headMenu .h-close');
247
248  //メニュー
249  a.click(function(){
250    a.toggleClass('js-active');
251	$('#contents, #footer, #bookmark, .mvArea').toggleClass('hide');
252	Height02 = $("#btnMenu .menu").innerHeight();
253    c.css({'height':window.innerHeight - Height02 + 'px'});
254    c.slideToggle();
255  });
256
257  //閉じ
258  e.click(function(){
259    a.removeClass('js-active');
260    c.slideUp();
261  });
262
263  //ドロップダウン
264  var f = $('#gnavi .subnav'),
265      g = $('#gnavi .subnav dl'),
266      h = $('#gnavi .subnav dd');
267  f.siblings('a').addClass('disabled');
268  f.parent('li').append('<i class="js-btn-li"></i>');
269  f.find('dd').siblings('dt').append('<i class="js-btn-dt"></i>');
270  var i = $('#gnavi .js-btn-li'),
271      j = $('#gnavi .js-btn-dt');
272  i.click(function(){
273    if($(this).hasClass('js-close')){
274      $(this).siblings('.subnav').slideUp();
275      $(this).removeClass('js-close');
276      h.slideUp();
277      g.removeClass('js-close');
278    }else{
279      f.slideUp();
280      i.removeClass('js-close');
281      $(this).siblings('.subnav').slideDown();
282      $(this).addClass('js-close');
283      h.slideUp();
284      g.removeClass('js-close');
285    }
286  });
287  j.click(function(){
288    var k = $(this).parent('dt').parent('dl'),
289        l = $(this).parent('dt').siblings('dd');
290    if(k.hasClass('js-close')){
291      h.slideUp();
292      g.removeClass('js-close');
293    }else{
294      h.slideUp();
295      g.removeClass('js-close');
296      l.slideDown();
297      k.addClass('js-close');
298    }
299  });
300}