Входные данные такие. Есть приложения на vaadin, в него нужно вставить джаваскриптовый код и кусочек HTML разметки.
Posts Tagged ‘javascript’
Mouse drag event support for SwipeBox
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/date.png)
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/user.png)
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
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/date.png)
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/user.png)
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.
![](https://outofrange.ru/wp-content/uploads/2016/04/play_small.jpg)
Playframework: Хак для подстановки переменной в route на этапе выполнения javascript
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/date.png)
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/user.png)
Допустим, вам надо сформировать на этапе выполнения джаваскрипта из маршрута (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)
![](https://outofrange.ru/wp-content/uploads/2016/06/sockjs-logo_200.png)
Как достать sessionId из вебсокета SockJS?
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/date.png)
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/user.png)
Итак, вам понадобилось получить сгенерированный при конструировании вебсокета идентификатор сессии. Неспешное гугление выдало такое обсуждение: stackoverflow.com. Однако, socket.sessionId оказывается undefined (версия SockJS 0.3.4). Но не всё потеряно.
![](https://outofrange.ru/wp-content/uploads/2016/01/timing.jpg)
Упаковываем UserTiming. Часть 1
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/date.png)
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/user.png)
UserTiming — это современный API, который позволяет разработчикам отмечать наступление важных событий (timestamps — моменты времени) и засекать их длительность (как разность указанных моментов времени). Для получения представления о работе API рекомендуется прочитать статью или заметку с несколькими примерами использования.
Пример использования Navigation Timing API
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/date.png)
![](https://outofrange.ru/wp-content/themes/WorldWeb/images/user.png)
Данный API позволяет веб приложению собрать данные о работе на стороне клиента — редирект, наступление какого-то события, активность DOM. Более подробные сведения ищите тут Navigation Timing API Overview Я приведу скрипт, который собирает и отсылает данные (если используете CMS, просто вставьте в конец футера, чтоб <script>…</script> оказалось в самом конце):