{source}
<script src="/bookzo/scripts/jquery-1.9.1.min.js"></script>
<script src="/bookzo/scripts/moment.min.js"></script>
<script src="/bookzo/scripts/nl.js"></script>
<script type="text/javascript">
// Resize iframe to full height
function resizeIframe(height) {
// "+60" is a general rule of thumb to allow for differences in
// IE & and FF height reporting, can be adjusted as required..
document.getElementById('bookzoFrame').height = parseInt(height) + 60;
}
</script>
{/source}
{source}
<div class="booksnel-container"><div class="wrap"><div class="booksnel"><section id="text-2" class="widget widget_text"><div class="widget-wrap"> <div class="textwidget"><script type="text/javascript">
var bookzo = {};
(function (context) {
var account = 56; //Set this to the Bookzo accountID
//Function jsonCall - Simple call to Bookzo json webservice
function jsonCall(url, data, success, error) {
$.ajax({
type: "GET",
url: url,
contentType: "application/json; charset=utf-8",
data: data,
async: true,
success: success,
error: error,
dataType: "json"
});
}
//Function fillPeriods - Fill periods combo with possible periods (week/weekend etc)
context.fillPeriods = function fillPeriods() {
var maand = parseInt(context.selectMaanden.value.substring(3, 5));
var jaar = parseInt(context.selectMaanden.value.substring(6, 10));
//Get all bookable periods in given month and fill combo
jsonCall("/bookzo/bookzo.php?service=GetPeriods" + '&accountId=' + account + '&maand=' + maand + '&jaar=' + jaar,
'',
function (data) {
context.selectVerblijf.options.length = 0;
for (var i = 0; i < data.length; i++) {
var newOption = document.createElement("option");
newOption.text = data[i];
newOption.value = data[i];
context.selectVerblijf.options.add(newOption);
}
//Default to Week and fill arrivals
if (getParameterByName('periode') == "")
context.selectVerblijf.value = "Week";
else
context.selectVerblijf.value = getParameterByName('periode');
context.fillArrivals();
},
function (data) {
$('#frmZoek').hide();
$('#lnkZoeken').show();
});
}
//Function fillArrivals - Fill Arrivals with possible arrival date ie. 01-12-2013
context.fillArrivals = function fillArrivals() {
var maand = parseInt(context.selectMaanden.value.substring(3, 5));
var jaar = parseInt(context.selectMaanden.value.substring(6, 10));
var periode = context.selectVerblijf.value;
//Get possible arrivals and refill combo
jsonCall("/bookzo/bookzo.php?service=GetArrivals" + '&accountId=' + account + '&maand=' + maand + '&jaar=' + jaar + '&periode=' + periode,
'',
function (data) {
//Clear combo
context.selectAankomsten.options.length = 0;
for (var i = 0; i < data.length; i++) {
var newOption = document.createElement("option");
newOption.text = moment(data[i], "DD-MM-YYYY").format("dddd DD MMMM");
newOption.value = data[i];
context.selectAankomsten.options.add(newOption);
}
if (getParameterByName('aankomst') != "")
context.selectAankomsten.value = getParameterByName('aankomst');
},
function (data) {
$('#frmZoek').hide();
$('#lnkZoeken').show();
});
}
//Get parameters from main url
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + name + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(window.location.search);
if (results == null)
return "";
else
return decodeURIComponent(results[1].replace(/\+/g, " "));
}
//Document load
context.fillMonths = function () {
//Fill combo with all bookable months
jsonCall("/bookzo/bookzo.php?service=GetBookableMonths" + '&accountId=' + account,
'',
function (data) {
for (var i = 0; i < data.length; i++) {
var newOption = document.createElement("option");
newOption.text = moment(data[i], "DD-MM-YYYY").format("MMMM YYYY");;
newOption.value = data[i];
context.selectMaanden.options.add(newOption);
}
//Set to first value and fill periods
if (getParameterByName("maand") == "")
context.selectMaanden.selectedIndex = 0;
else
context.selectMaanden.value = getParameterByName("maand");
if (getParameterByName("personen") != "")
$('#Select2').val(getParameterByName("personen"));
context.fillPeriods();
},
function (data) {
$('#frmZoek').hide();
$('#lnkZoeken').show();
});
}
})(bookzo);
$(function () {
$('#lnkZoeken').hide();
bookzo.selectMaanden = document.getElementById('cmbMaanden');
bookzo.selectVerblijf = document.getElementById('cmbVerblijf');
bookzo.selectAankomsten = document.getElementById('cmbAankomsten');
bookzo.fillMonths();
});
</script>
<form method="get" target="_self" action="/zoekresultaten" id="frmZoek">
<input type="hidden" name="account" value="56" />
<div class="kiezen">
<label class="maand">Welke Maand?</label>
<select id="cmbMaanden" onchange="bookzo.fillPeriods()" name="maand"></select>
</div>
<div class="kiezen">
<label class="tijd">Hoelang?</label>
<select id="cmbVerblijf" name="periode" onchange="bookzo.fillArrivals()"></select>
</div>
<div class="kiezen">
<label class="personen">Aantal?</label>
<select id="Select2" name="personen">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
<div class="kiezen">
<span class="zend"><input id="Submit2" class="to-button" type="submit" value="Zoek & Boek" /></span>
</div>
<div class="clear"></div>
</form>
</div>
</div>
<div class="book-frame"><div class="wrap">
<iframe class="verrassingframe" allowtransparency="true" style="background-color:transparent" frameborder="0" id='bookzoFrame' width='100%' src="/"></iframe>
<script type="text/javascript">
// Resize iframe to full height
function resizeIframe(height) {
// "+60" is a general rule of thumb to allow for differences in
// IE & and FF height reporting, can be adjusted as required..
document.getElementById('bookzoFrame').height = parseInt(height) + 60;
}
(function () {
//Set iframe with parameters from main url
//Replace localhost/helper.html with your url
document.getElementById('bookzoFrame').src = "http://www.reserveringsprogramma.nl/web/Default.aspx?iframehelper=anemoone.nl/helper.html&account=" + 56 + "&personen=" + getParameterByName("personen") + "&aankomst=" + getParameterByName("aankomst") + "&maand=" + getParameterByName("maand") + "&periode=" + getParameterByName("periode");
//Get parameters from main url
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + name + "=([^&#]*)";
var regex = new RegExp(regexS);
var results = regex.exec(window.location.search);
if (results == null)
return "";
else
return decodeURIComponent(results[1].replace(/\+/g, " "));
}
})();
</script>
</div></div>
{/source}