Предлагаем Вам посмотреть, как получать дополнительную информацию.
Вы можете получать дополнительную информацию: описание гостиницы, номеров, фото гостиницы, фото номеров, цены и размещать ее на своем сайте.
Этот код демонстрирует пример получения информации о своей гостинице, размещайте этот код на своих страницах описания гостиницы:<noscript>Для работы бронирования включите JavaScript!</noscript>
​<div>
​<div id="siteinfo" style="width:950px; font-size:12px"></div>
​<div id="siteinformer" style="visibility: hidden;"></div>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$("#siteinformer").html('<object id="objHotelInfo" style="width:100%; height:900px;" data="http://intel-hotel.ru/HotelInfo/87773736-7696-44a3-ba96-f6cf699ef769" onload="getInfo();">');
function getInfo() {
var objHI = document.getElementById("objHotelInfo").contentDocument; $("#siteinfo").html("<b>Наличие мест:</b> " + objHI.getElementById("FreeBed").innerHTML);
var jsonData = JSON.parse(objHI.getElementById("HotelInfo").innerHTML);
$("#siteinfo").append("<hr style='color:lightgray; width:950px; padding-left:0px' />");
$("#siteinfo").append("<B>Информация о гостинице</B><br><br>");
$("#siteinfo").append("Краткое описание: " + jsonData.hotel[0].AboutShort + "</br>");
$("#siteinfo").append("Правила заезда: " + jsonData.hotel[0].ArrivalText + "</br>");
$("#siteinfo").append("Правила гостиницы: " + jsonData.hotel[0].Rules + "</br>");
$("#siteinfo").append("Порядок оплаты: " + jsonData.hotel[0].AboutPayment + "</br>");
$("#siteinfo").append("Правила парковки: " + jsonData.hotel[0].ParkingText + "</br>");
$("#siteinfo").append("Фото гостиницы:<br>");
for (var i = 0; i < jsonData.hotel[0].photo.length; i++) {
$("#siteinfo").append("<img src='" + jsonData.hotel[0].photo[i] + "' border='0' width='100px' height='50px'><br>" + jsonData.hotel[0].photo_desc[i] + "<br>");
}
jsonData = JSON.parse(objHI.getElementById("RoomType").innerHTML);
$("#siteinfo").append("<hr style='color:lightgray; width:950px; padding-left:0px' />");
$("#siteinfo").append("<B>Информация по категориям комнат</B><br><br>");
for (var i = 0; i < jsonData.room.length; i++) {
var roomInfo = jsonData.room[i];
$("#siteinfo").append("Наименование категории: "+roomInfo.name+"<br>");
$("#siteinfo").append("Описание номера: " + roomInfo.about + "<br>");
$("#siteinfo").append("Стоимость проживания: " + roomInfo.price + " " + roomInfo.priceType + "<br>");
$("#siteinfo").append("Фото номера:<br>");
for (var j = 0; j < roomInfo.photo.length; j++) {
$("#siteinfo").append("<img src='" + roomInfo.photo[j] + "' border='0' width='100px' height='50px'><br>" + roomInfo.photo_desc[j]+"<br>");
}
$("#siteinfo").append("<br>");
}
}
</script>
</div>
Этот пример выводит информацию: