JavaScript

4,723 questions in this forum

1. Обращение к дочернему элементу

   есть след код <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
2. На сколько это правильно? (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
3. document.querySelector()

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

   Asked by Vans, August 1, 2019

   0 votes
   1 answer
4. Скрытие элемента при достижении нижней границы

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

   Asked by d0ublezer0, July 26, 2019

   0 votes
   1 answer
5. Вопро по $(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
6. Зависимый 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
7. Запуск 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
8. Ребята, помогите пожалуйста со слайдером!!!

   Ребята, всем доброго времени суток) Помогите пожалуйста со слайдером! В javascript плохо разбираюсь(( Нашла подходящее мне решение, но никак не могу настроить под себя. Нашла здесь: http://lantana-studio.ru/howto/simpleslider/ У меня содержимое слайдера вылезло из контейнера, фото прикреплю Вот код HTML <div class="slider"> <div class="slider__block d-flex__row"> <div class=""> <img src="img/otziv-img.png" alt="Фото" class="slider__img"> </div> <div class="slider__block_text"> <div class="slider__block_text-row d-flex__widthHeight-center"> <p class="slider__blo…

   Asked by Darya, January 26, 2019

   • слайдер
   • верстка
   • js
   0 votes
   1 answer
9. Вопрос про SlickSlider

   Как реализовать такое поведение, чтобы когда я прокручивал слайд, снизу, где все иконки, в центре была активная иконка, у которой был размер больше, чем у остальных? То есть как при прокручивании слайда добавлять класс 'active' иконке, что находится в центре? При этом все иконки тоже должны прокручиваться в слайде. .testimonials-client p.testimonials-client__feedback This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean h3.testimonials-client__name Jane Galadriel span.testimonials-client__subname Ceo tengkurep img.testimonials-client__photo(src="images/client-1.png", alt="") img.testimonials-client__photo(sr…

   Asked by Okieazy, February 14, 2019

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

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

    Asked by kartopelka, May 21, 2019

    0 votes
    6 answers
11. Высота div блока в зависимости от контента.

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

    Asked by Grasss, April 28, 2019

    • height
    • min-height
    0 votes
    4 answers
12. установить значение 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
13. При наведении на блок он поворачивается под углом

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

    Asked by AnfisaMu, March 11, 2019

    • js
    • javascript
    0 votes
    1 answer
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. Подскажите как создать круг записей с переключением их через интервал времени

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

    Asked by AbcEnt03, May 6, 2019

    0 votes
    2 answers
16. Работа с localStorage

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

    Asked by Super_Saimo, April 25, 2019

    • js
    • localstorage
    • dom
    0 votes
    1 answer
17. js Узнать страну посетителя - JS

    Здравствуйте Подскажите пожалуйста, как можно узнать страну посетителя с помощью JS. Например, если заходит посетитель с Израиля, показываем один блок, если из Китая - другой. Спасибо заранее:)

    Asked by Alarr, June 27, 2016

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

    Есть таблица(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
19. Баг скроллинга в чате (на моб.устройстве)

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

    Asked by Grasss, April 30, 2019

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

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

    Asked by Super_Saimo, April 15, 2019

    • javascript
    • dom
    0 votes
    1 answer
21. Как установить глубину объекта html

    У меня есть несколько объектов которые можно переместить с помощью мышкой. Как сделать так, чтобы при перемещении объект оказывался поверх остальных. В flash это делается с помощью setChildIndex и swapChildren который меняет глубину объектов. Я знаю что глубина задается во время прорисовки тот объект который рисуется последним отображается поверх всех остальных. Значит при выборе объекта мышкой он должен автоматически прорисовываться последним. Теоретически это понятно, а вот на практике реализовать не получилось. Вот код: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Move</title> </head> <body…

    Asked by Katerina23, February 8, 2018

    0 votes
    1 answer
22. lazyload на чистом javascript

    Есть ли решение для lazyload не как модуль jQuery или иной библиотеки, а самостоятельный скрип?

    Asked by PavelTkachev, February 12, 2016

    0 votes
    2 answers
23. 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
24. Автоматическая смена активного класса по таймеру

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

    Asked by MiHALbI4, April 7, 2019

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

    Здравствуйте! Подскажите, существует какой либо инструмент по блокировке ненужного скрипта другим скриптом? У меня в движке прописан скрипт подгрузки новостей, но на одной странице, мне он не нужен. Надо его как то блокировать. На всякий случай код скрипта который надо блокировать. <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