Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

There are no popular questions to show right now

4,723 questions in this forum

  1. как загрузить в localStorage? Что бы при перезагрузке страницы данные оставались

    Заранее спасибо Вот код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Exam</title> <link rel="stylesheet" href="css/style.css"> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"> </script> </head> <body> <style> .ToDo { display: inline-block; margin-right: 30px; } .field { width: 240px; border: 2px solid black; } .btn { border: 2px solid black; outline: non…

    Asked by Valera001,

    0 votes
    1 answer

  2. Пропадает блок при подключении OwlCarousel

    Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму. Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно. Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же. Открывал через google, firefox и opera-у - все так же никакого сдвига. Подключал по инструкции на официальном сайте. Пробовал использовать SlickSlider, но результат тот же.

    Asked by Valery Subbotin,

    0 votes
    0 answers

  3. Адаптивная верстка email-письма. Не получается отцентровать блоки на адаптиве

    Верстаю адаптивное email-письмо Эти две картинки должны быть по центру на адаптиве. Но у меня не получается их отцентровать прописываю стили инлайново http://skrinshoter.ru/s/190919/C7ZqQEyh?a Подскажите как это сделать https://codepen.io/yaparoff/pen/GRKwgRX?editors=1000

    Asked by yaparoff,

    0 votes
    4 answers

  4. Изолировать click. Закрывать соседние плашки.

    как изолировать клик по 'button' и клик по 'cardBack'. Там получается, что клик по кнопке срабатывает также как клик по всей области. Читаю про 'e.preventDefault();' но пока не вник, куда его вставить. И как можно закрывать соседние плашки, когда на другую кликаю? https://codepen.io/npofopr/pen/zYOmbPv Видео не стопорится я понимаю почему, потому что первый элемент video и так не проигрывается. По всем тегам, я так понимаю, надо через `querySelectorAll` проходить? Изолировал e.stopPropagation();

    Asked by npofopr,

    0 votes
    10 answers

  5. Почему создаётся три 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,

    0 votes
    3 answers

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

    есть след код <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,

    0 votes
    1 answer

  7. button чтоб не открывал, но выполнял ссылку

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

    Asked by Tox,

    0 votes
    7 answers

  8. На сколько это правильно? (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,

    0 votes
    2 answers

  9. document.querySelector()

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

    Asked by Vans,

    0 votes
    1 answer

  10. Вопро по $(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 Неугомонный,

    0 votes
    2 answers

  11. Скрытие элемента при достижении нижней границы

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

    Asked by d0ublezer0,

    0 votes
    1 answer

  12. Запуск 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,

    0 votes
    1 answer

  13. Зависимый 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,

    0 votes
    12 answers

  14. Как реализовать данный пример

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

    Asked by kartopelka,

    0 votes
    6 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,

    0 votes
    6 answers

  16. Помогите, пожалуйста! Не открывается мобильное меню на нескольких новых страницах. Ошибка 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,

    0 votes
    0 answers

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

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

    Asked by AbcEnt03,

    0 votes
    2 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,

    0 votes
    2 answers

  19. Баг скроллинга в чате (на моб.устройстве)

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

    Asked by Grasss,

    0 votes
    0 answers

  20. Высота div блока в зависимости от контента.

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

    Asked by Grasss,

    0 votes
    4 answers

  21. Работа с localStorage

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

    Asked by Super_Saimo,

    0 votes
    1 answer

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

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

    Asked by Super_Saimo,

    0 votes
    1 answer

  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,

    0 votes
    0 answers

  24. Автоматическая смена активного класса по таймеру

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

    Asked by MiHALbI4,

    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,

    0 votes
    2 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept