https://www.venusfort.jp/js/common.js

1function req_form_chk() {
2	var strerr = "";
3	var qf_c_name = $("input[name='qf_c_name']").val() + "";
4	var qf_c_kana = $("input[name='qf_c_kana']").val() + "";
5	var qf_c_tel = $("input[name='qf_c_tel']").val() + "";
6	var qf_c_email = $("input[name='qf_c_email']").val() + "";
7	var qf_c_email_re = $("input[name='qf_c_email_re']").val() + "";
8
9	if (qf_c_name == "" || qf_c_name == "undefined") strerr += "お名前が入力されていません。\n";
10	if (qf_c_kana == "" || qf_c_kana == "undefined") strerr += "フリガナが入力されていません。\n";
11	if (qf_c_tel == "" || qf_c_tel == "undefined") strerr += "お電話番号が入力されていません。\n";
12	if (qf_c_email == "" || qf_c_email == "undefined") {
13		strerr += "E-mailが入力されていません。\n";
14	} else if (qf_c_email != qf_c_email_re) {
15		strerr += "E-mailとE-mail(確認用)が一致しません。\n";
16	}
17
18	if (strerr == "") {
19		$("#req_form").submit();
20	} else {
21		alert(strerr);
22	}
23}
24
25function req_form_send(actkey) {
26	$("#req_form")
27		.find("input[name='key']").val(actkey).end()
28		.submit();
29}
30
31function assessment_form_chk() {
32	var strerr = "";
33	var qf_type = $("input[name='qf_type']:checked").val() + "";
34	var qf_type_other = $("input[name='qf_type_other']").val() + "";
35	var qf_location = $("input[name='qf_location']").val() + "";
36	var qf_badged = $("input[name='qf_badged']").val() + "";
37	var qf_genkyo = $("input[name='qf_genkyo']").val() + "";
38	var qf_c_name = $("input[name='qf_c_name']").val() + "";
39	var qf_c_kana = $("input[name='qf_c_kana']").val() + "";
40	var qf_c_tel = $("input[name='qf_c_tel']").val() + "";
41	var qf_c_email = $("input[name='qf_c_email']").val() + "";
42	var qf_c_email_re = $("input[name='qf_c_email_re']").val() + "";
43
44	if (qf_type == "" || qf_type == "undefined") {
45		strerr += "物件種別が選択されていません。\n";
46	} else if (qf_type == "5" && (qf_c_name == "" || qf_c_name == "undefined")) {
47		 strerr += "物件種別：その他が入力されていません。\n";
48	}
49	if (qf_location == "" || qf_location == "undefined") strerr += "物件所在地が入力されていません。\n";
50	if (qf_badged == "" || qf_badged == "undefined") strerr += "土地面積が入力されていません。\n";
51	if (qf_genkyo == "" || qf_genkyo == "undefined") strerr += "現況が入力されていません。\n";
52	if (qf_c_name == "" || qf_c_name == "undefined") strerr += "お名前が入力されていません。\n";
53	if (qf_c_kana == "" || qf_c_kana == "undefined") strerr += "フリガナが入力されていません。\n";
54	if (qf_c_tel == "" || qf_c_tel == "undefined") strerr += "お電話番号が入力されていません。\n";
55	if (qf_c_email == "" || qf_c_email == "undefined") {
56		strerr += "E-mailが入力されていません。\n";
57	} else if (qf_c_email != qf_c_email_re) {
58		strerr += "E-mailとE-mail(確認用)が一致しません。\n";
59	}
60
61	if (strerr == "") {
62		$("#req_form").submit();
63	} else {
64		alert(strerr);
65	}
66}
67
68function comm_map_draw(lat, lng) {
69	var mapdiv = $("#companymap").get(0);
70	var mapcenter = new google.maps.LatLng(lat, lng);
71
72	var mapopt = {
73		center : mapcenter,
74		zoom : 16,
75		mapTypeId : google.maps.MapTypeId.ROADMAP,
76		navigationControl : true
77	};
78
79	var Gmap = new google.maps.Map(mapdiv, mapopt);
80
81	var marker = new google.maps.Marker({
82		position : mapcenter,
83		map : Gmap
84	});
85}
86
87/* 休業日カレンダー (非同期版) */
88function draw_calendar(y, m, json) {
89	y -= 0;
90	m -= 0;
91	var i, n, tmpdc, tmpwd, addd;
92	var outhtml = "";
93	var bgc = "";
94	var hdname = "";
95	var params = {
96		y: y,
97		m: m
98	};
99
100	$.getJSON(json, params, function(e) {
101		var dt = e.dateparams;
102
103		outhtml += "<table id=\"holiday_calendar\">";
104		outhtml += "<caption>";
105		outhtml += "<button type=\"button\" onclick=\"draw_calendar(" + e.prev_year + ", " + e.prev_month + ", '" + json + "')\">&#9664;</button>";
106		outhtml += "<span>" + e.year + "年<span class='strongmonth'>" + e.month + "</span>月</span>";
107		outhtml += "<button type=\"button\" onclick=\"draw_calendar(" + e.next_year + ", " + e.next_month + ", '" + json + "')\">&#9654;</button>";
108		outhtml += "</caption>";
109		outhtml += "<thead>";
110		outhtml += "<tr>";
111		outhtml += "<th>日</th>";
112		outhtml += "<th>月</th>";
113		outhtml += "<th>火</th>";
114		outhtml += "<th>æ°´</th>";
115		outhtml += "<th>木</th>";
116		outhtml += "<th>金</th>";
117		outhtml += "<th>土</th>";
118		outhtml += "</tr>";
119		outhtml += "</thead>";
120
121		outhtml += "<tbody>";
122		if (e.wdtop) {
123			outhtml += "<tr>";
124			for (n = 1;

124 n <= e.wdtop; n++) {
125				outhtml += "<td>&nbsp;</td>";
126			}
127			for (i = 1; i <= e.subd; i++) {
128				bgc = (dt[i].is_holiday) ? " class=\"cal_holiday\"" : "";
129				hdname = (dt[i].is_holiday) ? " <span>" + dt[i].holiday_name + "</span>" : "";
130				outhtml += "<td" + bgc + ">";
131				outhtml += "<p>" + i + hdname;
132				outhtml += (dt[i].is_closed) ? "<br><i>休</i>" : "<br>&nbsp;";
133				outhtml += "</p>";
134				outhtml += "</td>";
135			}
136			outhtml += "</tr>";
137
138			tmpdc = 0;
139			for (i = e.subd + 1; i <= e.daycount; i++) {
140				tmpwd = tmpdc % 7;
141				bgc = (dt[i].is_holiday) ? " class=\"cal_holiday\"" : "";
142				hdname = (dt[i].is_holiday) ? " <span>" + dt[i].holiday_name + "</span>" : "";
143				outhtml += "<td" + bgc + ">";
144				outhtml += "<p>" + i + hdname;
145				outhtml += (dt[i].is_closed) ? "<br><i>休</i>" : "<br>&nbsp;";
146				outhtml += "</p>";
147				outhtml += "</td>";
148				if (tmpwd == 6) outhtml += "</tr>";
149				tmpdc++;
150			}
151		} else {
152			tmpdc = 0;
153			for (i = 1; i <= e.daycount; i++) {
154				tmpwd = tmpdc % 7;
155				bgc = (dt[i].is_holiday) ? " class=\"cal_holiday\"" : "";
156				hdname = (dt[i].is_holiday) ? " <span>" + dt[i].holiday_name + "</span>" : "";
157				outhtml += "<td" + bgc + ">";
158				outhtml += "<p>" + i + hdname;
159				outhtml += (dt[i].is_closed) ? "<br><i>休</i>" : "<br>&nbsp;";
160				outhtml += "</p>";
161				outhtml += "</td>";
162				if (tmpwd == 6) outhtml += "</tr>";
163				tmpdc++;
164			}
165		}
166
167		addd = 6 - tmpwd;															//残りの空白数
168		if (addd) {
169			for (i = 1; i <= addd; i++) {
170				outhtml += "<td>&nbsp;</td>";
171			}
172			outhtml += "</tr>";
173		}
174		outhtml += "</tbody>";
175		outhtml += "</table>\n";
176
177		$(".calendar").empty().append(outhtml);
178	});
179}
180//==========================================================
181//	ページトップに戻るボタンのための記述ここから
182function PageTopAnime() {
183	var scroll = $(window).scrollTop(); //スクロール値を取得
184	if (scroll >= 200) {
185	  //200pxスクロールしたら
186	  $(".scroll-top").removeClass("DownMove"); // DownMoveというクラス名を除去して
187	  $(".scroll-top").addClass("UpMove"); // UpMoveというクラス名を追加して出現
188	} else {
189	  //それ以外は
190	  if ($(".scroll-top").hasClass("UpMove")) {
191		//UpMoveというクラス名が既に付与されていたら
192		$(".scroll-top").removeClass("UpMove"); //  UpMoveというクラス名を除去し
193		$(".scroll-top").addClass("DownMove"); // DownMoveというクラス名を追加して非表示
194	  }
195	}
196  
197	var wH = window.innerHeight; //画面の高さを取得
198	var footerPos = $("#copyright").offset().top; //footerの位置を取得
199	if (scroll + wH >= footerPos + 10) {
200	  var pos = scroll + wH - footerPos + 10; //スクロールの値＋画面の高さからfooterの位置＋10pxを引いた場所を取得し
201	  $(".scroll-top").css("bottom", pos); //#page-topに上記の値をCSSのbottomに直接指定してフッター手前で止まるようにする
202	} else {
203	  //それ以外は
204	  if ($(".scroll-top").hasClass("UpMove")) {
205		//UpMoveというクラス名がついていたら
206		$(".scroll-top").css("bottom", "10px"); // 下から10pxの位置にページリンクを指定
207	  }
208	}
209}
210  
211// 画面をスクロールをしたら動かしたい場合の記述
212$(window).scroll(function () {
213	PageTopAnime(); /* スクロールした際の動きの関数を呼ぶ*/
214});
215  
216// #page-topをクリックした際の設定
217$(".scroll-top").click(function () {
218	$("body,html").animate(
219		{
220			scrollTop: 0 //ページトップまでスクロール
221		},
222		500
223	); //ページトップスクロールの速さ。数字が大きいほど遅くなる
224	return false; //リンク自体の無効化
225});
226//	ページトップに戻るボタンのための記述ここまで
227//==========================================================
228
229//==========================================================
230//  レスポンシブ用メニュー記述ここから
231$(function() {
232	//ハンバーガーメニューのトグル
233	$(function () {
234		$(".menu_button").on("click", function () {
235			if ($(this).hasClass("active")) {
236				$(this).removeClass("active");
237				$("#responsive-menuwrap").removeClass("open").fadeOut(100);
238			} else {
239				$(this).addClass("active");
240				$("#responsive-menuwrap").fadeIn(100).addClass("open");
241			}
242		});
243	});
244	//.js-overlayでメニュー以外の領域クリックしたときにハンバーガーメニューを閉じる
245	function toggleNav() {
246		const body = document.body;
247		const hamburger = document.getElementById("hamburger_button");
248		const hamburgermenu = document.getElementById("responsive-menuwrap");

249		const overlay = document.getElementById("js-overlay");
250		hamburger.addEventListener("click", function () {
251			body.classList.toggle("nav-open");
252		});
253		overlay.addEventListener("click", function () {
254			body.classList.remove("nav-open");
255			hamburger.classList.toggle("active");
256			hamburgermenu.classList.remove("open");
257		});
258	}
259	toggleNav();
260	//レスポンシブ用アコーディオンをクリックした時の動作
261	//（子メニュー有り用、親メニュー自体が「賃貸一覧」等のリンクの場合は不可）
262	$('li.menu-item-has-children >a').on('click', function() {//タイトル要素をクリックしたら
263		$('#responsive-menuwrap ul.sub-menu').slideUp(500);//クラス名.boxがついたすべてのアコーディオンを閉じる
264		var findElm = $(this).next("#responsive-menuwrap ul.sub-menu");//タイトル直後のアコーディオンを行うエリアを取得
265		if($(this).hasClass('close')){//タイトル要素にクラス名closeがあれば
266			$(this).removeClass('close');//クラス名を除去    
267		}else{//それ以外は
268			$('.close').removeClass('close'); //クラス名closeを全て除去した後
269			$(this).addClass('close');//クリックしたタイトルにクラス名closeを付与し
270			$(findElm).slideDown(500);//アコーディオンを開く
271		}
272	});
273});
274//  レスポンシブ用メニュー記述ここまで
275//==========================================================
276
277//==========================================================
278//  アニメーション記述ここから css編集はcommon.css内
279//スクロールで画面内に来た時に動かす場合はクラス名fadeUpTrigger  ※ファーストビューにある要素の場合、スクロールしないと永遠に表示されないので注意。必ずファーストビューより下の要素につける
280//横並び等で時差で一つずつ動かしたい場合はクラス名fadeUpTrigger2、クラス名fadeUpTrigger3…
281//画面最上段にあり、スクロール無しでローディング完了段階で動かしたい場合はクラス名fadeUp
282//fadeUpを時差で一つずつ動かしたい場合はクラス名fadeUp2、クラス名fadeUp3…
283
284function fadeAnime(){
285	$('.fadeUpTrigger').each(function(){ //fadeInUpTriggerというクラス名が
286		var elemPos = $(this).offset().top-50; //要素より、50px上の
287		var scroll = $(window).scrollTop();
288		var windowHeight = $(window).height();
289		if (scroll >= elemPos - windowHeight){
290			$(this).addClass('fadeUp');
291			// 画面内に入ったらfadeInというクラス名を追記
292		}
293	});
294	$('.fadeUpTrigger2').each(function(){
295		var elemPos = $(this).offset().top-50;
296		var scroll = $(window).scrollTop();
297		var windowHeight = $(window).height();
298		if (scroll >= elemPos - windowHeight){
299			$(this).addClass('fadeUp2');
300		}
301	});
302	$('.fadeUpTrigger3').each(function(){
303		var elemPos = $(this).offset().top-50;
304		var scroll = $(window).scrollTop();
305		var windowHeight = $(window).height();
306		if (scroll >= elemPos - windowHeight){
307			$(this).addClass('fadeUp3');
308		}
309	});
310	$('.fadeUpTrigger4').each(function(){ //fadeInUpTriggerというクラス名が
311		var elemPos = $(this).offset().top-50; //要素より、50px上の
312		var scroll = $(window).scrollTop();
313		var windowHeight = $(window).height();
314		if (scroll >= elemPos - windowHeight){
315			$(this).addClass('fadeUp4');
316		}
317	});
318}
319// 画面をスクロールをしたら動かしたい場合の記述
320$(window).scroll(function (){
321	fadeAnime();/* アニメーション用の関数を呼ぶ*/
322});// ここまで画面をスクロールをしたら動かしたい場合の記述
323		
324//  アニメーション記述ここまで
325//==========================================================