CSS
Hotel:
Scripts:
<style>
.desktop-menu-container {
width: 90% !important;
height: 90% !important;
}
/*Floating Back-To-Top Button*/
#myBtn {
z-index:999999;
position: fixed;
bottom: 10px;
float: right;
right: 10%;
left: 90%;
max-width: 50px;
width: 100%;
font-size: 16px;
border-color: rgba(85, 85, 85, 0.2);
background-color: rgb(100,100,100);
padding: .5px;
border-radius: 4px;
}
/*On Hover Color Change*/
#myBtn:hover {
background-color: #7dbbf1;
}
@media (max-width: 767px) {
.tablemobile
{
width: 90% !important;
margin-top: 38px;
}
.tablemobiledec
{
width: 88% !important;
text-align: justify !important;
}
}
.comp-booknow-only-btn
{
display:none!important;
}
@media only screen and (min-width: 768px){
.special-notice-wrapper
{
max-height: 500px !important;
top: 32px !important;
}
}
@media only screen and (min-width: 768px){
.special-notice-wrapper .title-notice
{
top: 205px !important;
}
}
@media (max-width: 767px){
.con
{
padding-top: 61px !important;
line-height: 25px;
}
.special-notice-wrapper .notice-content.open
{
overflow: scroll !important;
}
}
@media only screen and (min-width: 768px){
.special-notice-wrapper .notice-content .con {
width: calc(121% - 134px);
text-align: justify;
line-height: 23px;
margin-top: 7px;
}
}
#cookiebanner
{
background-color: #4c4747 !important;
}
#cookiebanner p.c-message
{
color: #fff !important;
}
#cookiebanner .c-header
{
color:#fff !important;
}
a.manage-button
{
color: #fff !important;
}
@media (max-width: 767px){
a.manage-button {
padding: 12px 60px !important;
margin-bottom: 2px !important;
width: 97% !important;
}
}
@media only screen and (min-width: 768px){
header .header .inner-container .txt-best-rate .text-best-rate-wrapper {
margin-top: 3px !important;
margin-right: -11px;
}
}
/**
header .header .inner-container .txt-best-rate .icon-best-rate-wrapper .svg-icon svg {
top: -29px !important;
}
**/
</style>
<button id="myBtn"><a href="#top" style="color: white">↑</a></button>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementsByClassName("lazyImg")[0].style.display='none';
document.getElementsByClassName("title-notice")[0].innerHTML = "NOTICE";
//temporary disable website notice
document.getElementsByClassName("title-notice")[0].style.display='none';
document.getElementsByClassName("con")[0].innerHTML = "<span><strong>GO GREEN & BE REWARDED</strong><br><br>There’s no better time than the present to start making environmentally-friendly changes. Support Berjaya Waterfront Hotel, Johor Bahru’s sustainability efforts by choosing our <a href='https://www.berjayahotel.com/johorbahru/go-green-be-rewarded.html'><strong>ECO-FRIENDLY STAY PLAN</strong></a>.<br><br>It’s simple. Just decline daily change of bed linens and towels in your room, and you will be rewarded with <strong>RM5 or RM10 ECO-FRIENDLY CREDIT</strong> to be used in the hotel.<br><br>Reusing your bed linens and towels can help to reduce water waste and environmental impact. Act now! Your eco-conscious effort can contribute to a more sustainable future.<br><br>To join this effort, please inform our Reception upon check-in or dial '0’ from your in-room telephone to contact our Reception. <br><br><i>Terms & conditions apply</i>.</span>";
/**
(document.getElementsByClassName("text-best-rate-wrapper")[0]).innerHTML+="<br><br><a href='https://campaign.berjayahotel.com/epp/?utm_source=BWH&HID=BWH&utm_medium=website&utm_campaign=bhrepp' target='_blank'><font color=white><strong>Easy Payment Plan (EPP)</strong></font></a>";
(document.getElementsByClassName("text-best-rate-wrapper")[0]).innerHTML="<a href='https://campaign.berjayahotel.com/epp/?utm_source=BWH&HID=BWH&utm_medium=website&utm_campaign=bhrepp' target='_blank'><font color=white><strong>Easy Payment Plan (EPP)</strong></font></a>";
(document.getElementsByClassName("links-wrapper clearfix")[0]).insertAdjacentHTML("beforeend", "<br><br><a href='https://campaign.berjayahotel.com/epp/?utm_source=BWH&HID=BWH&utm_medium=website&utm_campaign=bhrepp' target='_blank'><font color=white><strong>Easy Payment Plan (EPP)</strong></font></a>");**/
HideBRG();
});
//Remove Best Rate Guaranteed
if(window.location.href.indexOf("https://www.berjayahotel.com/") > -1) {
try {
document.getElementsByClassName('txt-best-rate')[0].style.display="none";
}
catch(e){}
}
</script>
<script>
function rudr_favorite(a) {
pageTitle=document.title;
pageURL=document.location;
try {
// Internet Explorer solution
eval("window.external.AddFa-vorite(pageURL, pageTitle)".replace(/-/g,''));
}
catch (e) {
try {
// Mozilla Firefox solution
window.sidebar.addPanel(pageTitle, pageURL, "");
}
catch (e) {
// Opera solution
if (typeof(opera)=="object") {
a.rel="sidebar";
a.title=pageTitle;
a.url=pageURL;
return true;
} else {
// The rest browsers (i.e Chrome, Safari)
alert('Press ' + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Cmd' : 'Ctrl') + '+D to bookmark this page.');
}
}
}
return false;
}
</script>
<div class="myheadercss" id="myHeader" style="display:none">
<span class="closebtn mobile" onclick="this.parentElement.style.display='none';">×</span>
<h3><span style="font-size:22px;">COVID-19 Updates:</span> <u><a href="https://www.berjayahotel.com/clean-and-safe.html" target="_blank" style="color:#fff;">Our Clean & Safe Commitment</a></u></h3>
</div>
<style>
body {
margin:0 !important;
}
.myheadercss{
z-index: 9999 !important;
position: static;
margin-top:40px;
padding: 1px 16px;
background: #000;
color: #f1f1f1;
}
.content {
padding: 16px;
}
.sticky {
position: fixed;
top: 57px;
width: 40% !important;
}
.sticky + .content {
padding-top: 102px;
margin-top:0px;
}
.closebtn {
float: right;
color: white;
font-weight: 500;
font-size: 40px;
line-height: 59px;
cursor: pointer;
transition: 0.3s;
}
@media only screen and (max-device-width: 768px) {
.closebtn.mobile{
width: 100% !important;
color: white;
font-weight: 500;
font-size: 40px;
line-height: 59px;
cursor: pointer;
transition: 0.3s;
position: static;
margin-left: 98% !important;
}
.sticky {
position: fixed;
top: 11px;
width: 100% !important;
}
h3{
margin-top: -41px !important;
font-size: 18px;
}
.closebtn
{
float:none !important;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.closebtn.mobile
{
color: white;
font-weight: 500;
font-size: 40px;
line-height: 59px;
cursor: pointer;
transition: 0.3s;
position: fixed;
margin-left:60% !important;
}
h3
{
margin-top:19px !important;
}
.sticky
{
67% !important;
}
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
{
.sticky
{
width: 50%;
}
}
a:hover
{
color:#521b43;
}
</style>
<script>
//window.onload = function() {header.classList.add("sticky");};
//window.onscroll = function() {myFunction()};
var header = document.getElementById("myHeader");
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
<script type="text/javascript">
ClickPromo();
function ClickPromo(){
}
function HideBRG(){
try{
document.getElementsByClassName('best-rate-guarenty-link')[0].style.display='none';
}catch(e){}
}
if(window.location.href.indexOf("location.html") > -1){
try{
document.getElementsByClassName("panel-heading")[3].style.display='none';//remove hello kitty location
}catch(e){}
}
InitVCode();
function InitVCode(){
try{
const params = new URLSearchParams(window.location.search);
var myCode = document.getElementById("iataNumber");
myCode.value=params.get('identifier');
}catch(e){}
}
ClickPromo2();
function ClickPromo2()
{
try{
var myDiv = document.querySelector("div[data-desktopimg$='bwh-late-night-check-special-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/late-night-check-in-special.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='BWH-Late-Night-Check-In-Special-800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/late-night-check-in-special.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='go-green-be-rewarded-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/go-green-be-rewarded.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='go-green-be-rewarded-800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/go-green-be-rewarded.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='bwh-book-direct-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/book-direct-save-more.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='bwh-book-direct-800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/book-direct-save-more.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='member-deals-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/members-deal.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='MEMBER%20DEALS_800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/members-deal.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='plan-ahead-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/plan-ahead.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='Plan-Ahead-800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/plan-ahead.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='botf-last-call-1920x1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://campaign.berjayahotel.com/berjaya-online-travel-fair/';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='botf-last-call-800x800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://campaign.berjayahotel.com/berjaya-online-travel-fair/';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='bwh-sweet-suite-celebration-1920-x-1080.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/sweet-suite-celebration.html';});
}catch(e){}
try{
var myDiv = document.querySelector("div[data-desktopimg$='https://www.berjayahotel.com/sites/default/files/BWH_Sweet%20Suite%20Celebration_800%20X%20800.jpg']");
myDiv.style.cursor="pointer";
myDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/offers/sweet-suite-celebration.html';});
}catch(e){}
}
const myFAQTimeout= setTimeout(AddFAQOption, 100);
function AddFAQOption(){
try{
if(window.location.href.includes("johorbahru")){
var linkFAQ=document.querySelectorAll("a[href*='https://www.berjayahotel.com/bhr/frequently-asked-questions.html']");
var i;
for(i = 0; i < linkFAQ.length; i++){
linkFAQ[i].style.cursor="pointer";
linkFAQ[i].href='https://www.berjayahotel.com/johorbahru/frequently-asked-questions.html';
}
}
}catch(e){}
clearTimeout(myFAQTimeout);
}
//const myChangeEnquiryForm= setTimeout(ChangeEnquiryForm, 100);
function ChangeEnquiryForm(){
try{
var aDiv = document.querySelector('a[href$="https://www.berjayahotel.com/johorbahru/enquiry-form.html"]');
aDiv.style.cursor="pointer";
aDiv.addEventListener('click', function(){location.href='https://www.berjayahotel.com/johorbahru/general-enquiry-form.html';});
}catch(e){}
clearTimeout(myChangeEnquiryForm);
}
ChangeRoomTVText();
function ChangeRoomTVText(){
if(window.location.href.indexOf("/johorbahru/rooms/") > -1) {
try{
[...document.querySelectorAll('div[class="text"]')]
.filter(a => a.textContent.toLowerCase().includes("tv(lcd 42'' flat screen)"))
.forEach(a => a.innerHTML="HD TV")
}catch(e){}
}
}
ChangeIronBoardText();
function ChangeIronBoardText(){
if(window.location.href.indexOf("/johorbahru/rooms/") > -1) {
try{
[...document.querySelectorAll('div[class="text"]')]
.filter(a => a.textContent.toLowerCase().includes("iron and ironing board"))
.forEach(a => a.innerHTML="IRON WITH IRONING BOARD<br>(UPON REQUEST)")
}catch(e){}
}
}
const myContactUsTimeout= setTimeout(AddContactUsOption, 100);
function AddContactUsOption(){
try{
if(window.location.href.includes("johorbahru")){
document.querySelectorAll('a[href="/contact-us.html"]').forEach(function($el)
{
$el.setAttribute('href','/johorbahru/contact-us.html');
});
}
}catch(e){}
clearTimeout(AddContactUsOption);
}
//removeTollFreeLine
if(window.location.href.indexOf("contact-us.html") > -1) {
try {
document.getElementsByClassName('col-xs-2')[3].style.display="none";
}
catch(e){}
}
if(window.location.href.indexOf("contact-us.html") > -1) {
try {
document.getElementsByClassName('col-xs-10')[3].style.display="none";
}
catch(e){}
}
</script>
<!--Begin WA-->
<style>
.WA-floating{
position:fixed;
width:60px;
height:60px;
bottom:100px;
right:10px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.WA-float-button{
margin-top:16px;
}
</style>
<!--End of WA-->
<a href="https://api.whatsapp.com/send?phone=60182200705" class="WA-floating" target="_blank" id="aWhatsapp"><i class="fa fa-whatsapp WA-float-button"></i></a>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">