JavaScript

4,723 questions in this forum

1. Удаление стиля

   Как при повторном нажатии удалить добавленный стиль? document.querySelector(’#menu-link’).addEventListener(‘click’, () => { document.querySelector(‘nav’).classList.add(‘active’); })

   Asked by braucode, April 7, 2022

   0 votes
   1 answer
2. Проблема с обработкой стилей Gulp

   Здравствуйте! Проблема заключается в следующем: есть стартовый шаблон от "Фрилансера по жизни" версии 2021 года, открываю в VSCode, ввожу в терминале npm i затем gulp, все срабатывает как и должно, создается папка с результатом, начинаю прописывать стили для header, задаю ограничивающий контейнер и при проверке работоспособности данного контейнера выясняется, что стили, прописанные мной перекрывают стили медиа-запросов, прописанных в шаблоне и по итогу адаптив не работает, получается что итоговый css собирается в не правильном порядке! Подскажите, пожалуйста, как подобную проблему можно исправить?)

   Asked by Andy_Code, April 2, 2022

   • gulp
   • верстка
   • адаптив
   • медиазапросы
   0 votes
   0 answers
3. конфликт utf8 и windows1251 Опенкарт

   Опенкарт. Возник конфликт utf8 и windows1251 при импорте товаров и вообще при открытии сайта всвязи со сменой сайта-донора. Когда работало - мой сайт и донор имели кодировку utf8, сейчас кодировки различаются и скрипт не выполняется в строках $tmpFile = fopen ( $strqw, "r" ) ; fclose ($tmpFile); . Весь скрипт: //register partner click if (!isset($_SESSION["clickreg"])){ $strqw="http://77.246.157.182/scripts/tp.php?a_aid=".$this->config->get('config_partner')."&a_bid=50256f5d&data1=".$this->config->get('config_prtype')."&data2=&data3=&referrer=".$this->config->get('config_url'); …

   Asked by Лелик, March 24, 2022

   0 votes
   2 answers
4. Помогите объединить два очень интересных скрипта

   Как объединить эти два скрипта чтобы при нажатии кнопок на выбор которые задают числа в секундах в первом скрипте выдавался результат в днях и часах в поле из второго скрипта. Сами по себе эти два скрипта рабочие первый задает числа в секундах при нажатии кнопок при повторном убирает числа, второй скрипт переводит числа из секунд в дни и часы. Первый скрипт: <input id="b" type="text" value="10"> <input type="button" value="result+b" onclick="addition(this);"><br> <input id="c" type="text" value="20"> <input type="button" value="result+c" onclick="addition(this);"><br> <input id="d" type="text" value="30"> <input type="…

   Asked by Алекс84, March 20, 2022

   0 votes
   0 answers
5. js, css - анимация

   Нужно сделать анимированное меню с шариками. Как здесь: http://79.110.52.43/ На ванилла js. Сторонние либы и фреймворки использовать нельзя. Только базовый jquery. Я посмотрел, там сделано на canvas. Нужны руководства/книги/учебники/статьи по теме. Как делать анимашки на canvas? Как задавать траекторию движения шариков? Математическая функция? Кривые Безье подойдут?

   Asked by torsar, March 19, 2022

   0 votes
   1 answer
6. создании списка роликов с youtuba

   Нужна помощь в создании списка роликов с заголовками с youtuba и чтоб они проигрывались в встроенном плеере, искал по интернету но так и не нашел ничего делного. что-то на подобие этого

   Asked by Ruslan Ketarov, March 17, 2022

   0 votes
   0 answers
7. Возврат объекта

   Доброго времени суток. Прохожу курс Б. Стащука и на самостоятельное изучение было дано задание: В следующем коде преобразовать в стрелочной функции неявный возврат объекта в "явный" (как я понимаю, используя return) Читал про стрелочные функции, но так и не разобрался. Так как все-таки это сделать? const newPost = (post, addedAt = Date()) => ({ ...post, addedAt, }) const firstPost = { id: 1, author: 'Nick', } console.log(newPost(firstPost))

   Asked by Ktulich, March 7, 2022

   0 votes
   3 answers
