Hotel widgetPartner search form widgetDeeplink creator

Hotel widget generator

Как разместить нескольких виджетов на одной странице:

1. Первый виджет размещаем как есть.

2. Во втором и последующих, из кода нужно убрать подключение стилей и скриптов, т.к. они уже загружены в первом виджете:

<link rel="stylesheet" href="//widgets.olt.su/hotel.css"/><script type="text/javascript" src="//widgets.olt.su/hotel.js"></script>

3. Виджет размещаются в контейнере, который определяет его уникальный id, поэтому для второго и последующих нужно указывать различные id контейнера (например, ot-hotel2, ot-hotel3 и т.д.) в двух местах (подсвечены жирным):

<div id="ot-hotel"></div><script>Onlinetours.hotelWidget(document.getElementById('ot-hotel'), { ... });

По ссылке пример подключения трех виджетов на одной странице: JS Bin on jsbin.com