Архив категорий: Frontend

Главная  >>  Frontend

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

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

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

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

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

При работе с OpenLayers — первоочередная задача указать базовый слой. OSM, которые предлагается по умолчанию — редко удовлетворяет требованиям — поэтому в этой статье пример создания базовых слоёв с GoogleMaps. В принципе по примеру всё должно быть ясно — описание слоёв — в поле title. Чем отличаются sourc-ы — можно…

В OpenLayers версии 3, в отличии от версии 2 — добавление базового слоя с GoogleMaps не есть насколько очевидным. Но, при этом ничего сложного абсолютно нет. В статье — пример определения URL по нужному Вам типу карты. Итак, базовый вид ссылки имеет вид: Обратите внимание на параметр lyrs. Именно он…

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

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

В различных дизайнах и интерфейсах иногда уместно сделать модальное окно на всю высоту и прижатым к одной стороне. В статье — пример реализации этой идеи. По большому счету всё достаточно просто: К обычной разметке модального окна следует добавить новые классы left или right соответственно. Html: Также нужно добавить новые правила…