JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4,723 questions in this forum
-
Новичёк нужна помощь
Нужно сделать код с библиотекой jQuery в котором при нажатии кнопки в одном html файле тег добавлялся в другом
0 votes1 answer -
Новичёк, помогите с задачей
Всем привет, по тихоньку осваиваю JS, прохожу курсы и тут такая задача: Нужно создать функцию recommendRoom, которая будет подбирать наиболее подходящую комнату для указанного числа гостей adultsCount, childrenCount и babiesCount. Теперь есть 2 вида комнат small room до 4 человек big room до 8 человек Не забывай о правиле extra bed (подселить младенца). Оно действует и для 4-местных, и для 8-местных номеров. О валидности данных можешь не беспокоиться, canTheyBook уже всё проверил. Просто верни правильную строку для заданных параметров. Я написал код, но всё-равно не пойму как пристроить "extra bed", помогите пожалуйста с решением : function recom…
0 votes1 answer -
Удаление стиля
Как при повторном нажатии удалить добавленный стиль? document.querySelector(’#menu-link’).addEventListener(‘click’, () => { document.querySelector(‘nav’).classList.add(‘active’); })
0 votes1 answer -
Проблема с обработкой стилей Gulp
Здравствуйте! Проблема заключается в следующем: есть стартовый шаблон от "Фрилансера по жизни" версии 2021 года, открываю в VSCode, ввожу в терминале npm i затем gulp, все срабатывает как и должно, создается папка с результатом, начинаю прописывать стили для header, задаю ограничивающий контейнер и при проверке работоспособности данного контейнера выясняется, что стили, прописанные мной перекрывают стили медиа-запросов, прописанных в шаблоне и по итогу адаптив не работает, получается что итоговый css собирается в не правильном порядке! Подскажите, пожалуйста, как подобную проблему можно исправить?)
0 votes0 answers -
конфликт 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'); …
0 votes2 answers -
js, css - анимация
Нужно сделать анимированное меню с шариками. Как здесь: http://79.110.52.43/ На ванилла js. Сторонние либы и фреймворки использовать нельзя. Только базовый jquery. Я посмотрел, там сделано на canvas. Нужны руководства/книги/учебники/статьи по теме. Как делать анимашки на canvas? Как задавать траекторию движения шариков? Математическая функция? Кривые Безье подойдут?
0 votes1 answer -
Помогите объединить два очень интересных скрипта
Как объединить эти два скрипта чтобы при нажатии кнопок на выбор которые задают числа в секундах в первом скрипте выдавался результат в днях и часах в поле из второго скрипта. Сами по себе эти два скрипта рабочие первый задает числа в секундах при нажатии кнопок при повторном убирает числа, второй скрипт переводит числа из секунд в дни и часы. Первый скрипт: <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="…
0 votes0 answers -
создании списка роликов с youtuba
Нужна помощь в создании списка роликов с заголовками с youtuba и чтоб они проигрывались в встроенном плеере, искал по интернету но так и не нашел ничего делного. что-то на подобие этого
0 votes0 answers -
Вывод результата функции в Textarea
Приветствую! Подскажите, как вывести результат функции в Textarea ? Заранее благодарен! function strReplace() { var myStr = document.getElementById("source").value; var newStr = myStr .replace(/м/g, "м") .replace(/"/g, """); if (document.getElementById("source").value == "") { alert("Textarea is empty!"); } else { document.getElementById("myText").innerHTML = newStr; //document.getElementById("source").select(); //document.getElementById("source").value…
0 votes1 answer -
Переход на сайт с последующим имитированием клика
Доброго времени суток! Почитал статейки, вроде как сюда. Дали задачу сделать QR (что смогу сделать), с последующим переходам на сайт и и имитированием клика по блоку, которое должно вызывать pop up окно с определенным классом. Сайт Akromi, блок *Маркетинговые услуги*, по клику вызывается блок pop up. Надеюсь описал все правильно, если это делается другим способом, шлите меня... в другую ветку.
0 votes1 answer -
Скрипт добавления <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-…
0 votes0 answers -
Как сделать выполнение скрипта только при разрешении экрана < 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…
0 votes2 answers -
Как прибавить число
Здравствуйте! Прошу помощи, моих начальных знаний не достаточно... Есть модуль, который вытягивает число с другого сайта: <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…
0 votes6 answers -
Как взять два значения из таблицы другого сайта?
Здравствуйте. Хочу вытащить два числа из таблицы на другом сайте и разместить на своем Id ячеек такие: 000000131t и 000000131l (скрин прилагается) Ума не приложу, как это сделать... Помогите, плиз!
0 votes2 answers -
Копирование страницы с другого сайта с обновлением контента
Есть несколько страниц, которые нужно перенести в свой блог, а точнее часть кода страницы. Перенести их простым копированием html возможно, но интересует именно перенос с обновлением контента из копируемой страницы. Существует ли простое решение этой задачи, или нужен комплексный подход?
0 votes1 answer -
Нужна помощь с учебой
Нужно решить 7 заданий по типу этого, для примера самое сложное: Для выполнения лабораторной работы следует выполнить следующие задачи: 1. Создать внешний документ, содержащий код JavaScript и подключить его к документу HTML, используя соответствующие инструменты. 2. Предугадать смену работы CSS средствами JavaScript. 3. Организовать взаимодействие кода JavaScript с объектной моделью документом HTML. 4. Написать комментарии к логическим блокам программного кода. К сожалению дедлайн завтра, времени самому разобраться в этом нету.
0 votes0 answers -
Не могу решить проблему 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="#" />…
0 votes2 answers -
Как отменить действие по повторному нажатию на кнопку?
На странице есть картинка с кнопками. При нажатии на кнопку - выводиться номер забронированного места (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>
0 votes3 answers -
Как сделать меню 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…
0 votes1 answer -
Как правильно поставить 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…
0 votes0 answers -
Как сделать постраничную навигацию.
Помогите пожалуйста, не получается сделать постраничную навигацию. Делал все по урокам. в Итоге получилось сделать два разных каталога один с фильтрами другой с постраничной навигацией. И теперь я пытаюсь объединить два каталога. Но не получается. Сами файлы урока в архике каталог. Буду очень благодарен если мне помогут! catalog.phpcatalogDB.js каталог.7z
0 votes0 answers -
Возможно ли придать значение переменной, допустим x - ссылку на изображение.Значения переменных
Хотели в крестиках ноликах заменить кресты и нули на анимешных тяночек. В голову лезет что то по типу x = url(ссылка), но нормально сформулировать ничего не можем, первый курс колледжа. Заранее спасибо за помощь.
0 votes1 answer -
Как реализовать такой функционал
Есть конструктор шкафа. Как реализовать такой? https://tylko.com/wardrobe/242/?cv=1&board=cat_8__type_all__id_4276 Это какой-то плагин? Или лучше написать на чистом js?
0 votes1 answer -
Как реализовать кнопку "пауза" в тетрис?
Ссылка на тетрис: http://onlinetetris.noradrzo.beget.tech/ Добрый день, столкнулась с проблемой кнопки “пауза” в игре сделала обработчик на кнопку “пауза” (в самом конце файла js) написала переменную isPaused по умолчанию со значением false (пока игра не начнется) (317 строчка в js) в функции падении фигур move(321 строчка в js), добавила условие, что если не на паузе игра, то фигуры падают но в итоге фигуры вообще не падают, в консоле ошибку не выдает где допущена ошибка?
0 votes0 answers -
Изменение текста в 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…
0 votes0 answers