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. Как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри?

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

    0 votes
    1 answer

  2. ngModel в ngRepeat - проблема дочерних scope

    Всем привет! Требуется помощь с особенностями AngularJS. С особенностями связывания(ng-model) внутри директивы ng-repeat. На сколько я понял, при таком использовании возникают какие-то дочерние scope, которые никак не связаны со scope контроллера: <div ng-repeat="item in items"><input type="text" ng-model="myVar"/></div>Вопрос, собственно, в том, как все-таки связать в данном случае input'ы всех div'ов с перменной myVar? Нашел статью на хабре: http://habrahabr.ru/post/223529/ И вопрос на Toster'е: https://toster.ru/q/191877 Но так и не понял как применить эти знания в моем примере. Поскольку там идет речь о привязке элементов массива (или свойств элеме…

    Asked by Antoshka007,

    0 votes
    7 answers

  3. связать обработчик в элементами без обновления страницы

    помогите пожалуйста советом на страничке есть список из 10 элементов. на каждый элемент повешен обработчик: $('#el').on('click', function(e){ bla}обаботчик вешает некоторый цикл, который отрабатывает по событию document.ready затем я при помощи ajax добавляю несколько элементов к вышеуказанному списку. проблема в том, что с ними не связан вушеуказанный обработчик. поэтому мне приходится обновлять страницу, в результате чего цикл вновь переберёт все элементы списка и повесит на каждый элемент обработчик подскажите пожалуйста как мне повесить обработчик на вновьдобавленные элементы, не обновляя страничку

    Asked by cyklop77,

    0 votes
    13 answers

  4. Как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук?

    Всем привет, подскажите, пожалуйста, как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук? У меня есть кнопка и несколько ее копий на странице, и я хочу, чтобы если пользователь захотел нажать на кнопку, только на другом месте страницы, открывалась та же самая форма. Но, к сожалению, ее открывает, только самая первая кнопка, подскажите, пожалуйста, решение! Спасибо! <body> <button class="btn-modal" id="open">Отправить заявку</button> <button class="btn-modal" id="open">Отправить заявку</button> <button class="btn-modal" id="open">Отправить заявку</button> <div c…

    Asked by IsayR,

    0 votes
    1 answer

  5. Вывод нескольких результатов вычисления скрипта.

    Добрый день! Понимаю что вопрос глупый и он от незнания js, но тем не менее мне не удалось найти ответ самостоятельно. Есть скрипт который считает 3 разных результата и есть форма из которой берутся значения. И есть 3 поля, куда надо вывести эти 3 значения. Но по непонятной мне причине, во всех 3-х полях выводится первое значение. Вопрос: как вывести в каждое поле свое значение? <script> function SumAll() { var myform = document.forms.myform; var a=parseFloat(myform.a.value); var c=parseFloat(myform.c.value); var sum = (a + c)/0.001532; var sum2 = Math.round(sum)/100; myform.som.value = sum2; …

    Asked by fiver,

    0 votes
    2 answers

  6. Помогите с popUP окном на jQuery

    Всем привет. Необходимо сделать всплывающую форму на jquery. Перепробовал много решений из интернете, ни одно не работает по нормальному. Вот код формы: <div class="popup"> <form action="#" name="popup-form"> <label for="user-name">Имя</label> <input type="text" id="user-name" name="user-name" required> <label for="phone-number">Телефон</label> <input type="text" id="phone-number" name="email" required> <input type="submit" value="Отправить"> </form></div>Вот стили для нее: .popup{ width: 378px; height: 240px; padding: 15px 0 15px 21px; border: 1px solid #ff7d01; …

    Asked by IvanRu08,

    0 votes
    16 answers

  7. jQuery отслеживает CSS-класс который уже убран

    Добрый вечер! Есть простая задача: две кнопки сверху, к каждой привязано изображение. При клике по кнопкам изображение изменяется, также при наведении на каждое изображение происходит смена изображения в зависимости от того, на которое наведено. Для наглядности код в JSFiddle - http://jsfiddle.net/yustnip/92wrmk85/1/ Теперь уже по коду в JSFiddle. Сначала при наведении на красный блок все хорошо, он изменяется на зеленый, но если кликнуть сначала на вторую кнопку и потом на обратно на первую, то красный блок начнет меняться на синий, что не нужно. Это происходит потому что, несмотря на удаление через removeClass(), jQuery продолжает отслеживать класс 'b-main-infog…

    Asked by yustnip,

    0 votes
    14 answers

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

    Использую готовый плагин для модальных окон(от 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,

    0 votes
    2 answers

  9. Вывести значение select в другом div

    Есть список, состоящий из 9 городов, при выборе города должен отображаться соответствующий телефонный номер. Вот код select: <select> <option value="0">Россия</option> <option value="1">Краснодар</option> <option value="2">Екатеринбург</option> <option value="3">Москва</option> <option value="4">Новосибирск</option> <option value="5">Самара</option> <option value="6">Ростов-на-Дону</option> <option value="7">Нижний Новгород</option> <option value="8">Ярославль</option> <option value="9">Уфа</option> <option value="10">Тв…

    Asked by IvanRu08,

    0 votes
    7 answers

  10. Не всегда срабатывает скрипт

    Здравствуйте столкнулся с проблемой, не могу понять почему скрипт не всегда срабатывает. по замыслу это бургер меню которое работает только если ширина окна меньше чем 1025 после загрузки страницы или после ресайза, когда страница загружена результат всегда тот который и ожидался, а после ресайза иногда не срабатывает и меню не открывается, потом после следующего ресайза может заработать , может есть идею в почему так? function windowSize(){ myWidth = document.documentElement.clientWidth; if(myWidth<1025) { $("button.btn").on("click", function(){ $(".nav-collapse>ul").toggleClass("nav_active"); }); } } $(window).on…

    Asked by laliev,

    0 votes
    1 answer

  11. Вкладки с динамической подгрузкой

    Помогите пожалуйста понять как создать вкладки с динамической подгрузкой данных. Причём, внутри вкладок должен быть 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,

    0 votes
    4 answers

  12. Как скрыть блок при нажатии за его пределами?

    Подскажите пожалуйста, как можно скрыть блок, если нажимаешь за его пределами. Пользуюсь вот такой конструкцией: https://jsfiddle.net/Alarr/mp7gthqb/4/ $(".button").click(function () { $('.toggled_block').toggle();});но так блок будет появляться и исчезать только по нажатию на кнопку, а надо, что бы появлялся по нажатию на кнопку, а исчезал по нажатию и на кнопку и на экран. Ну и понятное дело, что блок не должен исчезать при нажатии на него, так как там должен быть, к примеру инпут для поиска.И прозрачный бэкграунд на весь боди тоже не прокатит. Спасибо заранее если получится помочь

    Asked by Alarr,

    0 votes
    3 answers

  13. Помощь с 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,

    0 votes
    4 answers

  14. Запрет на изменение размеров блока

    Здравствуйте. Есть три картинки. При клике на первую картинку она увеличивается в размерах. (получилось) При клике на вторую картинку - первая картинка уменьшается в размерах. (получилось) При клике на третью картинку - первая картинка запоминает свой размер и больше не изменяется. (не получилось) Как можно реализовать запрет на изменение блока только с помощью JQ? (Задача по JQ) Я думаю нужно сделать при клике на 3 картинку свойства !important, но не получается написать его с помощью JQ. ... <img src="img.jpg" alt="" class="img-circle" id="img-1" ><img src="img.jpg" alt="" class="img-circle" id="img-2"><img src="img.jpg" alt="" class="img-circle" id="img-…

    Asked by Temiks,

    0 votes
    2 answers

  15. Как избежать повторение одного и того же когда на разных страницах

    Я только недавно начал создавать свой первый сайт и понял что на каждой странице у меня повторяется шапка и низ сайта, а меняется лишь немного текста в центре. Есть ли в html php или javaScript, что-то типо "функции", чтобы можно было вставить одно слово(тег, что-то), которое замениться на набор текста и html тегов? P.S. Я не знаю каким образом это реализовывается поэтому предположил что эта тема должна быть в разделе по javaScript.

    Asked by RuslanT007,

    0 votes
    9 answers

  16. Не работает скрипт в чем может быть ошибка

    Написал скрипт все работало, потом перекрутил и все сломалось: http://ts.ca01022.tmweb.ru/ Не могу разобраться в чем беда? и второй вопрос как такой скрипт оптимизировать, если таких скриптов нужно сделать 46 штук.?

    Asked by daggi,

    0 votes
    7 answers

  17. Не определяет элемент lastChild

    Уважаемые форумчане! Просьба помочь со скриптом. Краткая информация о скрипте: 1. Скрипт генерит 5 элементов img и добавляет их в один из двух пустых div. 2. Скрипт копирует все элементы из одного div в другой, при этом удаляя один элемент img. Получаем 5 и 4 элемента img в двух div. До этого момента все гладко. Далее скрипт должен при нажатии на lastChild левого div, которым является один из img удалять всех child из обоих div и генерить уже 10 и 9 соответственно (по схеме выше). Или, при нажатии на любой другой child в div кроме последнего, выдавать сообщение. Вот проблема заключается в том, что не получается прописать событие onclick на последнем child'e одного из …

    Asked by Stojan,

    0 votes
    5 answers

  18. Интересная JQuery задачка

    Есть два контейнера, в каждом по 4 дива. https://jsfiddle.net/y3L89Ldf/ Как можно сделать так, что бы каждые две секунды, рандомный блок из верхнего контейнера менялся на рандомный блок из нижнего? И так, что бы в верхнем контейнере не было одинаковых блоков, и что бы верхний блок, не менялся два раза подряд на один из нижних. Походу надо сделать что бы при смене верхнего блока, он менялся местами с нижним, что бы нижний потом тоже мог рандомно стать обратно в верхний контейнер? Спасибо тем, кому будет интересно одолеть задачу

    Asked by Alarr,

    0 votes
    4 answers

  19. установка cookies в js

    уважаемые, помогите пожалуйста есть js код который реализует скрытие/показ сайдбара. как сделать запоминание положения сайдбара через куки? <script type="text/javascript"><!-- var d = document, sidebar = d.querySelector('.right'), content = d.querySelector('.content'); d.querySelector('button').addEventListener('click', function(){ sidebar.classList.toggle('hide'); content.classList.toggle('stretch'); }, false);--></script>

    Asked by optimus,

    0 votes
    7 answers

  20. Возможно ли реализовать подобное на javascript ?

    Здравствуйте. Есть сайт: http://www.panotours.ru/vr/senezh/senezh1.htm На нем реализована панорамная экскурсия по комнате на flash. Возможно ли реализовать подобное на javascript ?

    Asked by ishurgaya,

    0 votes
    11 answers

  21. Проверка заполненности input при наличии атрибута required

    1. Есть очень простая проверка полей в форме авторизации loginForm.addEventListener("submit", function(event) { if (!(inputLogin.value && inputPassword.value)) { event.preventDefault(); console.log("Введите логин и пароль") } else { ... }});Это работает до тех пор, если не добавить атрибут required для input, т.е. выполнение js условия блокируется. Как быть в таких случаях, когда нужно, чтобы и required присутствовал и событие выполнялось? 2. Если поля незаполненные - добавляю ксласс ошибки модальному окну. Но при повторном попытке отправки формы - класс modal-error не удаляется.

    Asked by grafnet,

    0 votes
    1 answer

  22. Помогите пожалуйста с js кодом

    помогите пожалуйста исправить js код http://mvcreative.ru/blog/slajding_novostej_ucoz/2013-01-17-28сделал все как здесь написано но почему то такая ошибка

    Asked by adminfilm,

    0 votes
    8 answers

  23. управление mousewheel

    $('.vertical_slide').on('mousewheel', function(event, delta){ pathname = window.location.hash; if (delta> 0 ) { window.location.hash = pathname +1; }else { window.location.hash = pathname +1; }}); есть такой код, который добавляет к текущему урлу + 1 по событию mousewheel(часть кода преобразования в число вырезана ) и вот проблема в том что если прокрутить очень сильно за раз то добавляться может и +4 сразу. как можно решить эту проблему подскажите пожалуйста, что бы пр любом уровне прокрутки добавлялся +1! Спасибо за внимание!

    Asked by laliev,

    0 votes
    15 answers

  24. Получить ссылку с xml

    Здравствуйте. Есть такой xml-код <?xml version="1.0" encoding="UTF-8"?><ajax><cmd><![CDATA[<div class="success"><b>success</b></div><br><br>[ <a href="http://mysite.com/link/1/1-1-0-16" target="_blank">my link</a> ]]]></cmd></ajax>Мне необходимо получить с него число 16. Прошу вашей помощи в написании regexp, или другого решения. Мои попытки не увенчались успехом.

    Asked by alex_web64,

    0 votes
    4 answers

  25. Слайдер jQuery с текстовыми ссылками.

    Доброй ночи. Помогите, пожалуйста, найти слайдер, где вместо превью изображений можно вставлять обычный текст. При клике по тексту нужна смена слайдов. Сейчас использую на сайте "Fotorama", но в этом слайдере нет возможности вставить текст вместо превью. Просмотрел в инете с два десятка слайдеров, но не нашёл где можно использовать текст вместо изображений превью. Заранее благодарю за помощь.

    Asked by slo_nik,

    0 votes
    4 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