JavaScript & JQuery

Редирект с http на https версию сайта на JavaScript

Попался в работу сайт который делает редирект с http на https, и надо было его как раз убрать. Так вот убрать его оказалось не так просто, так как сам редирект был не в файле .htaccess и не на хостинге и даже не в настройках сайта. Покопавшись в коде сайта нашел как раз кусок JavaScript который собственно и делал этот редирект […]

Далее »

Как защитить почтовый ящик на странице от спама и роботов.

Как то попросили меня сменить название ящика на сайте, убрать старый и поставить новый почтовый ящик в тексте на странице сайта. Открываю код страницы (так как отдельные страницы, это были отдельные html файлы) и ищу почтовый ящик который заменить, и к моему удивлению, не нахожу его. Делаю правки в файле и сохраняю, чтоб проверить, может не тот файл и не […]

Далее »

Перебор элементов 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 для воспроизведения видео если пользователь прокрутил до заданного элемента

Далее »
1 2