JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://gadgets.securetravelpayments.com/_shared/base.jsz"></script>
<script src="https://gadgets.securetravelpayments.com/room-types/room-types.jsz"></script>
<base href="http://book.resonline.com.au">
<div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">
<div class="breadcrumb"><a href="/">Home</a></div> <h2 id="PageTitle" >Book Button</h2> <div class="clear-block">
<div id="google_translate_element"></div>
<div id="node-159" class="node">
<div class="content clear-block">
<div id="bookHeader"><div id='ThemeLogoDiv' style='background-color: #f08018; margin-bottom: 0px; text-align: center; '>
</div></div><div id="bookGrid"> </div>
<div id="bookBody"> </div>
<div id="bookRoomTypes"> </div>
</div>
</div>
</div>
</div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->
JavaScript
function replaceText() {
var jthis = $(this);
$("*").each(function() {
if(jthis.children().length==0) {
jthis.text(jthis.text().replace('nts:', 'nights:'));
}
});
}
$(document).ready(replaceText);
$("html").ajaxStop(replaceText);
$w('#bookGrid').roomTypesGadget({
hotelID: 289590
,showPropertyDetails:{
header: '#bookHeader',
body: '#bookBody'
}
,showRoomTypeDetails: '#bookRoomTypes'
,colourScheme: { primary:'#f8c08c', secondary:'#e84500' }
,autoTickedNights: false
,defaultAdults: 2
,defaultChildren: 0
,defaultCurrency: 'AUD'
,defaultDate:''
,defaultNights:0
,showPromotionCode:true
,defaultPromotionCode:''
,defaultDaysOut: 0
,defaultGridColumns: 14
,gridLabel: 'Room'
,returnUrl: null
,maxAdults: 20
,maxChildren: 20
,maxImages: 10
,promoteSpecials:true
,layout: 'horz'
,ratePlanFilter:true
,showMaxGuests:false
,showRoomImages:false
,maxRooms: 4
});