JavaScript

4,723 questions in this forum

1. Как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри?

   Всем привет! Подскажите, пожалуйста, как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри? У меня в принципе все работает, блок открывается и закрывается, НО если я нажимаю на блок, а не на стрелочку, она у меня остается в таком же положении(а она должна у меня меняться, когда блок открывается), и получается куча мала, и выглядит это не очень презентабельно. Подскажите, пожалуйста! <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="wrapper-div"> <div class="div"> <div class="window-one"> <h3 class="title"> Заголовок 1 </h3> &l…

   Asked by IsayR, May 3, 2022

   • js
   • css
   • html
   • jquery
   0 votes
   1 answer
2. Новичёк нужна помощь

   Нужно сделать код с библиотекой jQuery в котором при нажатии кнопки в одном html файле тег добавлялся в другом

   Asked by sonterik, April 27, 2022

   0 votes
   1 answer
3. Не удаётся задать текст элемента input checkbox

   Пытаюсь динамически сформировать группу элементов <input type="checkbox"> Элементы создаются, но не получается задать им надпись, хотя раньше, создавая их вручную в HTML, всё получалось.. vk-groups-3.html vk-groups-1.html наладил.. vk-groups-3.html

   Asked by SAVC, August 12, 2022

   0 votes
   0 answers
4. Как сделать чтобы закрывалось только одно модальное окно когда открыто несколько?

   Использую готовый плагин для модальных окон(от MaxGraph). Проблема в том, что когда у меня открыто два модальных окна, для примера Форма + Политика конфендициальности, и мне нужно закрыть политику вместе с ней закрывается и другое модальное окно. В JS я не сильно разбираюсь(собственно из за этого и использую готовый плагин), можете помочь кто работал с этим плагином? Я примерно понимаю как он работает, но реализовать чтобы закрывалось только одно не получается. <div class="content"> <button class="modal-btn" data-path="first" data-animation="fadeInUp" data-speed="1500">Открыть окно 1</button> </div> <div class="modal"> …

   Asked by Kaido, August 13, 2022

   • javascript
   • html
   • модальные окна
   • css
   0 votes
   2 answers
5. Новичёк, помогите с задачей

   Всем привет, по тихоньку осваиваю JS, прохожу курсы и тут такая задача: Нужно создать функцию recommendRoom, которая будет подбирать наиболее подходящую комнату для указанного числа гостей adultsCount, childrenCount и babiesCount. Теперь есть 2 вида комнат small room до 4 человек big room до 8 человек Не забывай о правиле extra bed (подселить младенца). Оно действует и для 4-местных, и для 8-местных номеров. О валидности данных можешь не беспокоиться, canTheyBook уже всё проверил. Просто верни правильную строку для заданных параметров. Я написал код, но всё-равно не пойму как пристроить "extra bed", помогите пожалуйста с решением : function recom…

   Asked by Mr_Po, April 20, 2022

   0 votes
   1 answer
6. Помощь с javascript и загрузкой данных

   Здравствуйте. Имеется рабочий скрипт конвертера валют. https://ilyamio.github.io/currencyconverter/ Мне необходимо изменить источник загрузки курсов на ЦБ РФ вот по этой ссылке: https://www.cbr.ru/scripts/XML_daily.asp А также мне необходимо установить ограничение на количество обращений к сайту ЦБ РФ - 1 раз в сутки. При частом обращении, могут заблокировать. Вот в этом js файле находятся настройки конвертера: const from_currencyEl = document.getElementById('from_currency'); const from_ammountEl = document.getElementById('from_ammount'); const to_currencyEl = document.getElementById('to_currency'); const to_ammountEl = document.getElementById('to_ammoun…

   Asked by ilyamio, August 1, 2022

   • javascript
   • конвертация
   • калькулятор
   • помощь
   0 votes
   4 answers
7. Как текст одного блока раскидать по нескольким указанным блокам?

   Здравствуйте. Пишу сайт, возник вопрос. Как раскидать текст из одного блока по нескольким другим блокам по мере их заполняемости. То есть, в первый блок я вставляю огромный текст целиком, а потом, текст распределяется по другим блокам по мере их заполняемости: блок с id="1" заполнился, остатки текста заполняются в блок с id="2", и так далее, пока весь большой текст не уберется по нескольким маленьким блокам.

   Asked by Inkonito, June 21, 2022

   0 votes
   0 answers
