https://www.nikkokix.com/common/js/restaurant_plan.js?20240930100000

1$(function() {
2
3	var items = [
4		'<div id="popup_restaurant_plan_wrapper">',
5		'	<div id="loading"><img src="../../common/img/loading.svg" alt="Loading"></div>',
6		'	<h2 class="ttl6"><span class="ja" id="popup_title">レストラン予約</span></h2>',
7		'	<div class="step_box step1 none">',
8		'		<div class="grid dble btn_box">',
9		'			<div class="inner g10 sg10 ssg12 push1 spush1 ssfst"><div class="btn5"><a href="https://www.tablecheck.com/ja/hotelnikkokansaiairport-brasserie/reserve/message" target="_blank"><span>オールデイダイニング「ザ・ブラッスリー」</span></a></div></div>',
10		'			<div class="inner g10 sg10 ssg12 push1 spush1 ssfst"><div class="btn5"><a href="https://www.tablecheck.com/ja/hotelnikkokansaiairport-tohlee/reserve/message" target="_blank"><span>中華料理「桃李」</span></a></div></div>',
11		'			<div class="inner g10 sg10 ssg12 push1 spush1 ssfst"><div class="btn5"><a href="https://www.tablecheck.com/ja/hotelnikkokansaiairport-hanazato/reserve/message" target="_blank"><span>和彩「花ざと」</span></a></div></div>',
12		'		</div>',
13		'	</div>',
14		'	<div class="btn_close_wrapper"><span class="reader">閉じる</span></div>',
15		'</div>'
16	].join('');
17
18	$('body').append(items);
19	$('#jquery-ui-smoothness-css').remove(); // Contact Form 7で追加されるcssを削除
20
21	// スマホ時はポップアップを上に固定する
22	// if (isSumaho()) {
23	// 	$(window).scroll(function(){
24	// 		$('#popup_restaurant_plan_wrapper').css('top', $(this).scrollTop()+6);
25	// 	});
26	// }
27
28	/**
29	 * レストラン予約のステップをイベント発行する。
30	 * @param {string} no ステップ数
31	 */
32	var gtag_event = function(no) {
33		var label = 'レストラン予約';
34		dataLayer.push({
35			event: 'analytics',
36			eventCategory: 'restaurant_plan',
37			eventAction: 'step' + no,
38			eventLabel: label,
39			eventValue: 0
40		});
41	};
42
43	// グロナビのレストラン予約ボタンを設定する
44	$(document).on('click','#nav_restaurant_reservation>a,#sp_header_restaurant>a',function(){
45		$('div.step1').show();
46		gtag_event(1);
47
48		// 背景黒を出して、レストランプラン予約を出して、スクロールを禁止する
49		$('.popup_reservation_black').fadeIn(400);
50		$('#popup_restaurant_plan_wrapper').addClass('on');
51		$('#popup_restaurant_plan_wrapper').css({zIndex:1000});
52		$('#popup_restaurant_plan_wrapper').stop().fadeIn(400);
53		//$(window).on('touchmove.noScroll', function(e) { e.preventDefault(); });
54		return false;
55	});
56	$(document).on('click','#popup_restaurant_plan_wrapper .btn_close_wrapper, .btn_close',function(){
57		// 背景黒を消して、レストランプラン予約を消して、スクロールを解禁する
58		$('.popup_reservation_black').fadeOut(400);
59		$('#popup_restaurant_plan_wrapper').removeClass('on');
60		$('#popup_restaurant_plan_wrapper').css({zIndex:50});
61		$('#popup_restaurant_plan_wrapper').stop().fadeOut(400);
62		//$(window).off('.noScroll');
63		return false;
64	});
65});