JavaScript

4,723 questions in this forum

1. Порядок загрузки и выполнения JS

   В начале страницы: <script async type="text/javascript" src="/templates/fd/js/custom.js"></script> <script async type="text/javascript" src="/templates/fd/js/owl.carousel.min.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.event.move.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.twentytwenty.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.inputmask.bundle.min.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.toc.js"></script> <script async type="text/javascript" src="/temp…

   Asked by d0ublezer0, March 1, 2019

   • js
   • async
   • defer
   0 votes
   6 answers
2. При наведении на блок он поворачивается под углом

   https://youtu.be/7pr0x3elUzQ Буду признательна если поможете При наведении на блок он поворачивается под углом, при клике на блок - открывается сам блок на весь экран (плавно), при клике на лого - сворачивается открывшийся блок

   Asked by AnfisaMu, March 11, 2019

   • js
   • javascript
   0 votes
   1 answer
3. Наложение изображение на изображение

   Можно ли с помощью camanjs наложить кусок слоя на изображение? Что бы можно было сохранить потом эту картинку. Или какие ещё варианты есть? Хочу делать размытие изображения в некоторых местах.

   Asked by DivMan, March 28, 2019

   0 votes
   0 answers
4. Как получить дочерний элемент?

   <div class="question"> <div class="img-and-variantbi clearfix"> <div class="question-for-img"> <form method="get"> <ul class="clearfix radio-answer"> <li>......</li> <li>......</li> <input type="submit" value="Проверить" class="btnAnswer"> </ul> </form> </div> </div> </div> …

   Asked by DivMan, April 1, 2019

   0 votes
   3 answers
