Виджет для покупки билета

Для интеграции виджета покупки билета на своем сайте вам необходимо использовать скрипт с нашего сайта. Для этого разместите в блоке <header> страницы, на которой хотите вызывать виджет следующую строку:

<script type="text/javascript" src="https://ticketplan.ru/js/ticketplan.js"></script>

Интеграция виджета возможна во всплывающий оверлей или непосредственно в страницу.

Для вызова оверлея необходимо использовать функцию ticketPlanShowOverlay(eventId, formType); параметрами в которой являются:

Тип формы может быть одним из следующих:

В качестве примера вызова функций можно использовать следующий код:

<input type="button" onclick="ticketPlanShowOverlay(7, 'buy')" value="Купить в оверлее">
<input type="button" onclick="ticketPlanShowOverlay(7, 'return')" value="Вернуть в оверлее">
<input type="button" onclick="ticketPlanShowOverlay(7, 'redelivery')" value="Скачать в оверлее">

Результат его работы можно протестировать ниже:

Для интеграции формы непосредственно в страницу необходимо использовать функцию ticketPlanLoadForm(blockId, eventId, formType); первый параметр которой должен содержать идентификатор блока на странице, в который следует поместить форму.

В качестве примера вызова функций можно использовать следующий код:

<input type="button" onclick="ticketPlanLoadForm('ticketplan', 7, 'buy')" value="Купить во фрейме">
<input type="button" onclick="ticketPlanLoadForm('ticketplan', 7, 'return')" value="Вернуть во фрейме">
<input type="button" onclick="ticketPlanLoadForm('ticketplan', 7, 'redelivery')" value="Скачать во фрейме">
<div id="ticketplan" style="margin: 1em 0; padding: 1em; border: 1px solid #fed;">Сюда загрузим виджет</div>

Результат его работы можно протестировать ниже:

Сюда загрузим виджет

Если вы хотите чтобы виджет был загружен в страницу сразу без каких-либо нажатий на кнопки, необходимо просто вызвать фнкцию ticketPlanLoadForm сразу после загрузки страницы. С использованием библиотеки jQuery это можно сделать следующим образом:

<script>
    $(document).ready(function(){
        ticketPlanLoadForm('ticketplan', 7, 'buy');
    });
</script>