8. Задача по JavaScript

   Здравствуйте, никак не могу решить задачу: требуется получить веб-страницу, где пользователь вводит имя и фамилию в соответствующие поля, нажимает кнопку "отправить" и в результате выводится фраза: Ответ: Здравствуйте, Имя Фамилия. Всё получилось кроме одного: при нажатии на кнопку выводится только " Ответ: Фамилия", а слово " Здравствуйте" и имя почему-то не выводятся. Даю ссылку на файл. https://disk.yandex.ru/d/6n834dYn8ForIw Заранее спасибо. С уважением, Наташа.

   Asked by Наташа, July 19, 2022

   0 votes
   1 answer
9. Кастомный выпадающий список стран при помощи API

   Подскажите пожалуйста, как правильно сделать кастомный список стран используя API. Вот fetch код: const countryList = document.querySelector('.form-list.country'); fetch('https://restcountries.com/v3.1/all').then(res => { return res.json(); }).then(data => { let output = ''; data.forEach(country => { output += `<li class="form-item" data-value="${country.name.common}">${country.name.common}</li>`; countryList.innerHTML = output; }); }).catch(err => { console.log(err); }); полный код html, css, js Во втором списке "Country" список формируется, но название страны не поставляется в форму, а атрибут "data-value="" …

   Asked by KatiaBeing, May 17, 2022

   • javascript
   • api
   • html
   0 votes
   0 answers
10. Требуется переход к следующему блоку теста при условии, что в нынешнем блоке сумма ответов равна 10.

    Подскажите, пожалуйста, как в css прописать код, чтобы получилось следующее: переход к следующему блоку возможен только если сумма ответов по нынешнему блоку равна 10. Просто у меня есть тест из 7 блоков, в каждом блоке 8 утверждений. Тестируемый должен распределить 10 баллов между этими 8-ю утверждениями. Если он распределил больше баллов или меньше, то переход не должен срабатывать, чтобы тест был пройден верно.

    Asked by Нэлли, June 29, 2022

    0 votes
    1 answer
11. Помогите разобраться

    Я написал один и тот же код ... но почемуто один работает другой нет? немогу разобраться. помогите должно быть сообщение Winner! в файле x1.html код работает а в файле oxo4.html нет (при выстраивании в ряд трех ООО) x1.html oxo4.html

    Asked by eugenwww, June 29, 2022

    0 votes
    0 answers
12. Нужна помощь со скриптами поп-ап окна

    Добрый день! Помогите, пожалуйста, прописать корректный код для показа блока с "колесом фортуны" попап окном по истечении 30 сек нахождения на странице. Все в целом получилось, только вот что-то видимо не так прописала, что крестик закрытия окна не отображается вовсе и закрыть окно не представляется возможным - не очень дружу со скриптами и не могу сообразить, как прописать правильно команду Вот страница, где используется попап-окно https://gloria-centr.ru/ Вот кусок кода со стилями окна <style> /*Общий Контейнер*/ .wheel_wrp { width: inherit; box-sizing: border-box; box-shadow: 0 0 0 10px #ffffff, 0 0 15px 3px #ababab; position: relative; …

    Asked by roxy69, June 14, 2023

    0 votes
    0 answers
13. Как использовать alert()

    Надо чтобы при нажатии на ссылку выскакивал allert с надписью "Cпасибо что вы посетили наш сайт!"

    Asked by denics20, July 4, 2022

    0 votes
    1 answer
14. Js error

    Why is the value of the str variable defined as a variable and not as its value?

    Asked by SadAgeN, August 25, 2023

    0 votes
    1 answer
15. Отмена действия AJAX после нажатия на кнопку браузера "вернуться"

    Здравствуйте! Такая проблема: Есть AJAX добавление товара в корзину. Товар добавляется и появляется в корзине. Но после нажатия кнопки "вернуться" в браузере, товар исчезает из корзины. Хотя в сессии php он записан — после перезагрузки страницы товар снова появляется в корзине. Подскажите, в чем может быть дело?

    Asked by volshebnyi, October 13, 2022

    0 votes
    3 answers
