-
DropZone. Как изменить текст по умолчанию?
Если Вы встраиваете DropZone в клиентский интерфейс — вероятно Вам нужно будет изменить текст по умолчанию. В этой статье — параметр, который поможет в этом. В целом тема освещена в документации — но не всегда и не все ищут материал на оф. сайте продукта. В целом локализация DropZone происходит при помощи параметров с префиксом dict*.…
-
Bootstrap. Как сделать боковое всплывающее окно (sidebar modal)?
В различных дизайнах и интерфейсах иногда уместно сделать модальное окно на всю высоту и прижатым к одной стороне. В статье — пример реализации этой идеи. По большому счету всё достаточно просто: К обычной разметке модального окна следует добавить новые классы left или right соответственно. Html: × Левый сайдбар Контент × Правый сайдбар Контент Также нужно…
-
Bootstrap. Как сделать вкладку активной после перезагрузки страницы?
Порой бывает необходимым сохранить вкладку, на которой находится пользователь после перезагрузки страницы. Сделать это по большому счёту не сложно и в этой статье небольшой пример JS-кода, который решает проблему. Итак, ниже код решения проблемы с комментариями. // этот код сработает после загрузки страницы // с адресной строки забираем anchor (это будет href нашей вкладки) и…
-
OpenLayers3. Как изменить маркера и не сломать кластеризацию?
Перемещение точек на карте в режиме реального времени задача достаточно специфическая. В этой статье пример, который поможет разобраться с задачей и решить её. Столкнувшись с подобной задачей и проведя достаточно времени за чтением документации и поиском примеров я нашел прекрасный пример, которым и хочу поделиться с Вами. Пример находится здесь. При внимательном рассмотрении всё стаёт…
-
jQuery. Как обернуть элемент в тег?
Необходимость обернуть элемент в другой элемент не редкость, поэтому jQuery, конечно же, предлагает простой вариант реализации задачи. Для этого следует использовать метод wrap. При этом у метода есть два варианта. Первый предполагает передачу в качестве параметра строки — тега, в который нужно облачить блок. Например: $(‘#some-div’).wrap(»); Приведенный код обернет #some-div в div.wrapper-for-some-div. Второй — даёт…
-
Fullcalendar. Ошибочный разделитель в дате.
Во время работы с FullCalendar внезапно вылез неприятный баг. В названии текущего месяца на месте разделителя, где обычно должен находиться «-» появилась буква с умлаутом. Поведение странное, но легкопобеимое. Сейчас рассмотрим, как решить проблему. На самом деле, FullCalendar имеет огромное количество настроек для тонкой его доводки. Среди них есть как раз тот параметр, который решит…
-
Css. Как отцентровать по вертикали блок внутри абсолютно-позиционированного блока?
Вопрос вертикального выравнивания в CSS часто вызывает проблемы. Особенно они актуальны при необходимости выровнять блок внутри абсолютно-позиционированного блока. Но есть простое решение, о котором сейчас и пойдет речь. Итак, решение достатоно простое, но не очевидное. Итак. CSS: .valign { position: relative; top: 50%; transform: translateY(-50%); /* vendor prefixes omitted due to brevity */ } HTML:…
-
Javascript. Валидация (проверка) email.
Работая на чистом Javascript нередко возникает необходимость проверки правильности ввода email-адреса. В этой статье приведу пример функции, которой пользуюсь сам для этой задачи. Ниже приведу простой пример реализаци поставленной задачи: function validateEmail(email) { var re = /^(([^()\[\]\\.,;:\s@»]+(\.[^()\[\]\\.,;:\s@»]+)*)|(«.+»))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); } alert( validateEmail(‘aaaaa’) ); // false alert( validateEmail(‘me@onfor.info’) ); // true В примере показана функция validateEmail,…