5. Заблокировать работу скрипта на своем сайте.

   Здравствуйте! Подскажите, существует какой либо инструмент по блокировке ненужного скрипта другим скриптом? У меня в движке прописан скрипт подгрузки новостей, но на одной странице, мне он не нужен. Надо его как то блокировать. На всякий случай код скрипта который надо блокировать. <script type="text/javascript"> $(function() { var ias = jQuery.ias({ container: '#list', item: '.news-list__item', pagination: '#pagination', next: '.next', loader: '<span class="ajaxProgress"></span>', }); ias.extension(new IASSpinnerExtension()); ias.extension(new IASTriggerExtension({offset: 3, text: '<button class="button butt…

   Asked by fiver, April 3, 2019

   0 votes
   2 answers
6. Автоматическая смена активного класса по таймеру

   Всем привет! Есть, например, 6 блоков. Изначально активный css-класс у первого (для универсальности можно учесть любую изначальную позицию активного класса). Нужно через секунду переключить активный класс на второй, потом через секунду на третий и т.д. Как дойдет до последнего - начать сначала и так бесконечно. Но! Есть еще несколько условий: 1) При наведении мышкой на родительский блок смена класса останавливается и возобновляется когда мы убираем мышь. Возобновляется через время, равное скорости переключения активного класса. 2) Так же, во время автоматической смены классов по таймеру мы можем нажать на любой из этих блоков, тогда он станет с активным кла…

   Asked by MiHALbI4, April 7, 2019

   0 votes
   0 answers
7. Tooltipster: кастомный триггер не срабатывает

   Библиотека для тултипов Tooltipster. Если делаем триггер 'hover' - то тултип нормально появляется $('.icon').tooltipster({ trigger: 'hover' }); Если делаем кастомный триггер - то это не срабатывает $('.icon2').tooltipster({ theme: 'tooltipster-shadow', trigger: 'custom', triggerOpen: { mouseenter: true, tap: false } }); Почему такое происходит? Прикладываю архив. В песочнице почему то не удалось подключить плагин tooltipster.rar

   Asked by yaparoff, April 10, 2019

   0 votes
   0 answers
8. работа с DOM-элементами при помощи метода closest()

   Добрый день! Помогите разобраться с работой метода closest(). В приведенном примере https://jsfiddle.net/ymnjo3tc/ , я делаю все "по инструкции": беру дочерний элемент и проверяю наличие у него родительского при помощи данного метода. Но в ответ всегда ловлю один и тот-же Exception. Какие бы я не пробовал проверять элементы. В чем может быть проблема? Где я допускаю ошибку? Да и вообще, применим ли этот метод на практике? И в каких ситуациях?

   Asked by Super_Saimo, April 15, 2019

   • javascript
   • dom
   0 votes
   1 answer
9. Работа с localStorage

   Добрый день! Столкнулся с проблемой отображения информации из localStorage после перезагрузки страниц. Делаю to do list, добавление тасков, удаление проходит нормально, добавляются элементы в localStorage, но после перезагрузки список тасков пуст на странице. Сам код https://jsfiddle.net/zdbmsjv2/ Извиняюсь за чрезмерное количество комментариев. Писал для себя, чтобы не забыть потом.

   Asked by Super_Saimo, April 25, 2019

   • js
   • localstorage
   • dom
   0 votes
   1 answer
10. Высота div блока в зависимости от контента.

    Имеется div блок (height:50px; width:400px;) При наполнении контентом, высота div'а должна автоматически увеличиваться. Нужен скрипт, который будет выполнять эту задачу.

    Asked by Grasss, April 28, 2019

    • height
    • min-height
    0 votes
    4 answers
11. Баг скроллинга в чате (на моб.устройстве)

    Доброго времени суток. Помогите найти и устранить ошибку. При отправке сообщения, чат скроллится в самый конец и через секунду случается скачек на 4-5 сообщения вверх и последние отправленные уже не видно. Не знаю в чем может быть причина. По хорошему, чат должен скроллится в конец к последнему сообщению и на нем фиксироваться. С ПК вроде все нормально отображается, а вот с мобильного устройства замечаются скачки и смещение сообщений. Прикладываю видео с багом Исходники чата

    Asked by Grasss, April 30, 2019

    0 votes
    0 answers
12. Как "на лету" определять класс кликнутой ячейки?

    Есть таблица(table), в ней ячейки(td). Большинству ячеек приписаны некие классы (td class="x(y,..)"). (На одну ячейку приходится не более одного класса. Ячеек с одинаковыми классами не бывает) Задача такова. По клику на ячейку: 1) определять её класс; 2) открывать новое окно меньшего размера с адресом типа "x.html" (т.е. "имя_класса.html"). Как решать вторую задачу мне подсказали - через window.open. Поэтому открывать конкретное дополнительное окно по клику на ячейку конкретного класса я умею. Примерно так: var tableDataX = document.querySelector('td.x'); tableDataX.onclick = function() { window.open('x.html…

    Asked by Edwards, May 1, 2019

    0 votes
    2 answers
13. Подскажите как создать круг записей с переключением их через интервал времени

    Подскажите как создать круг записей с переключением их через интервал времени

    Asked by AbcEnt03, May 6, 2019

    0 votes
    2 answers
14. Помогите, пожалуйста! Не открывается мобильное меню на нескольких новых страницах. Ошибка Cannot read property 'addEventListener' of null

    Здравствуйте! Помогите, пожалуйста, разобраться. Я только начинаю свой путь в разработке, так вот проблема в следующем: не открывается мобильное меню на нескольких новых страницах сайта, которые я должна сверстать, то есть изначально была одна страница (прикрепленный файл product-cherry.html), созданная другим программистом. На новой странице (прикрепленный файл index.html) header остается тем же, за исключением 3-го пункта меню (но я не меняла класс для него). Буду очень благодарна за помощь! TypeError: Cannot read property 'addEventListener' of null Разметка header на первоначальной странице (где все работает) !DOCTYPE html> <html> <head> …

    Asked by Karina, May 10, 2019

    • мобильноеменю
    0 votes
    0 answers
15. установить значение radio button

    привет. есть набор радио кнопок, по изменению которых срабатывает некая функция $('body').on("change", "[name='virtuemart_shipmentmethod_id']", function (e) { update_infoboxes(); }); возникла задача менять выбранную радио кнопку по внешнему событию? допустим клик на переключалке табов нужно установить правильное значение и чтобы сработало событие change как правильно сделать? пробовал так: $('body').on("click", "#shipment_type_selector li", function (e) { e.preventDefault(); var $set_mode = $(this).data("ship-mode"); $('#shipment_type_selector li').removeClass("active"); $(this).addClass("active"…

    Asked by d0ublezer0, May 15, 2019

    0 votes
    6 answers
16. Как реализовать данный пример

    Здраствуйте! Не могу понять , как сделать ,чтоб писать уже на тексте.Ну типо About сначало написано и это не картинка , а уже на about написан следующий текст.Помогите реализовать

    Asked by kartopelka, May 21, 2019

    0 votes
    6 answers
17. Зависимый selectы с иконками в одном из них

    Имеется вот такая конструкция: https://jsfiddle.net/fromthemoon/mdr6uvw3/1/ Необходимо: 1) Заменить два события - mouseleave и mouseover на что-то вроде change или click, чтобы при выборе не было этих подергиваний. 2) При выборе первого select во втором select скрывается группа option, которые не были выбраны, т.е. Без покрытия - выводится пустая строчка, Морилка - выводятся значения соответствующие морилке Сайт состряпан на конструкторе Tilda, страница с проблемой - https://smirnovstolyar.ru/krovati PS: понимаю, что это плохая идея для создания сайта, так как лучше делать всё с нуля, в будущем это и планируется сделать, но для первого времени не…

    Asked by fromthemoon, June 2, 2019

    0 votes
    12 answers
18. Запуск sound

    Есть такой код,мне бы хотелось у вас помощи попросить! <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="gif" href="#"><b><img src="wp-content/uploads/2019/06/dff1229c6aa7918825198e72570faf49717e2082_00.gif" alt=""></b> <a><audio id="soun-link" preload="auto"> <source src="wp-content/uploads/2019/06/zvuk-ventiljatora.mp3" type="audio/mpeg"> </audio> <script> var sounLink = $("#soun-link")[0]; $(".gif b").mouseenter(function(mousePressed) { sounLink.play(); }); …

    Asked by timnagel, June 9, 2019

    0 votes
    1 answer
19. Вопро по $(function()

    Знаю что $(function() ждет полной загрузки страницы, у меня вопрос нужно ли оборачивать мой код в $(function() ? Код сам набросал а когда именно применять $(function() еще не понимаю $(function() { $('.dropdown').on('click', function () { if($(".dropdown-menu").css("display") == "none") { $(".dropdown-menu").fadeIn(500); } else { $(".dropdown-menu").fadeOut(500); } }); });

    Asked by Неугомонный, July 26, 2019

    0 votes
    2 answers
20. Скрытие элемента при достижении нижней границы

    Привет. С помощью плагина https://github.com/garand/sticky сделал плавающий блок с меню. Посмотреть можно тут: https://www.farmadental.ru/service/teeth-implants Недостаток в том, что меню наезжает на другие элементы, когда заканчивается основной текст на странице. Не соображу, как бы его скрыть при достижении нижней границы .article-body который, кстати, является для него родителем Посоветуйте, плз?

    Asked by d0ublezer0, July 26, 2019

    0 votes
    1 answer
21. document.querySelector()

    Доброго времени суток господа! Столкнулся с такой проблемой: Возвращает null

    Asked by Vans, August 1, 2019

    0 votes
    1 answer
22. На сколько это правильно? (DOM)

    Здравствуйте! Только начал учить Js, сейчас прохожу блок по DOM. Написал абстрактную регистрацию пользователя с проверкой на совпадение паролей, на сколько правильно я это сделал? <div class="main"> <h2>Форма регистрации</h2> <p>Пройдите регистрацию.</p> <div class="button"> <a href="#" class="a-reg">Регистрация</a> </div> <form action="#"> <label for="">Имя:</label><br> <input type="text"><br> <label for="" class="password">Пароль:</label><br> <input type="text"><br> <label…

    Asked by Vans, August 3, 2019

    0 votes
    2 answers
23. button чтоб не открывал, но выполнял ссылку

    Помогите разобраться. Есть сервис отправки смс (ссылку давать не буду так как обычно правила форумов запрещают), он отправляет смс в ответ на http-запрос. Я сделал у себя на сайте button, в который вставил так: <button type="button" onclick="location.href = &quot;https://сайт_сервиса&текст_смс&номер_куда_отправить">отправить смс</button> Сервис отправки возвращает в ответ json с стоимостью отправки и получилось ли доставить. Эта json открывается вместо текущей страницы. Как сделать чтоб эта json не открывалась (страница осталась та же), а записать отвеченную json в переменную?

    Asked by Tox, August 20, 2019

    0 votes
    7 answers
24. Обращение к дочернему элементу

    есть след код <article> <h3>What is Lorem Ipsum?</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p> <h3>Where does it come from?</h3> <p>Contrary to popular belief, Lorem Ipsum is…

    Asked by Valera001, September 5, 2019

    0 votes
    1 answer
25. Почему создаётся три ul?

    Всем привет! Есть такой код: <script> var ul = document.createElement('ul'); while(true) { var str = ''; var user = prompt('Пишите содержимое пункта'); if (user === null || user === str) { break } var li = document.createElement('li'); li.innerHTML = user; ul.appendChild(li); console.log(ul); } </script> когда ввожу что-то в промт, программа создаёт столько ul сколько я ввёл, вместо того чтобы создать один ul со всеми пункатми что я ввёл в промт. Из чего это?

    Asked by Valera001, September 6, 2019

    0 votes
    3 answers