16. Как оптимизировать код игры?

    Добрый день! Огромная просьба камнями не кидаться! Начал изучать JS , пока нет особых продвижений в изучении. помогите оптимизировать игру в пары. по условиям задания необходимо реализовать игру в пары с таймером, выбором количества карт . Ниже https://codepen.io/Seadjus/pen/VwVedaP

    Asked by Seadjus, June 15, 2023

    • javascript
    • игра в пары
    0 votes
    0 answers
17. не получается открыть ссылку на сайте

    <div id="particles-js"> <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="1365" height="949"></canvas> </div> </div> <script src="https://cdn.rawgit.com/FicriPebriyana/efek/0a935a6c/efek%20salju.js" type="text/javascript"></script> <script type="text/javascript"> $.getScript("https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js", function(){ particlesJS('particles-js', { "particles": { "number": { "value": 80, "density": { "enable": true, "value_area": 800 …

    Asked by nobod01511, September 2, 2022

    0 votes
    0 answers
18. Как c помощью JS передать в форму значение прокрутки окна браузера.

    Здравствуйте. Для отправки своей же странице значения прокрутки браузера при нажатии определённой кнопки, я пишу такой скрипт. function modzap(id) { var scrtop = window.pageYOffset; window.location.href = '../burst/sklad.php?mod_id='+id+'&scrtop='+scrtop; } В переменную scrtop попадает значение прокрутки и отправляется на сервер. Но как мне добавить при отправке формы, новую переменную scrtop в эту форму ? Я ранее так уже делал, с помощью document.getElementById("...").innerHTML изменял HTML страницы, а именно строку со скрытой переменной формы и она замечательно отправлялась. А вот как я это делал, не могу вспомнить. …

    Asked by Kompilator, April 20, 2023

    0 votes
    1 answer
19. помогите снять ограничение

    скрипт работает до 30 августа как снять ограничение? W O L F - W1987W.txt

    Asked by W1987W, August 28, 2022

    0 votes
    0 answers
20. Нужна помощь с кодом формы

    Всем привет. Есть форма одна , нужно под каждую модель сделать отдельную Я делал другую форму и прикреплял к другой модели "Карпатська", форма работает но не отправляет на телеграм заявку. Помогите пожалуйста, я не особо шарю, а тот кто делал натягивает на деньги постоянно. Просто пример а дальше я уже сам смогу. https://test.xn--80apgcl9h.com.ua/ <!--Код форми start--> <div id="form-color" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="left-form"> …

    Asked by Yevgen, September 10, 2022

    0 votes
    0 answers
21. Построение ломанной линии в JS

    Замечено, что на балке, имеющей чередующиеся между собой неподвижные опоры и подвижные шарниры, при наличии участка, где если сделать подъём точки в бесшарнирном пролете, то можно получить вертикальное перемещение шарниров, как показано на картинке. Как с помощью JS описать этот процесс с выдачей необходимых результатов?

    Asked by IZUM2022, August 24, 2022

    0 votes
    0 answers
22. Проблема с копированием

    указаны код работает на xampp но на реальном хостинге или Open Server не работает. можете помочь? $('#button1').on('click', () => { let text = $('#options_value').html(); text = text.replaceAll('<br>', "\n"); navigator.clipboard.writeText(text); });

    Asked by sd44ry, August 24, 2022

    0 votes
    1 answer
23. Интересный глюк onclick

    html: <td> <span class="qty-minus" onclick="qtyMinus(); return false;" data-id="<?=$id;?>" data-qty="<?= $item['qty'];?>" data-weight="<?=$item['weight'];?>"> <i class="bi bi-dash-circle-fill text-success"></i> </span> <span class="qty"><?= $item['qty'];?></span> <span class="qty-plus" onclick="qtyPlus(); return false;" data-id="<?=$id;?>" data-qty="<?= $item['qty'];?>" data-weight="<?=$item['weight'];?>"> <i class="bi bi-plus-circle-fill text-success"></i> </span> </td> js: // Изменение количества товара в заказа - плюс function qtyP…

    Asked by rus, December 17, 2022

    0 votes
    0 answers