Благодаря виджету Вы можете с легкостью размещать информацию о расписании поездов для любой станции у себя на сайте.
Чтобы получить код для вставки на сайт перейдите по ссылке.
Подключение виджета
Инициализация модуля может происходить двумя способами: обычным (синхронным) и асинхронным.
Обычная инициализация:
Для использования обычной инициализации необходимо добавить следующий блок кода у Вас на сайте:
<link href="//e-kassa.com/api/tt/css/api_timetable.css" rel="stylesheet" type="text/css"/>
<script src="//e-kassa.com/api/tt/js/api_timetable.js" type="text/javascript"></script>
<script type="text/javascript">
EK.init(2200001);
</script>
<div id="ek_show"><div class="lwait"></div></div>
Асинхронная инициализация:
В отличие от обычной, асинхронная инициализация расписания поездов, позволяет производить инициализацию платформы параллельно инициализации Вашего JavaScript-кода. Для использования асинхронной инициализации, добавьте следующий HTML и JavaScript код сразу же после открытия тега <body>:
<div id="ek_api_transport"></div>
<script type="text/javascript">
window.ekAsyncInit = function() {
EK.init(2200001);
};
setTimeout(function() {
var el = document.createElement("link"),
el2 = document.createElement("script");
el.type = "text/css";
el.rel = "stylesheet";
el.href = "//e-kassa.com/api/tt/css/api_timetable.css";
el.media = "screen";
el2.type = "text/javascript";
el2.src = "//e-kassa.com/api/tt/js/api_timetable.js";
el2.async = true;
document.getElementById("ek_api_transport").appendChild(el);
document.getElementById("ek_api_transport").appendChild(el2);
}, 0);
</script>
<div id="ek_show"><div class="lwait"></div></div>
При использовании асинхронной инициализации наличие контейнера ek_api_transport является обязательным условием успешной инициализации.
Описание элементов кода
Код интеграции состоит из:
1. Подключения таблицы стилей css:
<link href="//e-kassa.com/api/tt/css/api_timetable.css" rel="stylesheet" type="text/css"/>
Вы можете видоизменять стиль отображения, подгонять его под стиль Вашего сайта. Для этого необходимо сохранить файл api_timetable.css у себя на сайте и подключать его место базового.
2. JavaScript работы модуля:
<script src="//e-kassa.com/api/tt/js/api_timetable.js" type="text/javascript"></script>
3. JavaScript инициализации модуля:
<script type="text/javascript">
EK.init(2200001);
</script>
EK.init(2200001) - для инициализации модуля используется метод глобального объекта EK. Данный метод в качестве аргумента принимает код станции.
4. Контейнер для отображения:
<div id="ek_show"><div class="lwait"></div></div>
ek_show - обязательный контейнер для отображения таблицы с расписанием поездов. Его нужно размещать в том месте, где будет отображаться расписание у Вас на сайте. Ширину контейнер наследует от родительского элемента. <div class="lwait"></div> предназначен для того, чтобы первоначально отображалась иконка загрузки, данный контейнер не обязателен.
Какая скорость ответа виджета?
Мы стараемся сделать скорость ответа как можно быстрее. Сейчас среднее время ответа составляет 40-60ms.
Мы надеемся, что Вы с легкостью будете использовать виджет расписание поездов для сайта.
Также Вы можете прочитать статью о данном виджете.