JavaScript & JQuery

Перебор элементов dom с помощью each

Для перебора элементов дерева есть метод each. Теперь ближе к теме, допустим у нас есть в блоке списоки ul и надо их все перебрать Для перебора элементов ul напишем такой код Для того чтобы подсчитать количество элементов li в каждом ul, немного модернизируем выше написанный код Фактически получился перебор массива в массиве. Для тех кто не в теме, и пытается […]

Далее »

Копирование в буфер обмена с помощью clipboard.js

Если надо скопировать в буфер обмена текст из блока то можно использовать document.execCommand. Но при использовании данного способа не копируются иконки, точнее кода иконок. Тут на помощь придет скрипт clipboard.js, который легко с этим справится. Пример кода, копирования в буфер обмена на основе clipboard.js Параметры кнопки data-clipboard-action — действие кнопки, могут быть следующие значения, cut или copy. data-clipboard-target — цель […]

Далее »

Копирование текста в буфер обмена

Делаем копирование текста в буфер обмена, на основе document.execCommand Приведу сначало стандартный код без использования JQuery Тут мы видим что на кнопку вешается событие onclick, которое вызывает функцию myFunction(), в которой уже и происходит копирование текста в буфер обмена. А теперь изменим логику. Допустим нам надо скопировать текст не с input а с div. Код в работе 111 Копировать 222 […]

Далее »

Проверить видимость элемента на странице с помощью jQuery

Для проверки видимости элемента на странице у jQuery есть такие конструкции Но данные конструкции не всегда адекватно срабатывают, они якобы проверяют наличие стиля display: none, но мне попадался сайт, где у элемента при просмотре в инспекторе, четко видно display: none но условие $element.is(‘:hidden’) не срабатывало. Возможно я был не внимательный и там были какие-то приколы со скриптами и стилями, которые […]

Далее »

FullPage отключение постраничного разделения для мобильных устройств

Есть такой замечательный модуль для секционного листания экрана (платный). Сверстал на нем шаблон для десктопной версии а на мобильной версии сайта он не кстати, и надо его там отключить. Для этого разработчики предусмотрели такой параметр как responsiveWidth. цитата с документации: перевод Отключаем листание FullPage в мобильной версии А теперь своими словами если надо отключить работу прокрутки FullPage на мобильной версии, то […]

Далее »

Событие прокрутки до выбранного элемента (JQuery)

В общем задача в следующем. Необходимо определить где находится пользователь на странице, и если пользователь находится на определенном блоке то выполнять некие действия, например воспроизведение видео Код JavaScript для воспроизведения видео если пользователь прокрутил до заданного элемента

Далее »

Закрытие элемента по клику вне его области

Код javascript, который скрывает заданный элемент если произошел клик вне элемента. Данный код может быть полезен, если надо скрыть меню когда происходит клик вне его действия. Данный код позаимствован с блога Миши.

Далее »

Форматирование чисел на JS

В языке PHP есть очень удобная функция — number_format(). Удобна она тем, что с ее помощью очень легко отформатировать любое число, привести его к нужному виду. Например: было 20500, а стало 20.500, или 20 500, или 20 500.00. Но что делать, если нам нужно проводить эту операцию не на сервере, а необходимо изменить число уже в клиентской части? Тогда нужно […]

Далее »