В случае, когда видео, к примеру youtube, выводится в модальном окне или слайдере часта ситуация, когда пользователь скрыл окно, но при этом воспроизведение видео не остановилось и играет в фоне. Пример простого решения проблемы Вы найдете в этой статье. К примеру, у вас есть модальное окно с iframe, в котором…

В некоторых ситуациях важно детально понять, какая клавиша была нажата в поле и соответственно отреагировать на ней. В короткой статье — таблица основных важных клавиш и их кодов для обработки. Сначала пример, как же собственно «ловить» нажатие: Как видите — в обработчик всегда приходит переменная с свойствами события. Для событий…

В случае, когда модальное окно обязательно к прочтению или в нем, например, форма «Я соглашаюсь» — нельзя чтобы клиент имел возможность закрыть его без согласия. А это сделать ему очень просто — просто нажав за его пределами. В этой статье маленький пример, как отключить эту возможность. Для решения задачи у…

Очень удобная для пользователя фишка — прокрутка страницы к первому полю с ошибкой в случае неуспешной валидации. В этой статье я напишу, как можно просто прокрутить страницу к первой ошибке после валидации yii2. Приведу пример с реального проекта: Все предельно просто. Если после валидации есть поле с классом .has-error —…

Плагин Autocomplete используется для быстрой подсказки пользователю вариантов ввода из определенного списка. Но в случае зависимости эти вариантов от других полей — обновление данных очень неочевидно. В этой статье — пример решения задачи. Самый простой пример — это зависимость условных моделей авто от марки. Когда пользователь выбрал Марку «Mercedes» —…

Задача программной прокрутки вниз может быть актуальна, например, при разработке чата. Блок сообщений всегда должен быть внизу, а последние сообщения всегда должны быть видны. Очень короткое решение — в этой статье. Пример для нативного Javascript: Пример для jQuery использует scrollTop: Оба эти примера позволят Вам программно прокрутить содержимое блока вниз….

jQuery позволяет очень просто отслеживать комбинации клавиш. В этой статье — пример, как отследить нажатие Ctrl+Enter .на jQuery. На самом деле всё очень просто. Нам нужно использовать событие keydown и event, который генериурет нам jQuery. Например, если нам нужно отследить нажатие Ctrl+Enter на всех textarea: Сначала мы подключаем наш обработчик…

В случае с download-ссылкой простой генерации триггера для нажатия на ссылку и соотв. начала скачивания, недостаточно. Требуется другой подход, пример которого в этой статье. Допустим, что у нас есть ссылка следующего вида: Чтобы програмно нажать на неё и вызвать диалог сохранения файла недостаточно вызвать привычный Приведу примеры на jQuery и…

Порой бывает необходимым сохранить вкладку, на которой находится пользователь после перезагрузки страницы. Сделать это по большому счёту не сложно и в этой статье небольшой пример JS-кода, который решает проблему. Итак, ниже код решения проблемы с комментариями. Другими словами здесь два взаимодополняемых метода. Второй при переходе записывает значение, а первый —…

Перемещение точек на карте в режиме реального времени задача достаточно специфическая. В этой статье пример, который поможет разобраться с задачей и решить её. Столкнувшись с подобной задачей и проведя достаточно времени за чтением документации и поиском примеров я нашел прекрасный пример, которым и хочу поделиться с Вами. Пример находится здесь….