Виджет расписания поездов

Виджет расписания поездов

22 сентября 2014 - ЖД билеты

Благодаря виджету Вы можете с легкостью размещать информацию о расписании поездов для любой станции у себя на сайте.

Чтобы получить код для вставки на сайт перейдите по ссылке.

Подключение виджета

Инициализация модуля может происходить двумя способами: обычным (синхронным) и асинхронным.

 

Обычная инициализация:

Для использования обычной инициализации необходимо добавить следующий блок кода у Вас на сайте:

<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.

 

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

Также Вы можете прочитать статью о данном виджете.

Нет комментариев. Ваш будет первым!