Все записи в категории 'JavaScript'

Установка контента TinyMCE 5 при инициализации

Написал в

Недавно для одного из проектов на Laravel пришлось прикрутить, казалось бы, стандартный функционал редактора страниц. Для удобства к форме создания/редактирования контента был прикручен свежий WYSIWYG редактор TinyMCE 5. Однако, при рендере страницы редактирования записи, где уже есть какой-то текст, возникла проблема. TinyMCE прикручивался к textarea следующим образом: Но какой бы текст не выводился в textarea, …

Continue reading ‘Установка контента TinyMCE 5 при инициализации’ »

Управление скоростью воспроизведения HTML5 тегов

Написал в

В процессе разработки софта для колл-центра потребовалось сделать веб-интерфейс для прослушивания записанных ранее звонков. Как показала практика, часто нужно слушать не весь разговор, а отдельные моменты. Для этого было принято решение воспроизводить запись в ускоренном темпе с возможностью его замедления в нужных местах. Оказалось, что <audio> все это умеет делать «из коробки» путем установки нужного …

Continue reading ‘Управление скоростью воспроизведения HTML5 тегов

Валидация форм на HTML5 по pattern и AJAX.

Написал в

Как известно, HTML5 предоставляет нам много новых плюшек для контроля вводимых пользователем данных в текстовые поля форм. Это позволило сильно облегчить JS-валидацию форм в нашей системе интернет-банкинга. Однако, столкнулся с досадным моментом: каждый браузер по своему изменяет внешний вид полей при неправильном вводе. Кроме того, основная валидация происходит при вызове метода Submit формы. У нас …

Continue reading ‘Валидация форм на HTML5 по pattern и AJAX.’ »

Валидация даты на JavaScript

Написал в

Для ввода дат на сайтах я обычно использую замечательный плагин Jquery Datepicker, выставляя текстовому полю, к которому он привязан, режим readonly. Таким образом, я точно знаю, в каком формате введенная дата придет на сервер, и как ее там обработать (но не забываю о проверке введенных данных на стороне сервера!). Однако, недавно возникла задача разрешить ручной …

Continue reading ‘Валидация даты на JavaScript’ »