8. Вывод результата функции в Textarea

   Приветствую! Подскажите, как вывести результат функции в Textarea ? Заранее благодарен! function strReplace() { var myStr = document.getElementById("source").value; var newStr = myStr .replace(/&‌#‌1084‌;/g, "м") .replace(/&‌quot‌;/g, "&quot;"); if (document.getElementById("source").value == "") { alert("Textarea is empty!"); } else { document.getElementById("myText").innerHTML = newStr; //document.getElementById("source").select(); //document.getElementById("source").value…

   Asked by Dr., February 26, 2022

   0 votes
   1 answer
9. Переход на сайт с последующим имитированием клика

   Доброго времени суток! Почитал статейки, вроде как сюда. Дали задачу сделать QR (что смогу сделать), с последующим переходам на сайт и и имитированием клика по блоку, которое должно вызывать pop up окно с определенным классом. Сайт Akromi, блок *Маркетинговые услуги*, по клику вызывается блок pop up. Надеюсь описал все правильно, если это делается другим способом, шлите меня... в другую ветку.

   Asked by Liv0n, February 5, 2022

   0 votes
   1 answer
10. Скрипт добавления <style> к <body> при открытии модального окна

    Подскажите пожалуйста как написать скрипт или пример скрипта. Требуется чтобы при открытии модального окна к body добавлялся стиль padding-right: 17px; или скрипт вычислял ширину скрола ! При закрытии модального окна этот стиль отменялся, проблема заключается добавить отступ на ширину скрола в body при открытом модальном окне, на данном моменте происходит смещение контента из за исчезающего скрола при открытом модальном окне. Так же чтобы скрипт мог содержать несколько ID, так как много окон с разными ID для вызова Строка кода вызывающая модальное окно <div class="btn-custom btn-color-green mb5 open-modal schema-color-button" data-id-modal="modal-…

    Asked by ANDREW-UA, February 2, 2022

    • css
    • js
    0 votes
    0 answers
11. Как сделать выполнение скрипта только при разрешении экрана < 992 px

    Добрый день всем ! Я не силен в этом деле ,прошу помощи у вас , как это сделать ? Как сделать выполнение скрипта только при разрешении экрана < 992 px <script> var lastScrollTop = 0; window.addEventListener("scroll", function(){ var st = window.pageYOffset || document.documentElement.scrollTop; if (st > lastScrollTop){ document.getElementById("floating-menu-mobile").style.bottom = "-100%"; } else { document.getElementById("floating-menu-mobile").style.bottom = "0"; } lastScrollTop = st; }, false); </script> Вот решение ! Сам сделал <script> if(window.innerWidth < 992) { var lastS…

    Asked by ANDREW-UA, February 1, 2022

    0 votes
    2 answers
12. Как прибавить число

    Здравствуйте! Прошу помощи, моих начальных знаний не достаточно... Есть модуль, который вытягивает число с другого сайта: <div class="lpg-informer-09384"> <script type="text/javascript" src="https://ueex.com.ua/informer_ugd.js?width=300&width_type=px&lang=rus&n=2&encoding=utf&noborder=1¤cy=uah&pluscolor=green&showcurrencies=1"></script> </div> <script> const table = document.querySelectorAll('.lpg-informer-09384 span') const cost = [] let data = '' table.forEach((item, index) => { if(index === 9) { const arr = item.childNodes for(let i of arr) { cost.push(i) } } }) cost.forEach((it…

    Asked by sviat78, January 24, 2022

    0 votes
    6 answers
13. Как взять два значения из таблицы другого сайта?

    Здравствуйте. Хочу вытащить два числа из таблицы на другом сайте и разместить на своем Id ячеек такие: 000000131t и 000000131l (скрин прилагается) Ума не приложу, как это сделать... Помогите, плиз!

    Asked by sviat78, January 20, 2022

    0 votes
    2 answers
14. Копирование страницы с другого сайта с обновлением контента

    Есть несколько страниц, которые нужно перенести в свой блог, а точнее часть кода страницы. Перенести их простым копированием html возможно, но интересует именно перенос с обновлением контента из копируемой страницы. Существует ли простое решение этой задачи, или нужен комплексный подход?

    Asked by Hawk, January 14, 2022

    • html
    • css
    • javascript
    0 votes
    1 answer
15. Нужна помощь с учебой

    Нужно решить 7 заданий по типу этого, для примера самое сложное: Для выполнения лабораторной работы следует выполнить следующие задачи: 1. Создать внешний документ, содержащий код JavaScript и подключить его к документу HTML, используя соответствующие инструменты. 2. Предугадать смену работы CSS средствами JavaScript. 3. Организовать взаимодействие кода JavaScript с объектной моделью документом HTML. 4. Написать комментарии к логическим блокам программного кода. К сожалению дедлайн завтра, времени самому разобраться в этом нету.

    Asked by tears111, December 21, 2021

    0 votes
    0 answers
16. Не могу решить проблему TypeError: Cannot set property 'innerHTML' of null

    function showModal(id) { document.getElementsByClassName(`modal-1`)[0].classList.add('active') } function closeGame(id) { document.getElementsByClassName(`modal-1`)[0].classList.remove('active') } function getRandomImage() { var imgArray = ['<img src="img/0.jpg" alt="#" />', '<img src="img/1.jpg" alt="#" />', '<img src="img/2.jpg" alt="#" />', '<img src="img/3.jpg" alt="#" />', '<img src="img/4.jpg" alt="#" />', '<img src="img/5.jpg" alt="#" />', '<img src="img/6.jpg" alt="#" />', '<img src="img/7.jpg" alt="#" />', '<img src="img/8.jpg" alt="#" />', '<img src="img/9.jpg" alt="#" /&gt…

    Asked by Crazy54789, December 15, 2021

    0 votes
    2 answers
17. Как отменить действие по повторному нажатию на кнопку?

    На странице есть картинка с кнопками. При нажатии на кнопку - выводиться номер забронированного места (id кнопки в текстовое поле рядом). Как при повторном нажатии на туже кнопку стереть из поля последнее выбранное место? <script type="text/javascript"> function Bron(event) { $id_cnopka = event.target.id; document.getElementById('input-bron').value=document.getElementById('input-bron').value+$id_cnopka; } </script>

    Asked by lidia, December 8, 2021

    0 votes
    3 answers
18. Как сделать меню 3 картинками

    Пытаюсь сделать меню с 3 картинками, чтобы при нажатии на стрелки вправо и влево картинки переключались. Есть предположение, что можно это сделать через массив, но не знаю как это реализовать на jQuery. HTML <div class="products"> <div id="productsPICS"> <div> <img src="img/products/1.jpg"> </div> <div> <img src="img/products/2.jpg"> </div> <div> <img src="img/products/3.jpg"> </div> </div> <div id="leftButton" class="button"> <img…

    Asked by mut4bor, November 28, 2021

    0 votes
    1 answer
19. Как правильно поставить localStorage в скрипт?

    Всем привет! Помогите правильно поставить localStorage в скрипт. У меня почему-то не срабатывает, и при обновлении страницы теряется класс актив. Пробовала много разных вариаций, но всё равно не срабатывает, не могу понять, что не нравится. Сам скрипт: <input <?= $checked; ?> type="checkbox" id="compareid_<?= $arItem['ID']; ?>" data-id="<?= $arItem['ID']?>" onchange="compare_tov(<?= $arItem['ID']; ?>);"> <label for="compareid_<?= $arItem['ID']; ?>" style="display: block; width: 36px; height: 36px; position: absolute; top: 55px;"> <span class="comparTov_<?= $arItem['ID']; ?>" style="background:url(image1.png);">&l…

    Asked by Ekaterina, November 16, 2021

    • javascript
    • localstorage
    0 votes
    0 answers
20. Как сделать постраничную навигацию.

    Помогите пожалуйста, не получается сделать постраничную навигацию. Делал все по урокам. в Итоге получилось сделать два разных каталога один с фильтрами другой с постраничной навигацией. И теперь я пытаюсь объединить два каталога. Но не получается. Сами файлы урока в архике каталог. Буду очень благодарен если мне помогут! catalog.phpcatalogDB.js каталог.7z

    Asked by Only091, October 11, 2021

    • php
    • jquery
    • js
    • mysql
    0 votes
    0 answers
21. Возможно ли придать значение переменной, допустим x - ссылку на изображение.Значения переменных

    Хотели в крестиках ноликах заменить кресты и нули на анимешных тяночек. В голову лезет что то по типу x = url(ссылка), но нормально сформулировать ничего не можем, первый курс колледжа. Заранее спасибо за помощь.

    Asked by TRVelund, September 15, 2021

    • javascript
    • css
    0 votes
    1 answer
22. Как реализовать такой функционал

    Есть конструктор шкафа. Как реализовать такой? https://tylko.com/wardrobe/242/?cv=1&board=cat_8__type_all__id_4276 Это какой-то плагин? Или лучше написать на чистом js?

    Asked by yaparoff, September 3, 2021

    0 votes
    1 answer
23. Как реализовать кнопку "пауза" в тетрис?

    Ссылка на тетрис: http://onlinetetris.noradrzo.beget.tech/ Добрый день, столкнулась с проблемой кнопки “пауза” в игре сделала обработчик на кнопку “пауза” (в самом конце файла js) написала переменную isPaused по умолчанию со значением false (пока игра не начнется) (317 строчка в js) в функции падении фигур move(321 строчка в js), добавила условие, что если не на паузе игра, то фигуры падают но в итоге фигуры вообще не падают, в консоле ошибку не выдает где допущена ошибка?

    Asked by noradrenaline, August 5, 2021

    • javascript
    0 votes
    0 answers
24. Изменение текста в slick slider

    Есть js в котором работает счетчик слайда. При свайпе, следующему слайду, добавляется новый текст. Вопрос: как изменить опять текст, при свайпе назад <span class="name-itm">Текст</span> var $slider = $('.slider'); var sliderCounter = document.getElementsByClassName("slider-counter"); var nameItm = document.getElementsByClassName("name-itm"); var newText = "Новый текст"; if ($slider.length) { var updateSliderCounter = function(slick, currentIndex) { currentSlide = slick.slickCurrentSlide() + 1; $(sliderCounter).text(currentSlide); }; $slider.on('afterChange', function(event, slick, currentSlide, nextSlide) { update…

    Asked by SergeyMsky, June 29, 2021

    0 votes
    0 answers
25. Как сделать вращение картинки?

    С помощью математических функцию удается сделать вращение квадрата состоящий из moveTo и lineTo. Как сделать тоже самое для картинки используя drawImage и transform? Мне нужно получить вот это пример анимация gif (только с drawImage). Вот пример кода анимации выше (чтобы запустить анимацию нужно удерживать любую кнопку на клавиатуре) <!doctype html> <html> <head> <meta charset="utf-8"> <title>Square 3D</title> </head> <body> <header> </header> <canvas id="canvas" width="400" height="400"></canvas> <script> function Point3d (x, y, z) { …

    Asked by Katerina23, June 16, 2021

    0 votes
    0 answers