Sample integration of BAR remote javascript API method

Integration Steps

Write a local javascript function that will accept the data
Include the remote BAR script with a callback to the local function
Read the returned BAR data using
Change the HTML placeholders with the correct information

Requirements

Novice Javascript knowledge
Access to website source files or templates

Live Example (view source for actual code)

Penthouse Suite

Junior Suite

Studio

1. Insert JavaScript

<script defer async src="https://rest.reserve-online.net/bar/george.js?callback=renderBar&per=room&date=today+2"></script>

Don't forget to change "george" to your property's WebHotelier code.

Your JS callback function can be any publicly accessible function. See below.

2. Define JavaScript callback

<script>
function renderBar(data) {
    // do something with the data
    var rm;
    for ( rm in data ) {
        if ( document.getElementById('rm-'+rm) ) {
            document.getElementById('rm-'+rm).innerHTML = 'BOOK THIS ROOM FROM €' + data[rm].price.toFixed(2) + ' PER NIGHT';
        }
    }
}
</script>

Sample window.webhotelier.bar output


{
    "PENTH":{
        "roomName":"Penthouse Suite",
        "room":"penth",
        "price":130.5000,
        "constraints":{
            "expiration":"",
            "earlyBookLimit":14,
            "freeCancelDays":32767
        },
        "parentRate":8294,
        "name":"Advance Purchase",
        "tod":"",
        "description":"10% Off Best Available Rate !! BOOK NOW,",
        "pricing":{
            "minBefore":81.00,
            "max":148.50,
            "days":441,
            "min":81.00,
            "maxBefore":148.50
        },
        "fromd":"2010-09-04",
        "id":20955,
        "public":1
    },
    "JNR":{
        "roomName":"Junior Suite",
        "room":"jnr",
        "price":112.5000,
        "constraints":{
            "expiration":"",
            "earlyBookLimit":14,
            "freeCancelDays":32767
        },
        "parentRate":8293,
        "name":"Advance Purchase",
        "tod":"",
        "description":"10% Off Best Available Rate !! BOOK NOW,",
        "pricing":{
            "minBefore":72.00,
            "max":130.50,
            "days":441,
            "min":72.00,
            "maxBefore":130.50
        },
        "fromd":"2010-09-04",
        "id":8749,
        "public":1
    },
    "STUDIO":{
        "roomName":"Studio",
        "room":"studio",
        "price":115.0000,
        "constraints":{
            "expiration":"",
            "earlyBookLimit":14,
            "freeCancelDays":32767
        },
        "parentRate":8295,
        "name":"Advance Purchase",
        "tod":"",
        "description":"10% Off Best Available Rate !! BOOK NOW,",
        "pricing":{
            "minBefore":70.00,
            "max":135.00,
            "days":441,
            "min":70.00,
            "maxBefore":135.00
        },
        "fromd":"2010-09-04",
        "id":21110,
        "public":1
    },
    "DEL":{
        "roomName":"Deluxe Room",
        "room":"del",
        "price":112.5000,
        "constraints":{
            "expiration":"",
            "earlyBookLimit":14,
            "freeCancelDays":32767
        },
        "parentRate":8292,
        "name":"Advance Purchase",
        "tod":"",
        "description":"10% Off Best Available Rate !! BOOK NOW,",
        "pricing":{
            "minBefore":72.00,
            "max":130.50,
            "days":441,
            "min":72.00,
            "maxBefore":130.50
        },
        "fromd":"2010-09-04",
        "id":8748,
        "public":1
    }
}