CINXE.COM
Hệ thống phòng
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Hệ thống phòng</title> <link href="/assets/client_new/css/bootstrap.min.css" rel="stylesheet" /> <link href="/assets/client/css/harper-banner.css" rel="stylesheet" /> <link href="/assets/client_new/css/style.css" rel="stylesheet" /> <link rel="stylesheet" href="/assets/client/datepicker/css/datepicker.css" /> <link rel="icon" href="/assets/client_new/images/title.png" type="image/x-icon" /> <style type='text/css'>body {background: url('/Upload/files/S%E1%BA%A3nh.jpg') no-repeat fixed 0 0; background-size:cover;}</style> <script type="text/javascript" src="/assets/client_new/js/jquery-1.11.3.min.js"></script> </head> <body> <!--top menu--> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" style="width:15%;left:2%;padding:0;background-color:transparent; "> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand size-logo hidden-xs" href="/"><img class="logo-home" src="/assets/client_new/images/logo.png"></a> <div class="left-header visible-xs" style="width:70%"> <a title="" href="/" class="text-center "><img alt="" src="/assets/client_new/images/logo.png" class="im-logo"></a> </div> <div class="right-header visible-xs"> <a title="" href="/contact"><img alt="" src="/assets/client_new/images/icon-loca.png" class="im-logo"></a> </div> </div> <div id="navbar" class="navbar-collapse collapse navbar-mobi"> <ul class="nav navbar-nav text-uppercase"> <li class="nav-icon hidden-xs"> <a href="/Default/ChangeCurrentCulture/1"> <span class="ic-utd-king"></span> </a> </li> <li class="nav-icon hidden-xs"><a href="https://www.youtube.com/channel/UC7oVcXSnRfRRY8WXI5uH6kw" target="_blank"><span class="ic-youtube"></span></a></li> <li class="nav-icon hidden-xs"><a href="skype:sale-hoangsahotel?chat"><span class="ic-skype" ></span></a></li> <li class="nav-icon hidden-xs"><a href="https://www.tripadvisor.com.vn/Hotel_Review-g298085-d4339766-Reviews-Hoang_Sa_Hotel-Da_Nang_Quang_Nam_Province.html" target="_blank"><span class="ic-insta" ></span></a></li> <li class="nav-icon hidden-xs"><a href="https://www.facebook.com/hoangsahoteldn?fref=ts" class="nav-icon" target="_blank"><span class="ic-facebook"><span class="ic-facebook" ></span></a></li> <div class="clearfix"></div> <li class="nav-menu"> <a href="/">Trang chủ</a> </li> <li class="nav-menu"> <a href="#">Hệ thống phòng</a> <ul class="menu-secon"> <li><a href="/room/phong-superior">Superior</a></li> <li><a href="/room/phong-deluxe">Deluxe</a></li> <li><a href="/room/phong-luxury">Luxury</a></li> <li><a href="/room/phong-gia-dinh">Phòng gia đình</a></li> </ul> </li> <li class="nav-menu"> <a href="/photos">Thư viện ảnh</a> </li> <li class="nav-menu"> <a href="/servicer">Dịch vụ</a> </li> <li class="nav-menu"> <a href="/promotions">Khuyến mãi</a> </li> <li class="nav-menu"> <a href="/rooms">Đặt Phòng </a> </li> <li class="nav-menu"> <a href="/contact">Liên hệ</a> </li> </ul> </div><!--/.nav-collapse --> </div> </nav> <!--top menu--> <div class="link-loca visible-xs clearfix"> <div class="fl"> <h2 class="text-uppercase">Hệ thống phòng</h2> </div> <div class="fr"> <a href="https://www.facebook.com/hoangsahoteldn?fref=ts" class="nav-icon"><span class="ic-facebook"></span></a> <a href="https://www.tripadvisor.com.vn/Hotel_Review-g298085-d4339766-Reviews-Hoang_Sa_Hotel-Da_Nang_Quang_Nam_Province.html" class="nav-icon"><span class="ic-insta"></span></a> <a href="skype:sale-hoangsahotel?chat" class="nav-icon"><span class="ic-skype"></span></a> <a href="https://www.youtube.com/channel/UC7oVcXSnRfRRY8WXI5uH6kw" class="nav-icon"><span class="ic-youtube"></span></a> <a href="/Default/ChangeCurrentCulture/1" class="nav-icon"> <span class="ic-utd-king"></span> </a> </div> </div> <div class="renderbody" id="renderbody"> <style> body{ background: black !important; } </style> <div class="promotion"> <div class="book-room"> <!-- giao dien pc --> <div class="book-room-bottom hidden-xs"> <div class="container"> <div class="table-responsive"> <div style="font-weight: bold; font-size: medium; width: 100%;"> <div class="tab-book-1 no-pad-l" style="width: 20%; float:left;">Loại phòng</div> <div class="tab-book-2" style="width: 20%; float:left; color: transparent;">----</div> <div class="tab-book-3 text-center" style="width: 20%; float:left;">Số lượng phòng</div> <div class="tab-book-4 text-center" style="width: 15%; float:left;">Giá phòng</div> <div class="tab-book-5 text-center" style="width: 15%; float:left;"> Tổng tiền </div> <div class="tab-book-6" style="width: 10%; float: right; color: transparent;">----</div> </div> <div style="width: 100%; clear: both;"> <form name="room_5" action="/Default/Booking" method="get" style="width: 100%; height: 100px;"> <input type="hidden" name="roomid" value="5" /> <hr style="margin: 0; padding: 3px;" /> <div style="width: 20%; height: 100%; padding-bottom: 3px; float:left;"> <a href="/room/phong-superior" title="Phòng Superior"> <img style="width: 147px; height: 97px; " src="/Upload/files/11.jpg"> </a> </div> <div class="tab-book-2" style="width: 20%;height:100%; float:left; text-align: center; padding-top: 1.5em;"> <p>Phòng Superior</p> </div> <div style="width: 20%; float:left; text-align: center; padding-top: 1.5em;"> <input id="numper_5" name="numneed" value="1" type="number" min="1" style="width: 40%; color: #000000; text-align:center" onchange="doSomething(this)" /> <div class="clearfix"></div> <span> Còn 4 phòng</span> </div> <div style="width: 15%; float:left; text-align: center; padding-top: 1.5em;"> <input type="text" value="900000" readonly id="cost_5" style="width: 80%; color: #000000;text-align:center" /> <div class="clearfix"></div> <span class="cl-red" style="text-decoration: line-through">900000</span> </div> <div style="width: 15%; float:left;text-align: center; padding-top: 1.5em;"> <input class="total-price" type="text" readonly value="900000" id="total_5" style="width: 80%; color: #000000;text-align:center" /> </div> <div style="width: 10%; float:right; text-align: right; padding-top: 0"> <button class="btn-book text-uppercase" type="submit" style="background: #e33c2f none repeat scroll 0 0; border: medium none; color: #fff; padding: 19px 25px; margin-top: 5px;text-align:center;">Đặt phòng</button> </div> </form> </div> <div style="width: 100%; clear: both;"> <form name="room_2683" action="/Default/Booking" method="get" style="width: 100%; height: 100px;"> <input type="hidden" name="roomid" value="2683" /> <hr style="margin: 0; padding: 3px;" /> <div style="width: 20%; height: 100%; padding-bottom: 3px; float:left;"> <a href="/room/phong-deluxe" title="Phòng Deluxe "> <img style="width: 147px; height: 97px; " src="/Upload/files/deluxe%20twin.jpg"> </a> </div> <div class="tab-book-2" style="width: 20%;height:100%; float:left; text-align: center; padding-top: 1.5em;"> <p>Phòng Deluxe </p> </div> <div style="width: 20%; float:left; text-align: center; padding-top: 1.5em;"> <input id="numper_2683" name="numneed" value="1" type="number" min="1" style="width: 40%; color: #000000; text-align:center" onchange="doSomething(this)" /> <div class="clearfix"></div> <span> Còn 4 phòng</span> </div> <div style="width: 15%; float:left; text-align: center; padding-top: 1.5em;"> <input type="text" value="1000000" readonly id="cost_2683" style="width: 80%; color: #000000;text-align:center" /> <div class="clearfix"></div> <span class="cl-red" style="text-decoration: line-through">1000000</span> </div> <div style="width: 15%; float:left;text-align: center; padding-top: 1.5em;"> <input class="total-price" type="text" readonly value="1000000" id="total_2683" style="width: 80%; color: #000000;text-align:center" /> </div> <div style="width: 10%; float:right; text-align: right; padding-top: 0"> <button class="btn-book text-uppercase" type="submit" style="background: #e33c2f none repeat scroll 0 0; border: medium none; color: #fff; padding: 19px 25px; margin-top: 5px;text-align:center;">Đặt phòng</button> </div> </form> </div> <div style="width: 100%; clear: both;"> <form name="room_6" action="/Default/Booking" method="get" style="width: 100%; height: 100px;"> <input type="hidden" name="roomid" value="6" /> <hr style="margin: 0; padding: 3px;" /> <div style="width: 20%; height: 100%; padding-bottom: 3px; float:left;"> <a href="/room/phong-luxury" title="Phòng Luxury"> <img style="width: 147px; height: 97px; " src="/Upload/files/9.jpg"> </a> </div> <div class="tab-book-2" style="width: 20%;height:100%; float:left; text-align: center; padding-top: 1.5em;"> <p>Phòng Luxury</p> </div> <div style="width: 20%; float:left; text-align: center; padding-top: 1.5em;"> <input id="numper_6" name="numneed" value="1" type="number" min="1" style="width: 40%; color: #000000; text-align:center" onchange="doSomething(this)" /> <div class="clearfix"></div> <span> Còn 2 phòng</span> </div> <div style="width: 15%; float:left; text-align: center; padding-top: 1.5em;"> <input type="text" value="1300000" readonly id="cost_6" style="width: 80%; color: #000000;text-align:center" /> <div class="clearfix"></div> <span class="cl-red" style="text-decoration: line-through">1300000</span> </div> <div style="width: 15%; float:left;text-align: center; padding-top: 1.5em;"> <input class="total-price" type="text" readonly value="1300000" id="total_6" style="width: 80%; color: #000000;text-align:center" /> </div> <div style="width: 10%; float:right; text-align: right; padding-top: 0"> <button class="btn-book text-uppercase" type="submit" style="background: #e33c2f none repeat scroll 0 0; border: medium none; color: #fff; padding: 19px 25px; margin-top: 5px;text-align:center;">Đặt phòng</button> </div> </form> </div> <div style="width: 100%; clear: both;"> <form name="room_2685" action="/Default/Booking" method="get" style="width: 100%; height: 100px;"> <input type="hidden" name="roomid" value="2685" /> <hr style="margin: 0; padding: 3px;" /> <div style="width: 20%; height: 100%; padding-bottom: 3px; float:left;"> <a href="/room/phong-gia-dinh" title="Phòng Gia Đình"> <img style="width: 147px; height: 97px; " src="/Upload/files/13.jpg"> </a> </div> <div class="tab-book-2" style="width: 20%;height:100%; float:left; text-align: center; padding-top: 1.5em;"> <p>Phòng Gia Đình</p> </div> <div style="width: 20%; float:left; text-align: center; padding-top: 1.5em;"> <input id="numper_2685" name="numneed" value="1" type="number" min="1" style="width: 40%; color: #000000; text-align:center" onchange="doSomething(this)" /> <div class="clearfix"></div> <span> Còn 2 phòng</span> </div> <div style="width: 15%; float:left; text-align: center; padding-top: 1.5em;"> <input type="text" value="1400000" readonly id="cost_2685" style="width: 80%; color: #000000;text-align:center" /> <div class="clearfix"></div> <span class="cl-red" style="text-decoration: line-through">1400000</span> </div> <div style="width: 15%; float:left;text-align: center; padding-top: 1.5em;"> <input class="total-price" type="text" readonly value="1400000" id="total_2685" style="width: 80%; color: #000000;text-align:center" /> </div> <div style="width: 10%; float:right; text-align: right; padding-top: 0"> <button class="btn-book text-uppercase" type="submit" style="background: #e33c2f none repeat scroll 0 0; border: medium none; color: #fff; padding: 19px 25px; margin-top: 5px;text-align:center;">Đặt phòng</button> </div> </form> </div> </div> </div> </div> <!-- end giao dien pc --> <!-- giao dien mobile --> <div class="book-room-bottom hidden-sm hidden-md hidden-lg"> <div class="container"> <div class="table-responsive"> <div style="width: 100%;"> <form name="room_mobi_5" action="/Default/Booking" method="get" style="width: 100%; height: 100px;"> <input type="hidden" name="roomid" value="5" /> <hr style="margin: 0; padding: 3px;" /> <div style="width:100%;text-align:center" class="clear"> <div style="padding-bottom: 3px; float:left;"> <a href="/room/phong-superior" title="Phòng Superior"> <img style="width: 147px; height: 97px; " src="/Upload/files/11.jpg"> </a> </div> <div class="tab-book-2" style="width:35%;text-align:center;padding-top:0.5em;float:left;margin-left:10px auto"> <p style="text-align:center;width:100%;">Phòng Superior</p> </div> <div style="width:20%; float:right; text-align: right; padding-top: 0"> <button class="btn-book text-uppercase" type="submit" style="background: #e33c2f none repeat scroll 0 0; border: medium none; color: #fff; padding: 19px 10px; margin-top: 5px;text-align:center;">Đặt phòng</button> </div> </div> <div style="clear:both"></div> <!--xuong dong--> <div style="width:100%"> <div style="width: 30%; float:left; text-align: center;"> <p>Số lượng phòng</p> <input id="numper_5" name="numneed" type="number" value="1" min="1" style="width: 40%; color: #000000; text-align:center" onchange="doSomething_mobi(this)" /> <div class="clearfix"></div> <span> Còn 4 phòng</span> </div> <div style="width: 35%; float:left; text-align: center;"> <p>Giá phòng</p> <input type="text" value="900000" readonly id="cost_mobi_5" style="width: 80%; color: #000000;text-align:center" /> <div class="clearfix"></div> <span class="cl-red" style="text-decoration: line-through">900000</span> </div> <div style="width: 35%; float:left;text-align: center;"> <p>Tổng tiền</p> <input class="total-price" type="text" readonly value="900000" id="total_mobi_5" style="width: 80%; color: #000000;text-align:center" /> </div> </div> <div style="clear:both"></div> </form> </div> <div style="clear:both"></div> <div style="width: 100%;"> <form name="room_mobi_2683" action="/Default/Booking" method="get" style="width: 100%; height: 100px;"> <input type="hidden" name="roomid" value="2683" /> <hr style="margin: 0; padding: 3px;" /> <div style="width:100%;text-align:center" class="clear"> <div style="padding-bottom: 3px; float:left;"> <a href="/room/phong-deluxe" title="Phòng Deluxe "> <img style="width: 147px; height: 97px; " src="/Upload/files/deluxe%20twin.jpg"> </a> </div> <div class="tab-book-2" style="width:35%;text-align:center;padding-top:0.5em;float:left;margin-left:10px auto"> <p style="text-align:center;width:100%;">Phòng Deluxe </p> </div> <div style="width:20%; float:right; text-align: right; padding-top: 0"> <button class="btn-book text-uppercase" type="submit" style="background: #e33c2f none repeat scroll 0 0; border: medium none; color: #fff; padding: 19px 10px; margin-top: 5px;text-align:center;">Đặt phòng</button> </div> </div> <div style="clear:both"></div> <!--xuong dong--> <div style="width:100%"> <div style="width: 30%; float:left; text-align: center;"> <p>Số lượng phòng</p> <input id="numper_2683" name="numneed" type="number" value="1" min="1" style="width: 40%; color: #000000; text-align:center" onchange="doSomething_mobi(this)" /> <div class="clearfix"></div> <span> Còn 4 phòng</span> </div> <div style="width: 35%; float:left; text-align: center;"> <p>Giá phòng</p> <input type="text" value="1000000" readonly id="cost_mobi_2683" style="width: 80%; color: #000000;text-align:center" /> <div class="clearfix"></div> <span class="cl-red" style="text-decoration: line-through">1000000</span> </div> <div style="width: 35%; float:left;text-align: center;"> <p>Tổng tiền</p> <input class="total-price" type="text" readonly value="1000000" id="total_mobi_2683" style="width: 80%; color: #000000;text-align:center" /> </div> </div> <div style="clear:both"></div> </form> </div> <div style="clear:both"></div> <div style="width: 100%;"> <form name="room_mobi_6" action="/Default/Booking" method="get" style="width: 100%; height: 100px;"> <input type="hidden" name="roomid" value="6" /> <hr style="margin: 0; padding: 3px;" /> <div style="width:100%;text-align:center" class="clear"> <div style="padding-bottom: 3px; float:left;"> <a href="/room/phong-luxury" title="Phòng Luxury"> <img style="width: 147px; height: 97px; " src="/Upload/files/9.jpg"> </a> </div> <div class="tab-book-2" style="width:35%;text-align:center;padding-top:0.5em;float:left;margin-left:10px auto"> <p style="text-align:center;width:100%;">Phòng Luxury</p> </div> <div style="width:20%; float:right; text-align: right; padding-top: 0"> <button class="btn-book text-uppercase" type="submit" style="background: #e33c2f none repeat scroll 0 0; border: medium none; color: #fff; padding: 19px 10px; margin-top: 5px;text-align:center;">Đặt phòng</button> </div> </div> <div style="clear:both"></div> <!--xuong dong--> <div style="width:100%"> <div style="width: 30%; float:left; text-align: center;"> <p>Số lượng phòng</p> <input id="numper_6" name="numneed" type="number" value="1" min="1" style="width: 40%; color: #000000; text-align:center" onchange="doSomething_mobi(this)" /> <div class="clearfix"></div> <span> Còn 2 phòng</span> </div> <div style="width: 35%; float:left; text-align: center;"> <p>Giá phòng</p> <input type="text" value="1300000" readonly id="cost_mobi_6" style="width: 80%; color: #000000;text-align:center" /> <div class="clearfix"></div> <span class="cl-red" style="text-decoration: line-through">1300000</span> </div> <div style="width: 35%; float:left;text-align: center;"> <p>Tổng tiền</p> <input class="total-price" type="text" readonly value="1300000" id="total_mobi_6" style="width: 80%; color: #000000;text-align:center" /> </div> </div> <div style="clear:both"></div> </form> </div> <div style="clear:both"></div> <div style="width: 100%;"> <form name="room_mobi_2685" action="/Default/Booking" method="get" style="width: 100%; height: 100px;"> <input type="hidden" name="roomid" value="2685" /> <hr style="margin: 0; padding: 3px;" /> <div style="width:100%;text-align:center" class="clear"> <div style="padding-bottom: 3px; float:left;"> <a href="/room/phong-gia-dinh" title="Phòng Gia Đình"> <img style="width: 147px; height: 97px; " src="/Upload/files/13.jpg"> </a> </div> <div class="tab-book-2" style="width:35%;text-align:center;padding-top:0.5em;float:left;margin-left:10px auto"> <p style="text-align:center;width:100%;">Phòng Gia Đình</p> </div> <div style="width:20%; float:right; text-align: right; padding-top: 0"> <button class="btn-book text-uppercase" type="submit" style="background: #e33c2f none repeat scroll 0 0; border: medium none; color: #fff; padding: 19px 10px; margin-top: 5px;text-align:center;">Đặt phòng</button> </div> </div> <div style="clear:both"></div> <!--xuong dong--> <div style="width:100%"> <div style="width: 30%; float:left; text-align: center;"> <p>Số lượng phòng</p> <input id="numper_2685" name="numneed" type="number" value="1" min="1" style="width: 40%; color: #000000; text-align:center" onchange="doSomething_mobi(this)" /> <div class="clearfix"></div> <span> Còn 2 phòng</span> </div> <div style="width: 35%; float:left; text-align: center;"> <p>Giá phòng</p> <input type="text" value="1400000" readonly id="cost_mobi_2685" style="width: 80%; color: #000000;text-align:center" /> <div class="clearfix"></div> <span class="cl-red" style="text-decoration: line-through">1400000</span> </div> <div style="width: 35%; float:left;text-align: center;"> <p>Tổng tiền</p> <input class="total-price" type="text" readonly value="1400000" id="total_mobi_2685" style="width: 80%; color: #000000;text-align:center" /> </div> </div> <div style="clear:both"></div> </form> </div> <div style="clear:both"></div> </div> </div> </div> <!-- end giao dien mobile --> </div> </div> <script> function doSomething(oObject) { var selectid = oObject.id; var res = selectid.split("_"); var romID = res[1]; var cost = document.getElementById("cost_" + romID).value; var totalmoney = cost * oObject.value; var totID = "total_" + romID; document.getElementById(totID).value = totalmoney; } function doSomething_mobi(oObject) { var selectid = oObject.id; var res = selectid.split("_"); var romID = res[1]; var cost = document.getElementById("cost_mobi_" + romID).value; var totalmoney = cost * oObject.value; var totID = "total_mobi_" + romID; document.getElementById(totID).value = totalmoney; } function getID(oObject) { var id = oObject.id; alert("This object's ID attribute is set to \"" + id + "\"."); } </script> </div> <script type="text/javascript" src="/assets/client_new/js/bootstrap.min.js"></script> <script type="text/javascript" src="/assets/client/datepicker/js/bootstrap-datepicker.js"></script> <script type="text/javascript" src="/assets/client/js/harper-banner.js"></script> <script type="text/javascript"> $(document).ready(function () { var w = window.innerWidth; var h = window.innerHeight; var h_content = h - $(".container").height(); var top = $(".container").height(); // $('body').css({ 'min-height': h + 'px'}); //$('#renderbody').css({ 'height': h - $(".container").height() + 'px' }); // $('#listSlide .item img').css({ 'height': h - $(".container").height() + 'px' }); //$(".container").height(); $('.my-banner').harper({ controls: true, // {boolean} true | false debug: false, // {boolean} true | false duration: 10000, // {int} next: false, // {boolean} true | false previous: false, // {boolean} true | false effect: 'fade' // {string} fade | more to come }); $('#myModal').modal('show'); //var txt = ""; //txt += ".item-slide{width: 100%;height:" + screen.height + ";}"; //document.getElementById("styleindex").innerHTML = txt; //$('.promotion img').css({ 'height': h_content + 'px' }); //$('.promotion .cont-restaurant-service .container .row .cont-restaurant .cont-rest').css({ 'height': h_content-30 + 'px', 'background': 'no-repeat scroll 0 0' }); //$('.restaurant-service .img-location #gmap_canvas').css({ 'height': h_content + 'px' }); //$('#gmap_canvas').css({ 'height': h_content + 'px' }); $('#backg_pc').css({ 'height': h_content + 'px' }); //$('#backg_mb').css({ 'height': h_content + 'px' }); $('#contact_info').css({ 'height': h_content + 'px' }); $('#promo-detai').css({ 'height': h_content + 'px' }); $('#info-promo').css({ 'height': h_content + 'px' }); $('#info-promo-cont').css({ 'height': h_content - $("#tit-promo").height() - 30 + 'px' }); $('#photo-view').css({ 'padding-top': top + 'px' }); $('#photo-view img').css({ 'height': h_content + 'px' }); $('#service').css({ 'height': h_content + 'px' }); $('#info-service').css({ 'height': h_content + 'px' }); $('#service-hide').css({ 'height': h_content + 'px' }); //$('#googleMap').css({ 'height': h_content + 'px' }); $('#maptohoangsa').css({ 'height': h_content + 'px' }); //show hide content page roomdetail $("#show-content").show(); $("#hidden-content").hide(); $("#show-content").click(function () { $("#show-content").hide(); $("#hidden-content").show(); }); $("#hide").click(function () { $("#hidden-content").hide(); $("#show-content").show(); }); //-- show hide content page roomdetail //show hide content page roomdetail $("#service-show").show(); $("#service-hide").hide(); $("#service-show").click(function () { $("#service-show").hide(); $("#service-hide").show(); }); $("#hide-service").click(function () { $("#service-hide").hide(); $("#service-show").show(); }); //--show and hide description home $("#s-show").show(); $("#s-hide").hide(); $("#des-hide").click(function(){ $("#s-show").hide(); $("#s-hide").show(); }) $("#des-show").click(function(){ $("#s-show").show(); $("#s-hide").hide(); }) //-- show hide content page roomdetail //show hide content page promotion show_promo $("#show_promo").show(); $("#info-promo").hide(); $("#show-promo").click(function () { $("#show_promo").hide(); $("#info-promo").show(); }); $("#hide-promo").click(function () { $("#info-promo").hide(); $("#show_promo").show(); }); //-- show hide content page promotion //show hide content page contact hide_contact $("#show_contact").hide(); $("#info_contact").show(); $("#hide_contact").click(function () { $("#info_contact").hide(); $("#show_contact").show(); }); $("#show-contact").click(function () { $("#show_contact").hide(); $("#info_contact").show(); }); //-- show hide content page contact }); </script> <!--JS 4 slide in RoomDetail --> <!-- jQuery Plugin scripts --> <script type="text/javascript" src="/assets/client_new/slide2/lib/js/external/jquery.easing.1.3.min.js"></script> <script type="text/javascript" src="/assets/client_new/slide2/lib/js/external/jquery.mousewheel.min.js"></script> <!-- Slider Kit scripts --> <script type="text/javascript" src="/assets/client_new/slide2/lib/js/sliderkit/jquery.sliderkit.1.9.2.pack.js"></script> <script type="text/javascript" src="/assets/client_new/slide2/lib/js/sliderkit/addons/sliderkit.counter.1.0.pack.js"></script> <script type="text/javascript" src="/assets/client_new/slide2/lib/js/sliderkit/addons/sliderkit.imagefx.1.0.pack.js"></script> <!-- Slider Kit launch --> <script type="text/javascript"> $(window).load(function () { //$(window).load() must be used instead of $(document).ready() because of Webkit compatibility /*--------------------------------- * Photo gallery > Standard *---------------------------------*/ $(".photosgallery-std").sliderkit({ mousewheel: true, shownavitems: 5, panelbtnshover: true, auto: false, navscrollatend: false, counter: true }); /*--------------------------------- * Extending *---------------------------------*/ // Get the sliderkit object data // var myGallery = $('.photosgallery-std').data('sliderkit'); // External pagination // ---------------------- var myPaginStr = ''; var myPaginCount = 0; // Selecting first item var myPaginTag = $('#myPagination1'), myPaginItems = $('li', myPaginTag); myPaginItems.eq(myGallery.options.start).addClass('selected'); // Pagination items click event $('a', myPaginTag).click(function () { var $a = $(this); if (!$a.parent().hasClass('selected')) { myGallery.changeWithId($a.attr('rel')); } return false; }); // Selecting current pagination item myGallery.options.panelfxbefore = function () { myPaginItems.removeClass('selected'); myPaginItems.eq(myGallery.currId).addClass('selected'); } // Start slide button // ---------------------- $('#startslide').click(function () { // The sliding effect requires a wrapper around the panels myGallery._wrapPanels(); myGallery.imageFx.remove(); // Set the transition effect to 'sliding' myGallery.options.panelfx = 'sliding'; // Change easing myGallery.options.panelfxeasing = 'easeInOutExpo'; // restart myGallery.stepForward(); // Stops the click return false; }); $('#startfancy').click(function () { myGallery.options.panelfx = 'fancy'; myGallery.options.imagefx = { fxType: 'random' }; myGallery.imageFx.init(); return false; }); }); </script> <!--end JS 4 slide in RoomDetail --> <!--calenda for booking--> <script type="text/javascript"> $(function () { $("#calen_in").click(function () { $("#ci").datepicker().datepicker("show") }); $("#calen_out").click(function () { $("#co").datepicker().datepicker("show") }); $("#calen_in_mobi").click(function () { $("#ci_mobi").datepicker().datepicker("show") }); $("#calen_out_mobi").click(function () { $("#co_mobi").datepicker().datepicker("show") }); $("#calen_in_roomsys").click(function () { $("#cin").datepicker().datepicker("show") }); $("#calen_out_roomsys").click(function () { $("#cout").datepicker().datepicker("show") }); }); </script> </body> </html>