Onfor

Метка: javascript

  • Как прокрутить div вниз с помощью JavaScript и jQuery?

    Задача программной прокрутки вниз может быть актуальна, например, при разработке чата. Блок сообщений всегда должен быть внизу, а последние сообщения всегда должны быть видны. Очень короткое решение — в этой статье. Пример для нативного Javascript: element.scrollTop = element.scrollHeight Пример для jQuery использует scrollTop: var targetDiv = $(«#some-div»); targetDiv.scrollTop( targetDiv.prop(‘scrollHeight’) ); Оба эти примера позволят Вам…

  • Как отследить нажатие Ctrl+Enter с помощью jQuery?

    jQuery позволяет очень просто отслеживать комбинации клавиш. В этой статье — пример, как отследить нажатие Ctrl+Enter .на jQuery. На самом деле всё очень просто. Нам нужно использовать событие keydown и event, который генериурет нам jQuery. Например, если нам нужно отследить нажатие Ctrl+Enter на всех textarea: $(‘textarea’).on(‘keydown’, function(e) { if (e.ctrlKey && e.keyCode == 13) {…

  • jQuery. Как программно нажать на download-ссылку? (click trigger on download-link)

    В случае с download-ссылкой простой генерации триггера для нажатия на ссылку и соотв. начала скачивания, недостаточно. Требуется другой подход, пример которого в этой статье. Допустим, что у нас есть ссылка следующего вида: Скачать Чтобы програмно нажать на неё и вызвать диалог сохранения файла недостаточно вызвать привычный $(«#lnk»).trigger(«click»); Приведу примеры на jQuery и на нативном JS.…

  • Bootstrap. Как сделать вкладку активной после перезагрузки страницы?

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

  • OpenLayers3. Как изменить маркера и не сломать кластеризацию?

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

  • jQuery. Как запретить контекстное меню (правую кнопку мыши) на изображениях?

    На некоторых сайтах от пользователей нужно скрыть возможность сохранения изображений. Конечно, от знающих людей это не скроешь — но от тех, кто не силён — вполне запросто можно. В статье — пример реализации на три строки. Всё, что Вам нужно — подключить сам jQuery и вставить следующий код: $(‘img’).bind(‘contextmenu’, function(e) { return false; }); При…

  • jQuery. Как обернуть элемент в тег?

    Необходимость обернуть элемент в другой элемент не редкость, поэтому jQuery, конечно же, предлагает простой вариант реализации задачи. Для этого следует использовать метод wrap. При этом у метода есть два варианта. Первый предполагает передачу в качестве параметра строки — тега, в который нужно облачить блок. Например: $(‘#some-div’).wrap(»); Приведенный код обернет #some-div в div.wrapper-for-some-div. Второй — даёт…

  • Fullcalendar. Ошибочный разделитель в дате.

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

  • 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,…

  • jQuery. Как открепить плагин (how to unbind plugin)?

    Использование jquery-плагинов давно стало нормой — но бывает необходимость подключить плагин, а потом отключить его. Рассмотрим, как решить эту проблему. У меня было текстовое поле, которое в зависимости от определенных условий должно было быть или текстовым полем для email или полем для ввода номера телефона с маской ввода. Делать отдельные поля и скрывать\отображать нужный не…