https://www.kochi-tech.ac.jp/entrance_info/common/js/common.js

1/*********************************************
2 * common.js
3*********************************************/

3
4
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9})(window,document,'script','dataLayer','

9GTM-W3HB2XV

9');
10

11/*var userAgent = window.navigator.userAgent.toLowerCase();
12var appVersion = window.navigator.appVersion.toLowerCase();*/
13
14//viewportを切り替える *******************/
15$("head").append("<meta name='viewport' content="
16	+($.cookie("switchScreen") == 1 ?
17		"'width=1000'" :
18		"'width=device-width,initial-scale=1'")
19	+" />");
20 
21$(document).ready(function() {
22	$("#btnPC, #btnSP").click(function() {
23		$.cookie("switchScreen", $(this).attr("id") == "btnPC" ? 1 : 0);
24		location.reload();
25		return false;
26	});
27});
28
29// function *******************/
30$(function(){
31	//input例
32	$(window).load(function(){
33		$('.inputEx').each(function(){
34			var thisTitle = $(this).attr('title');
35			if(!(thisTitle === '')){
36				$(this).wrapAll('<span class="exWrap"></span>');
37				$(this).parent('span').append('<span class="txtEx">' + thisTitle + '</span>');
38				$('.txtEx').click(function(){
39					$(this).prev().focus();
40				});
41				$(this).focus(function(){
42					$(this).next('span').css({display:'none'});
43				});
44				$(this).blur(function(){
45					var thisVal = $(this).val();
46					if(thisVal === ''){
47						$(this).next('span').css({display:'inline-block'});
48					} else {
49						$(this).next('span').css({display:'none'});
50					}
51				});
52				var thisVal = $(this).val();
53				if(thisVal === ''){
54					$(this).next('span').css({display:'inline-block'});
55				} else {
56					$(this).next('span').css({display:'none'});
57				}
58			}
59		});
60	});
61	
62	//pageTop
63	var pagetop = "#pageTop";
64	$(pagetop).hide();
65	$(window).scroll(function(){
66		if ($(this).scrollTop() > 300) {
67			$(pagetop).fadeIn();
68		}
69		else {
70			$(pagetop).fadeOut();
71		}
72	});
73	
74	//文字サイズ変更

75	//http://web-mugen.com/javascript/jquerynochangecssfontsizechange/
76	$(function(){
77		fontsizeChange();
78	});
79	function fontsizeChange(){
80		var changeArea = $("html");
81		var btnArea = $("#header .btnSetting .selectFont");
82		var changeBtn = btnArea.find("span");
83		var fontSize = [62.5,75];
84		var ovStr = "";
85		var activeClass = "active";
86		var defaultSize = 0;
87		var cookieExpires = 7;
88		var sizeLen = fontSize.length;
89		var useImg = ovStr!="" && changeBtn.is("[src]");
90		//現在クッキー確認関数
91		function nowCookie(){
92			return $.cookie("fontsize");
93		}
94		//フォントサイズ設定関数
95		function sizeChange(){
96			changeArea.css({fontSize:nowCookie()+"%"});
97		}
98		//クッキー設定関数
99		function cookieSet(index){
100			$.cookie("fontsize",fontSize[index],{path:'/',expires:cookieExpires});
101		}
102		//初期表示
103		if(nowCookie()){
104			for(var i=0; i<sizeLen; i++){
105				if(nowCookie()==fontSize[i]){
106					sizeChange();
107					var elm = changeBtn.eq(i);
108					if(useImg){
109						imgChange(elm,elm,"",ovStr);
110					}
111					elm.addClass(activeClass);
112					break;
113				}
114			}
115		}
116		else {
117			cookieSet(defaultSize);
118			sizeChange();
119			var elm = changeBtn.eq(defaultSize);
120			if(useImg){
121				imgChange(elm,elm,"",ovStr);
122				imgChange($("<img>"),elm,"",ovStr);
123			}
124			elm.addClass(activeClass);
125		}
126		//クリックイベント
127		changeBtn.click(function(){
128			var index = changeBtn.index(this);
129			var self = $(this);
130			cookieSet(index);
131			sizeChange();
132			if(useImg){
133				mouseOut();
134			}
135			if(!self.hasClass(activeClass)){
136				changeBtn.not(this).removeClass(activeClass);
137				self.addClass(activeClass);
138			}
139		});
140	}
141	
142	//biggerlink
143	$('#main .otherArea .ctsList li').biggerlink({otherstriggermaster:false});
144	/*$('.listPage li').biggerlink();*/
145	$('.listPage li').biggerlink({otherstriggermaster:false});
146	$('.newsList li').biggerlink();
147	
148	
149	//boxAccordion menu
150	$(".boxAccordion > dt,.accodion").on("click", function() {
151		$(this).next().stop().slideToggle(150);
152		$(this).stop().toggleClass("active");
153	});
154	
155	//boxAccordion menu other close
156	$(".boxAccordion02 > dt").on("click", function() {
157		$(".boxAccordion02 > dt + *").stop().hide(50);
158		$(this).next().stop().slideToggle(150);
159		$(this).stop().toggleClass("active");
160		$(".boxAccordion02 > dt").not($(this)).removeClass("active");
161	});
162	
163	//gNav click
164	$("#header .btnMenu").on("click", function() {
165		$(this).next().stop().slideToggle(200);
166		$(this).stop().toggleClass("active");
167	});
168	$("#header #gNav .navList li dl dt i").on("click", function() {
169		$(this).parent().next().stop().slideToggle(200);
170		$(this).stop().toggleClass("active");
171	});
172	
173	//別ページアンカー
174	$(window).on('load', function() {
175		var headerHight = $("#header").innerHeight();
176		if(document.URL.match("#")) {
177			var str = location.href ;
178			var cut_str = "#";
179			var index = str.indexOf(cut_str);
180			var href = str.slice(index);
181			var target = href;
182			var position = $(target).offset().top - headerHight - 20;
183			$("html, body").scrollTop(position);
184			return false;
185		}
186	});
187
188	//リサイズで再読み込み（スマホ対応）
189	var timer = 0;
190	var currentWidth = window.innerWidth;
191	$(window).resize(function(){
192		if (currentWidth == window.innerWidth) {
193			return;
194		}
195		if (timer > 0) {
196			clearTimeout(timer);
197		}
198		timer = setTimeout(function () {
199			location.reload();
200		}, 200);
201	});
202	
203});	/* function end */
204
205
206
207/*$(function() {
208        //$('#aside').prepend('<a class="print-preview">Print this page</a>');
209        $('a.print-preview').printPreview();
210
211        $(document).bind('keydown', function(e) {
212            var code = (e.keyCode ? e.keyCode : e.which);
213            if (code == 80 && !$('#print-modal').length) {
214                $.printPreview.loadPrintPreview();
215                return false;
216            }
217        });
218    });*/
219				
220$(function(){
221	$(".print-preview").on("click", function() {
222		$("#main").addClass("printPreview");
223	});
224	$(".print-preview").printPreview({
225		obj2print:'#main',
226		width:'1000'
227	});
228});
229
230
231
232/* if window width *******************/
233$(document).ready(function(){
234	var timer = false;
235	$(window).on("load resize", ReLayout);
236
237	function ReLayout() {
238		var _width = $(window).width();
239		
240		if(1000 <= _width) {
241			//PC
242			$(function(){
243				//fixHeight
244				/*$("#contents.siteInner").fixHeight();*/
245				//scroll
246				$('a[href^="#"]').click(function(){
247					var headerHight = 160//offset
248					var href= $(this).attr("href");
249					var target = $(href == "#" || href == "" ? 'html' : href);
250					var position = target.offset().top-headerHight;
251					$("html, body").animate({scrollTop:position}, 550, "swing");	//speed
252					return false;

253				});
254				
255				//subNav（ボタン以外をクリックで閉じる付き）
256				$("#header aside .subNav > li > span").off("click.subNavclick");
257				$("#header aside .subNav > li > span").on("click.subNavclick", function() {
258					$("#header aside .subNav > li > span + *").stop().slideUp(100);
259					$(this).next().stop().slideToggle(100);
260					$(this).stop().toggleClass("active");
261					event.stopPropagation();
262				});
263				$(document).off('click.subNavclick');
264				$(document).on('click.subNavclick', function(e) {
265					if (!$(e.target).closest('.active').length) {
266						$('#header aside .subNav > li > span + *:not(.boxSearch)').slideUp(100);
267						$('#header aside .subNav > li > span').removeClass("active");
268					}
269				});
270				
271				//画面サイズ変更でリサイズ(IE9判定)
272				var userAgent = window.navigator.userAgent.toLowerCase();
273				var appVersion = window.navigator.appVersion.toLowerCase();
274				if (appVersion.indexOf('msie 9.') != -1) {
275					//IE9
276				} else if (userAgent.indexOf('chrome') != -1) {
277				} else {
278					/*var timer = false;
279					$(window).resize(function() {
280						if (timer !== false) {
281							clearTimeout(timer);
282						}
283						timer = setTimeout(function() {
284							location.reload();
285						}, 200);
286					});*/
287				} //end IE9
288			
289			});	//end function
290			
291		}	//PC end
292		
293		if(_width <= 999) {
294			//TAB
295			//append
296			$("#subNav").appendTo("#appSubNav");
297			
298			$(function(){
299				//scroll
300				$('a[href^="#"]').click(function(){
301					var headerHight = 90//offset
302					var href= $(this).attr("href");
303					var target = $(href == "#" || href == "" ? 'html' : href);
304					var position = target.offset().top-headerHight;
305					$("html, body").animate({scrollTop:position}, 550, "swing");	//speed
306					return false;
307				});
308				//subNav
309				$("#header #subNav > li.btnSetting > span").off("click.subNavclick");
310				$("#header #subNav > li.btnSetting > span").on("click.subNavclick", function() {
311					$(this).next().stop().slideToggle(100);
312					$(this).stop().toggleClass("active");
313				});
314				
315				//向き変えで再読み込み
316				/*window.onorientationchange = function(){
317					location.reload();
318				};*/
319				
320			});	//end function
321			
322			//画面サイズ変更でリサイズ(FF判定)
323			var userAgent = window.navigator.userAgent.toLowerCase();
324			var appVersion = window.navigator.appVersion.toLowerCase();
325			if (userAgent.indexOf('firefox') != -1) {
326				/*var timer = false;
327				$(window).resize(function() {
328					if (timer !== false) {
329						clearTimeout(timer);
330					}
331					timer = setTimeout(function() {
332						location.reload();
333					}, 200);
334				});*/
335			} //end FF
336			
337		}
338		
339		if(_width <= 599) {
340			//SP
341			
342			$(function(){
343				//scroll
344				$('a[href^="#"]').click(function(){
345					var headerHight = 60//offset
346					var href= $(this).attr("href");
347					var target = $(href == "#" || href == "" ? 'html' : href);
348					var position = target.offset().top-headerHight;
349					$("html, body").animate({scrollTop:position}, 550, "swing");	//speed
350					return false;
351				});
352				
353				//append
354				$("#appendFrom01").appendTo("#append01");
355				$("#appendFrom02").appendTo("#append02");
356				$("#appendFrom03").appendTo("#append03");
357				$("#appendFrom04").appendTo("#append04");
358				$("#appendFrom05").appendTo("#append05");
359			});
360			
361			
362
363		}
364			
365	}
366
367});
368
369$(function(){
370	$('.academicsArea .ctsList li a').each(function(){
371		var $href = $(this).attr('href');
372		if(location.href.match($href)) {
373			$(this).parent().addClass('current');
374		} else {
375			$(this).parent().removeClass('current');
376		}
377	});
378});