https://www.hoteltheflag.jp/common/js/common.js?20230907

1$(function(){
2 "use strict";
3  $(".menu_close").on('click',function(){ naviFunc();	});
4  $(".menu_trigger").on('click', function(){ naviFunc(); });
5  //画面のリサイズ
6  setSize();
7  $(window).resize(function(){ setSize(); });
8});
9
10var viewId = "";
11var viewPrevId = "";
12var winW = 0;
13function setSize(){
14  "use strict";
15  winW = $(window).width();
16  if($(".btn_close").css("display")==="none"){
17    viewId = "pc";
18  } else{
19    viewId = "sp";
20  }
21  viewPrevId = viewId;
22}
23
24
25
26$(function(){
27"use strict";
28$(document).on('click','a[href^=#]',function() {
29	
30if($(this).hasClass("modal-open")){
31 return false;
32} 		
33var headerH = $('#header_area').height();
34var myY = $($(this).attr("href")).offset().top;
35var gotopY = myY - headerH;
36 $('html,body').animate({
37   scrollTop: gotopY
38  });
39    return false;
40  });
41});
42
43function naviFunc(){
44"use strict";
45  if($("#navi_global_body").css('display') === 'none') {
46   $("#menu").addClass("active");
47    $("#navi_global_body").css({display: 'flex'});
48  }else{
49   $("#menu").removeClass("active");
50    $("#navi_global_body").css({display: 'none'});
51  }
52}
53
54//スマホの時電話番号リンクと予約サイトへのURL
55$(function(){
56 "use strict";
57 var dedgeURL;
58 var agent = navigator.userAgent;
59 if(agent.search(/iPhone/) !== -1 || agent.search(/Android/) !== -1){
60   $(".phoneNumber").each(function() {
61     var phoneNumber = $(this).text();
62      $(this).empty().append('<a href="tel:'+phoneNumber+'">'+phoneNumber+'</a>');
63    });
64 } 
65$(".btn_reserve,.booklink").each(function() {
66dedgeURL = "http://redirect.fastbooking.com/DIRECTORY/dispoprice.phtml?showBestPriceFirst=1&showPromotions=3&Hotelnames=ASIAJPHTLHotelTheFla&adulteresa=2&advance=1-days";
67 $(this).attr("href",dedgeURL);
68});
69});
70
71// メアド設定
72$(function(){
73 "use strict";
74 $(".mailinfo").each(function() {
75  var mail1 = "mailto:"+"[email protected]";
76  $(this).attr('href',mail1);
77 });
78});
79
80
81/*
82モーダルの制御
83============================== */
84$(function(){
85 "use strict";
86var myParam = getParam('calendar');
87var opFlag = false;
88	
89if(myParam > 0){ modalOpen(); }
90	
91function getParam(name, url) {
92 if (!url) url = window.location.href;
93 name = name.replace(/[\[\]]/g, "\\$&");
94 var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
95 results = regex.exec(url);
96 if (!results) return null;
97 if (!results[2]) return '';
98 return decodeURIComponent(results[2].replace(/\+/g, " "));
99}
100	
101  $(".modal-open").click(function(){
102var myC = "";
103if($(this).hasClass("dt-calendar")){
104 myC = "dt-calendar";
105} else if($(this).hasClass("dd-calendar")){
106 myC = "dd-calendar";
107} else if($(this).hasClass("tr-calendar")){
108 myC = "tr-calendar";
109} else if($(this).hasClass("st-calendar")){
110 myC = "st-calendar";
111} else if($(this).hasClass("sd-calendar")){
112 myC = "sd-calendar";
113} else if($(this).hasClass("sf-calendar")){
114 myC = "sf-calendar";
115}
116modalOpen(myC);
117});
118	
119	
120function modalOpen(myCalendar){
121 if($( ".modal-overlay")[0]) return false; //新たにオーバーレイが追加されるのを防ぐ
122 $("body").append('<div class="modal-overlay"></div>'); //オーバーレイ用のHTMLをbody内に追加
123 $(".modal-overlay").fadeIn(400); //オーバーレイの表示
124 $(".modal").fadeIn("slow"); //モーダルウインドウの表示
125 //カレンダーの選択
126 var fileURL = false;
127 if(myCalendar == "dt-calendar"){
128  fileURL = "/dedge/calendar_dt.html";
129 } else if(myCalendar == "dd-calendar"){
130  fileURL = "/dedge/calendar_dd.html";
131 } else if(myCalendar == "tr-calendar"){
132  fileURL = "/dedge/calendar_tr.html";
133 } else if(myCalendar == "st-calendar"){
134  fileURL = "/dedge/calendar_st.html";
135 } else if(myCalendar == "sd-calendar"){
136  fileURL = "/dedge/calendar_sd.html";
137 } else if(myCalendar == "sf-calendar"){
138  fileURL = "/dedge/calendar_sf.html";
139 }else {
140  fileURL = "/dedge/calendar_all.html";
141 }
142	
143 //カレンダーの読み込み
144$("#loadersBox").css({"display":"block"});
145$('#calendarinner').load(fileURL, function(data, status) {
146if(status === 'success') {
147    
148const targetNode = document.querySelector('.fb-widget');
149const config = { attributes: true, childList: true, subtree: true };
150
151const observer = new MutationObserver(function(mutations) {
152 mutations.forEach(mutation => {
153 $("#loadersBox").css({"display":"none"});
154 });
155});
156observer.observe(targetNode, config);   
157
158}
159});
160// modalOpen end
161}
162
163//モーダルウインドウの終了
164$(".modal-overlay,.modal-close,.btn-modal-close").unbind().click(function(){ modalClose(); });
165
166function modalClose(){
167 $(".modal,.modal-overlay" ).fadeOut( "fast" , function(){ //閉じるボタンかオーバーレイ部分クリックでフェードアウト
168 opFlag = false;

169 $('#calendarinner').children().remove();
170 $('.modal-overlay').remove(); //フェードアウト後、オーバーレイをHTMLから削除
171});
172
173// modalClose end	
174}	
175	
176
177});
178
179
180function bestratebloclwrite(){
181 var bestrateFlag = false;
182 var bestrateBlock = '';
183 if(bestrateFlag){ bestrateBlock = '<section id="bestrate_sec"><div class="sec1"><div class="br_left"><p>当サイトからの予約で最安値保証</p><h2 class="web_font1">BEST RATE</h2></div><div class="br_right"><p>当公式ホームページでご予約された宿泊内容より、他の予約サイトの方が安い価格で販売されていた場合、お客様からご連絡を頂いたベストレートでご宿泊頂くことを保証します。</p><a href="/bestrate/" class="btn_white"><span>ベストレート保証について</span></a>		</div>	</div>	<div class="sec2"><a href="#" class="modal-open" onClick="return false;"><span>ご予約はこちら</span></a></div></section>'; } 
184 return bestrateBlock;	
185}