Ответы пользователя по тегу JavaScript
  • Не работает фильтер js?

    batowski
    @batowski
    Данная ошибка говорит о том что js не может найти Isotope.
    В частности потому что вы пытаетесь его вызвать на момент когда его еще не существует.

    Проверьте что ваш скрипт подключается до того как подключается файл с Isotope.
    Или подключается ли он вовсе.

    И не совсем понимаю почему вы поместили свой код в самовызывающуюся функцию.
    Ответ написан
  • Как сделать простой плагин скролла на css transform?

    batowski
    @batowski
    Через transform вы не добьетесь никакого плавного отклика, наоборот это вызовет только массу неприятных ощущений от вашего интерфейса.
    Даже самые навороченные слайдер плагины на js, работают с фризами.
    И все они, используют transform.

    Это решается обычным css:
    overflow:scroll;
    Ответ написан
    Комментировать
  • Можно ли по этому примеру сказать что я понял event loop?

    batowski
    @batowski
    Я думаю вы слишком усложнили понимание event loop.
    Это лишь механизм для управления асинхронным кодом.
    Позволяющий отслеживать готовность выполнения кода.

    Вот простой пример:

    console.log('Start');
    
    // Асинхронная функция, возвращающая промис
    const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
    
    // Использование промиса с задержкой в 2 секунды
    delay(2000)
      .then(() => {
        console.log('Promise resolved');
      });
    
    // Синхронная функция
    console.log('End');


    Как только функция delay завершит выполнение, она вернет промис с результатом.

    Удобство event loop в том, что бы понимать когда код будет закончен, для ваших последующих действий.

    С тем какая именно будет логика выполнения вашего кода, ничего общего event loop не имеет.
    Ответ написан
    Комментировать
  • Как получить переменную из JavaScript (node.js) в PHP?

    batowski
    @batowski
    1) Вы можете сделать http запрос POST или GET к url по которому находится ваш php скрипт.
    2) Если node.js и php находятся на одном сервере вы можете вызвать нужный php скрипт.
    3) Вы можете использовать веб сокеты, настроив соединение между node.js и php.
    4) Вы можете использовать общую директорию или базу данных в которую будете записывать данные, и оттуда забирать их с помощью php.

    Я бы посоветовал 1 или 2 вариант.

    Пример 1 варианта:
    const axios = require('axios');
    
    axios.post('http://example.com/your-php-script.php', { data: 'your data' })
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.error(error);
      });


    Получение данных в php:
    $data = $_POST['data'];
    echo $data;


    Пример 2 варианта:
    const { exec } = require('child_process');
    
    const data = 'your data';
    const command = `php /path/to/your-php-script.php "${data}"`;
    
    exec(command, (error, stdout, stderr) => {
      if (error) {
        console.error(`Error executing PHP script: ${error}`);
        return;
      }
    
      console.log(stdout);
    });


    Получение данных в php:
    $data = $argv[1];
    echo $data;
    Ответ написан
    Комментировать
  • Как решить проблему с модульным окном с несколько страниц при помощи переключение кнопки?

    batowski
    @batowski
    Думаю вам никто не отвечает, потому что никто вас не понял)

    Вы наверно имеете ввиду что то вроде квиза.

    Создайте модальное окно.
    В нем разместите 8 блоков с вопросами и один для показа формы.
    Скройте их.
    Напишите js, который будет реагировать на ответы и двигать пользователя вперед включая следующие блоки с ответами.
    Вконце покажите форму, обработайте данные в полях и отправьте на сервер.
    На сервере примите данные и отправьте их себе на почту.

    Это самое простое решение.
    Функционал квиза будет зависеть от ваших предпочтений .
    Ответ написан
    Комментировать
  • Как элементу со свойством fixed, добавить затухание по мере скроллинга вниз?

    batowski
    @batowski
    function setOpacityOnScroll(className, scrollThreshold) {
      var elements = document.getElementsByClassName(className);
    
      Array.from(elements).forEach(function(element) {
        window.addEventListener('scroll', function() {
          // Получаем значение прокрутки страницы
          var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    
          // Вычисляем значение прозрачности в зависимости от прокрутки страницы
          var opacity = 1 - (scrollTop / element.offsetHeight);
    
          // Ограничиваем значение прозрачности от 0 до 1
          opacity = Math.max(0, Math.min(1, opacity));
    
          // Устанавливаем значение прозрачности элемента
          element.style.opacity = opacity.toString();
    
          // Если прокрутка превысила пороговое значение, устанавливаем прозрачность 0
          if (scrollTop >= scrollThreshold) {
            element.style.opacity = '0';
          }
        });
      });
    }
    
    // Пример использования функции
    setOpacityOnScroll('fixed-element', 500);


    Наверно, что типо того
    Ответ написан
    1 комментарий
  • Не работает скрипт JavaScript в Tilda чем ошибка?

    batowski
    @batowski
    Такая ошибка не может возникать на этапе объявления переменой. Она возникает на этапе ее использования так как не может ее найти. В вашем коде я никаких проблем не вижу за исключением того как это написано)

    Возможно что слово block написано с буквой «с» в русской раскладке.
    Ответ написан
    4 комментария