JavaScript

4,707 questions in this forum

1. Как сделать выполнение скрипта только при разрешении экрана < 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

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

   Здравствуйте! Прошу помощи, моих начальных знаний не достаточно... Есть модуль, который вытягивает число с другого сайта: <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

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

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

   Asked by sviat78, January 20

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

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

   Asked by Hawk, January 14

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

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

   Asked by tears111, December 21, 2021

   0 votes
   0 answers
6. Не могу решить проблему 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
7. Как отменить действие по повторному нажатию на кнопку?

   На странице есть картинка с кнопками. При нажатии на кнопку - выводиться номер забронированного места (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
8. Как сделать меню 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
9. Как правильно поставить 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
10. Как сделать постраничную навигацию.

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

    Asked by Only091, October 11, 2021

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

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

    Asked by TRVelund, September 15, 2021

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

    Есть конструктор шкафа. Как реализовать такой? 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
13. Как реализовать кнопку "пауза" в тетрис?

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

    Asked by noradrenaline, August 5, 2021

    • javascript
    0 votes
    0 answers
14. Изменение текста в 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
15. Как сделать вращение картинки?

    С помощью математических функцию удается сделать вращение квадрата состоящий из 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
16. Не работает автоматический переход по ссылке из document.anchors

    <html> <head> <script> function start(){ var a=document.anchors[0]; a.click(); } </script> </head> <body onload="start()"> <a href="index-1-table.html"></a> </body> </html>

    Asked by SAVC, June 12, 2021

    0 votes
    4 answers
17. Как зашифровать код JavaScript?

    Как зашифровать код на javascript, мне нужен сервис, чтобы сделать код js не читаемым и не возможным скопировать. Есть какой-нибудь онлайн шифровальщик? P.S. Этот вопрос возможно я уже здесь задавала но не могу его найти.

    Asked by Katerina23, May 31, 2021

    0 votes
    3 answers
18. Вкладки с динамической подгрузкой

    Помогите пожалуйста понять как создать вкладки с динамической подгрузкой данных. Причём, внутри вкладок должен быть iframe либо скрипт. Всего должно быть 3 вкладки. Нашел вот такое решение: <span class="address-link" data-target-id="target-div-7">вкладка</span> <div id="target-div-7"></div> Код скрипта: $('.address-link').click(function(){ var targetId = $(this).data('target-id'); $('#' + targetId).html('<iframe код айфрейм></iframe>'); }); Решение рабочее, но это НЕ вкладки и этот код НЕ работает если вместо iframe использовать скрипт.

    Asked by alleclf, May 16, 2021

    0 votes
    4 answers
19. Условие выбора языка на странице поиска

    Здравствуйте. Есть страница для поиска в Google. На странице поле для ввода слова, которое надо найти, поле для ввода языка, кнопка. Необходимо, чтобы пользователь вводил в первое поле слово, вводил во второе поле "английский", и выводились результаты поиска только на английском, или пользователь вводил "немецкий", и результаты выводились только на немецком, или пользователь вводил "французский", и результаты выводились только на французском. Проблема в том, что какие бы языки не вводились, результаты поиска выводятся только на русском. Обязательно использовать оператор if. <html> <head> <script> function Gofindit() { var search_word = document…

    Asked by alias, May 11, 2021

    0 votes
    0 answers
20. У меня не получается активировать кнопку Enter.

    Не думал что буду обращаться сюда. Я написал простую игру на JS. Активировать кнопку Enter не получается. Пытался найти решение в интернете. Если кому-то не трудно, помогите пожалуйста. Ещё подскажите в какую строку вставить активацию. Игру загрузил на бесплатный хостинг, можете посмотреть: http://f0535962.xsph.ru <!DOCTYPE html> <html lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Guess</title> <style> html { font-family: sans-serif; font-size: 25px; text-align: center; color: white; } body { …

    Asked by dislav, May 11, 2021

    0 votes
    4 answers
21. Не срабатывает Listener over.

    <html> <head> <meta charset="UTF-8"> <style> .t { position:relative; cursor:pointer; } </style> <script> function on_over(e){ var o=e.currentTarget; o.style.top="-2px"; }; function init(){ var o=document.getElementById("button"); o.addEventListener("over",on_over,true); } </script> </head> <body onload="init()"> <span class="t" id="button"> BUTTON </span> </body> </html> 1.html Разобрался. Нужно писать mouseover o.addEventListener("mouseover",on_over,true);

    Asked by SAVC, April 27, 2021

    0 votes
    0 answers
22. Замена текста на html css js

    Требуется сделать строку ввода в которые вписывается опреленная ссылка(любая) например:"https://htmlforum.org/forum/123" Нужно, чтобы по нажатию кнопки в веденной ссылке менялась половина до опреденного домена типа org с того что было например на "https://123htmlsuper.ru/forum/123" . То есть не просто с org на ru, а полностью от https до слеша перед org Дальнейший вывод этой ссылки или кнопки для перехода на эту ссылку Нужно это для сайта в "блокноте" html css Help

    Asked by Bignoob, April 22, 2021

    • js
    • help
    • css
    • html
    0 votes
    8 answers
23. Помогите доделать слайдер на JS (запутался)

    Https://dropmefiles.com/sYyOA Вот ссылка на проект. Создайте папку "img" и в ней папку "jac" и закиньте туда фотки, файл-обменик их зачем то удалил. В общем по фотке видно всё нормально, но я смог сделать, чтобы либо работала "система следующей фотки", либо "система по нажатию снизу фоток". Совместно оно не работает. Помогите пожалуйста, замучился уже 5 день мучаюсь. Проблема чисто в скрипте JS. Желательно сделать рабочую систему на 1-ой JS, 2-я жс немного как по мне не удобна.

    Asked by dewqqland, April 8, 2021

    0 votes
    0 answers
24. Как сделать прицельное увеличение изображения?

    Нужный функционал в совершенстве реализован тут. Не обязательны кнопки (но с ними намного лучше), хотя бы прицельное увеличение по клавишам.

    Asked by biomass, March 18, 2021

    0 votes
    1 answer
25. Постфиксный инкремент

    Доброго дня, пытаюсь изучать JS. Есть такая задачка. var a = 2, b = 2, c, d; c = ++a; d = b++; c = (2 + ++a); d = (2 + b++); console.log(a, b, c, d); Ответы: a=4 b=4 c=6 d=5 НЕ ПОНИМАЮ почему d =5. Хоть убейте не доходит.

    Asked by GRAY, March 3, 2021

    0 votes
    2 answers