Рубрика: jQuery

  • Javascript. jQuery. Как подключить css-файл (аналог $.getScript)

    Подключать внешний css-файл через javascript (jQuery) — задача нечастая, но вероятная. В этой статье пример простого решения задачи. Итак, Вашему вниманию два варианта решения задачи. jQuery: $(», { rel: ‘stylesheet’, type: ‘text/css’, href: ‘path_to_the.css’ }).appendTo(‘head’); JavaScript: var linkElem = document.createElement(‘link’); document.getElementsByTagName(‘head’)[0].appendChild(linkElem); linkElem.rel = ‘stylesheet’; linkElem.type = ‘text/css’; linkElem.href = ‘path_to_the.css’; Вот, в зависимости от Ваших […]

  • jQuery. Как обновить изображение в image?

    Иногда бывает надо обновить изображение в теге img при помощи jquery. В этой статье пример, как можно сделать refresh для img. Главное, что нужно знать — это то, что браузер кеширует изображения, что как раз и может мешать обновлению его на странице, если, к примеру, оно уже изменилось на сервере. В таком случае можно обновить […]

  • Javascript. jQuery. Как остановить видео в iframe?

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

  • Html. iOS Safari не работает аттрибут maxlength

    Не будем говорить о том, как можно игнорировать нативный html-аттрибут — просто разберем пример, как решить проблему. Решение очень простое, но, тем не менее, не уменьшает удивление от поведения Safari. $(‘input[name=»securitycode»]’).keypress(function() { if (this.value.length >= 4) { return false; } }); Данный простой код не даёт ввести в поле более, чем 4 символа. Ничего нового, […]

  • jQuery. Таблица кодов клавиш для keypress, keyup, keydown.

    В некоторых ситуациях важно детально понять, какая клавиша была нажата в поле и соответственно отреагировать на ней. В короткой статье — таблица основных важных клавиш и их кодов для обработки. Сначала пример, как же собственно «ловить» нажатие: $(‘#textbox’).keyup(function (e) { if (e.keyCode == 13) { alert(‘Нажата клавиша Enter!’); } }); Как видите — в обработчик […]

  • Bootstrap. Как отключить закрытие окна кликом за его пределами?

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

  • Yii2. Как прокрутить страницу к первому полю с ошибкой после валидации?

    Очень удобная для пользователя фишка — прокрутка страницы к первому полю с ошибкой в случае неуспешной валидации. В этой статье я напишу, как можно просто прокрутить страницу к первой ошибке после валидации yii2. Приведу пример с реального проекта: /** * Прокрутка полсле неудачной валидации */ $(«#form»).on(«afterValidate», function (event, messages) { if(typeof $(«.has-error»).first().offset() !== «undefined») { […]

  • jQuery. Autocomplete. Как обновить данные в виджете?

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

  • Как прокрутить 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) { […]