Ответы пользователя по тегу JavaScript
  • Как сделать плавающие меню если оно не в самом верху?

    MatthewAllDev
    @MatthewAllDev
    Программист, начинающий сисадмин, гик.
    Через fixed это и делается, только через js. Прогугли скрипты "кнопка наверх для сайта".

    Что то вроде того
    $(function() {
     
    $(window).scroll(function() {
     
    if($(this).scrollTop() != 0) {
    $('#menu').attr('class', 'fixed_menu');
    } 
    } 
    }


    В коде могут быть опечатки, набираю с телефона)

    Тут через JQ правда написал. На нативном чуть длиннее.
    Ответ написан
    Комментировать
  • Как создать ссылку для открытия сайта и запуска скрипта через 5 секунд после открытия?

    MatthewAllDev
    @MatthewAllDev
    Программист, начинающий сисадмин, гик.
    Можно просто поставить скрипт который вызывает setTimeout с нужной функцией после загрузки сайта. Если необходимо выполнять только при переходе по определенной ссылке, то дописываешь к ссылке что то вида yousite.com/?startscript и проверяешь в этом скрипте через window.location адрес и ищешь есть ли там этот флаг (startscript).

    т.е. например ссылка на страницу https://yousite.com/hellowworld?startscript

    На странице код вроде такого:

    function func() {
      if (window.location.search.indexOf("startscript") != -1)
        console.log('Script start')
    }
    
    setTimeout(func, 5000);
    Ответ написан
    Комментировать
  • Как реализовать данную форму?

    MatthewAllDev
    @MatthewAllDev
    Программист, начинающий сисадмин, гик.
    Если кратко и не писать код:
    1) Вешаешь на input с ключом событие input, которое запускает функцию валидации. В функции получаешь значение поля, ставишь некоторую задержку, повторно проверяешь значение (это для того, чтобы понять закончил ли пользователь ввод, ибо при событии change функция сработает только после сброса фокуса с поля), проводишь валидацию отправкой запроса на сервер. Верно - активируешь поле e-mail.
    2) По input или change валидируешь e-mail на клиенте по маске и активируешь кнопку.
    3) По нажатию на кнопку отправляешь снова AJAX.

    Другой вариант с одним AJAX запросом - всего лишь превалидировать ключ на клиенте по маске, а конкретно проверять его уже на сервере после отправки всей формы и возвращать корректность значения.
    Ответ написан
  • Как на js делают такие слайдеры?

    MatthewAllDev
    @MatthewAllDev
    Программист, начинающий сисадмин, гик.
    Если есть не скриншот, а ссылка на ресурс с данным элементом - могу попробовать разобраться и объяснить какие технологии и библиотеки используются.
    Ответ написан