Posts Tagged ‘javascript’

Опыт подключения Яндекс.Метрики в vaadin

Входные данные такие. Есть приложения на vaadin, в него нужно вставить джаваскриптовый код и кусочек HTML разметки.

Mouse drag event support for SwipeBox

More precisely, I will tell how to add support of mousedown and mouseup events and how to use the difference of X coordinates to switch to the previous or to the next image in the gallery.

Mouse scroll event support for Swipebox

Javascript library Swipebox is commonly used in different galleries in spite of lack of support — last commit was several years ago. Nevertheless we can add mouse scroll support.

Playframework: Хак для подстановки переменной в route на этапе выполнения javascript

Допустим, вам надо сформировать на этапе выполнения джаваскрипта из маршрута (route) ссылки вида: /entity/editform/5 /entity/editform/6/entity/editform/5 /entity/editform/6 Сам маршрут такой: GET /entity/editform/:id controllers.EntityController.entityEdit(id:Long)GET /entity/editform/:id controllers.EntityController.entityEdit(id:Long)

Как достать sessionId из вебсокета SockJS?

Итак, вам понадобилось получить сгенерированный при конструировании вебсокета идентификатор сессии. Неспешное гугление выдало такое обсуждение: stackoverflow.com. Однако, socket.sessionId оказывается undefined (версия SockJS 0.3.4). Но не всё потеряно.

Упаковываем UserTiming. Часть 1

UserTiming — это современный API, который позволяет разработчикам отмечать наступление важных событий (timestamps — моменты времени) и засекать их длительность (как разность указанных моментов времени). Для получения представления о работе API рекомендуется прочитать статью или заметку с несколькими примерами использования.

Пример использования Navigation Timing API

Данный API позволяет веб приложению собрать данные о работе на стороне клиента — редирект, наступление какого-то события, активность DOM. Более подробные сведения ищите тут Navigation Timing API Overview Я приведу скрипт, который собирает и отсылает данные (если используете CMS, просто вставьте в конец футера, чтоб <script>…</script> оказалось в самом конце):