Допустим у вас есть несколько выпадающих списков (тег select), все они имеют одинаковый класс, например «.my-variation» и надо как то получить выбранные данные с первого списка. Пример структуры Реализация скрипта onclick по первому элементу А теперь сам код JavaScript по считыванию значения с первого селекта Если вы заметили, к классу добавляется «:first«, который будет указывать что обрабатывать именно первый элемент. […]
Далее »Попался в работу сайт который делает редирект с http на https, и надо было его как раз убрать. Так вот убрать его оказалось не так просто, так как сам редирект был не в файле .htaccess и не на хостинге и даже не в настройках сайта. Покопавшись в коде сайта нашел как раз кусок JavaScript который собственно и делал этот редирект […]
Далее »Как то попросили меня сменить название ящика на сайте, убрать старый и поставить новый почтовый ящик в тексте на странице сайта. Открываю код страницы (так как отдельные страницы, это были отдельные html файлы) и ищу почтовый ящик который заменить, и к моему удивлению, не нахожу его. Делаю правки в файле и сохраняю, чтоб проверить, может не тот файл и не […]
Далее »Для перебора элементов дерева есть метод each. Теперь ближе к теме, допустим у нас есть в блоке списоки ul и надо их все перебрать Для перебора элементов ul напишем такой код Для того чтобы подсчитать количество элементов li в каждом ul, немного модернизируем выше написанный код Фактически получился перебор массива в массиве. Для тех кто не в теме, и пытается […]
Далее »Если надо скопировать в буфер обмена текст из блока то можно использовать document.execCommand. Но при использовании данного способа не копируются иконки, точнее кода иконок. Тут на помощь придет скрипт clipboard.js, который легко с этим справится. Пример кода, копирования в буфер обмена на основе clipboard.js Параметры кнопки data-clipboard-action — действие кнопки, могут быть следующие значения, cut или copy. data-clipboard-target — цель […]
Далее »Делаем копирование текста в буфер обмена, на основе document.execCommand Приведу сначало стандартный код без использования JQuery Тут мы видим что на кнопку вешается событие onclick, которое вызывает функцию myFunction(), в которой уже и происходит копирование текста в буфер обмена. А теперь изменим логику. Допустим нам надо скопировать текст не с input а с div. Код в работе 111 Копировать 222 […]
Далее »Для проверки видимости элемента на странице у jQuery есть такие конструкции Но данные конструкции не всегда адекватно срабатывают, они якобы проверяют наличие стиля display: none, но мне попадался сайт, где у элемента при просмотре в инспекторе, четко видно display: none но условие $element.is(‘:hidden’) не срабатывало. Возможно я был не внимательный и там были какие-то приколы со скриптами и стилями, которые […]
Далее »Есть такой замечательный модуль для секционного листания экрана (платный). Сверстал на нем шаблон для десктопной версии а на мобильной версии сайта он не кстати, и надо его там отключить. Для этого разработчики предусмотрели такой параметр как responsiveWidth. цитата с документации: перевод Отключаем листание FullPage в мобильной версии А теперь своими словами если надо отключить работу прокрутки FullPage на мобильной версии, то […]
Далее »В общем задача в следующем. Необходимо определить где находится пользователь на странице, и если пользователь находится на определенном блоке то выполнять некие действия, например воспроизведение видео Код JavaScript для воспроизведения видео если пользователь прокрутил до заданного элемента
Далее »Делаем проверку введенного числа на кратность 100, для этого используем условие с оператором «%» Код проверки кратности для примера
Далее »