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. Как сделать чтобы закрывалось только одно модальное окно когда открыто несколько?

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

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

  3. Проблема с ссылками при прокрутке

    Сделал вот такой эффект прокрутки вглубь сайта с появляющимися картинками и исчезающими когда прокручиваешь. let zSpacing = -1000, lastPos = zSpacing / 5, $frames = document.getElementsByClassName('frame'), frames = Array.from($frames), zVals = [] window.onscroll = function() { let top = document.documentElement.scrollTop, delta = lastPos - top lastPos = top frames.forEach(function(n, i) { zVals.push((i * zSpacing) + zSpacing) zVals[i] += delta * -5.5 let frame = frames[i], transform = `translateZ(${zVals[i]}px)`, opacity = zVals[i] < Math.abs(zSpacing) / 1.5 ? 1 : 0 frame.setAttribute('style', `transform: ${transform}; opacity: ${…

    Asked by titanushkaD,

    0 votes
    5 answers

  4. Количество выбранных checkbox

    <fieldset align="left" style="width:300px"> <legend>Langs?</legend> <input type="checkbox" name="lan" value="1"> lang1 <br> <input type="checkbox" name="lan" value="200"> lang2 <br> <input type="checkbox" name="lan" value="400"> lang3 <br> <input type="checkbox" name="lan" value="600"> lang4 <br> <input type="checkbox" name="lan" value="800"> lang5 <br> <input type="checkbox" name="lan" value="1000"> lang6 <br> <input type="text" name="output1" size=10> <input type="button" value="Sum" onClick="grand()"> <input type="r…

    Asked by Ярocлaв,

    0 votes
    1 answer

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

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

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

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

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

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

  8. У меня не получается активировать кнопку Enter.

    Не думал что буду обращаться сюда. Я написал простую игру на JS. Активировать кнопку Enter не получается. Пытался найти решение в интернете. Если кому-то не трудно, помогите пожалуйста. Ещё подскажите в какую строку вставить активацию. Игру загрузил на бесплатный хостинг, можете посмотреть: http://f0535962.xsph.ru <!DOCTYPE html> <html lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Guess</title> <style> html { font-family: sans-serif; font-size: 25px; text-align: center; color: white; } body { …

    Asked by dislav,

    0 votes
    4 answers

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

    Здравствуйте. Есть три картинки. При клике на первую картинку она увеличивается в размерах. (получилось) При клике на вторую картинку - первая картинка уменьшается в размерах. (получилось) При клике на третью картинку - первая картинка запоминает свой размер и больше не изменяется. (не получилось) Как можно реализовать запрет на изменение блока только с помощью 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

  10. 42 одинаковых скрипта c различными парам-ми на одной странице

    Есть 42 формы в модальных окнах. Для каждой Я написал считалку типа калькулятора c различными парам-ми для каждой формы на одной странице. как упростить код формы или скрипта чтобы не городить много кода форм?! <!DOCTYPE html><html><head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><script>$(window).load(function () {calc();});function calc(){ if(document.getElementById('d1').checked == true){var noil=document.getElementById('names1').innerHTML="Name12";var coil=document.getElementById('sht1').innerHTML="1шт.";var cnoil=document.getElementById('ocen1').innerHTML=100;var fnoil=document.getEleme…

    Asked by daggi,

    0 votes
    27 answers

  11. Фиксированная кнопка не появляется

    После прокрутки на определенное расстояние должна появится кнопка. Не понимаю в чем проблема, на другом сайте работало без проблем. https://jsfiddle.net/cr4wrbw2/2/

    Asked by WhatIsHTML,

    0 votes
    2 answers

  12. Для мобильных слайдер вылезающий слева - как называется?

    Однажды видел такую штуку: если зайти с мобильного телефона и начать прокручивать экран вниз - слева появляется стрелочка на право. если провести пальцем по экрану слева на право - вылезает превьюшка похожих статей. Хотел такую вот штуку на сайте поставить. Как это вообще называется? что гуглить? Может готовые скрипты есть, или что-то для этого нужно почитать? т.е. есть обычный блок слева - похожие статьи. вот хотелось бы в мобильной версии сделать чтобы он был таким вот выдвижным.

    Asked by nikki4,

    0 votes
    1 answer

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

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

    Asked by daggi,

    0 votes
    7 answers

  14. замыкания

    Здравствуйте. Вот пример из учебника: function makeBuffer() { var text = ''; return function(piece) { if (arguments.length == 0) { // вызов без аргументов return text; } text += piece; }; }; var buffer = makeBuffer(); // добавить значения к буферу buffer('Замыкания'); buffer(' Использовать'); buffer(' Нужно!'); alert( buffer() ); // 'Замыкания Использовать Нужно!' Объясните пожалуйста два момента: 1 - зачем функцию makeBuffer() присваивать переменной buffer? 2 - вот этим вызовом buffer('Замыкания') (и всеми такими же) получается что передаем аргумент в функцию оболочку, а использует его внутренняя функция function(piece). Вот такая запись для меня была бы понят…

    Asked by Mixail.09,

    0 votes
    1 answer

  15. Вставка текста в textarea.

    Здравствуйте ! Решил сделать на свой сайт комментарии. Есть такая функция: function citata(message) { message = message + 'mess'; document.getElementById('outmess').innerHTML += document.getElementById(message).innerHTML; }Она вставляет в текстовое поле текст из написанных ранее сообщений. Во-первых, текст исправно вставляется лишь до внесения изменений в это текстовое поле. Стоит написать любую букву, как вставка перестаёт работать. Во-вторых, пытаюсь сделать перевод строки после вставки символом "\n", но оно не работает. И к тому же, если перенос строки уже был в цитируемом сообщении, то в форму оно вставляется с тегом - <br>. Как и следовало ожидать, …

    Asked by Kompilator,

    0 votes
    31 answers

  16. JQuery Fancybox открыть текущее изображение

    Задача : при клике на активное изображение в слайдере открывается Fancybox, который содержит это изображение. Структура html примерно следующая. "flex-active-slider" применяется динамически и обозначает активное на данный момент изображение. <ul> <li class="flex-active-slider"> <img src="img1.png"> </li> <li class=""> <img src="img2.png"> </li> <li class=""> <img src="img3.png"> </li></ul>JS: $(window).load(function() {$(".flex-active-slide").click(function() { var img = $(this).find('img'); $.fancybox.open([ { href: "img.attr('src')" } ]);});}В итоге, fa…

    Asked by WhatIsHTML,

    0 votes
    3 answers

  17. параметры по умолчанию

    помогите пожалуйста разобраться так я передаю параметры для начала игры и сообщений об ошибке в консоли нет. а значит в app.options.level записано определённое значение а так я не передаю параметры для начала игры, следовательно в app.options.level должно записаться значение по умолчанию: 1. то есть должна отработать вот эта инструкция: this.options = { level: options.level || 1 ... ..... ....}но этого не происходит. в результате я получаю в консоли сообщение об ошибке: почему так происходит? ведь оператор || должен присвоить или одно или другое

    Asked by cyklop77,

    0 votes
    4 answers

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

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

    Asked by Alarr,

    0 votes
    4 answers

  19. Вызов функции из другой функции.

    Здравствуйте, не могу найти как находясь в одной функуции вызвать другую, отработать её и вернуться в первую.

    Asked by Kompilator,

    0 votes
    2 answers

  20. jQuery show/hide меню после клика

    Задание: По клику на ссылку появляется меню. По клику в любом другом месте кроме, области меню, оно должно "прятаться". Меню появляется, но не "прячется". В поиске наткнулся на такой метод как not(), но реализовать все равно не смог. Возможно не через него надо делать(?). Помогите, пожалуйста. //#button-project - ссылка, по клику которой, появляется меню.//.menu-projects - меню.$(document).ready(function(){ $("#button-project").click(function(){ $(".menu-projects").show(); }); $("not(.menu-projects)").click(function(){ $(".menu-projects").hide(); }); });

    Asked by WhatIsHTML,

    0 votes
    8 answers

  21. Делегирование - это хорошо?

    Добрый день! Интересует такой вопрос: есть ли что-то плохое в делегировании событий? Хочу сделать динамическую подгрузку контента на всем сайте. И чтобы обработчик событий всегда работали, думаю, использовать делегирование. То есть все обработчики вешать через body: $('body').on('event', 'selector', func); Есть ли у этого какие-то побочные эффекты, чем это может обернуться? Или можно спокойно ставить все обработчики таким образом? Спасибо!

    Asked by Antoshka007,

    0 votes
    3 answers

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

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

    Asked by Alarr,

    0 votes
    3 answers

  23. Получить ссылку с 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

  24. Работа с массивами и цикл for

    Здравствуйте. Есть задача, пройтись по массиву и сортировать так, чтобы все 0 были в конце массива. Написал такой код 'use strict'var arr = [1, 5, 0, 10, 0, 65, 0];function moveZeros(some) { let str; for(let i = 0; i < some.length; i++) { if(some[i] == 0) { str = some.splice([i], 1); some = some.concat(str); } } return some;}console.log(moveZeros(arr));В данном примере все сортирует правильно, но если массив будет вида скажем [0, 0, 0, 1], то не будет правильно и на выходе получим [0, 1, 0, 0] вместо [1, 0, 0, 0] Например имеем такую ситуацию, что var arr = [0, 0, 0, 1] Цикл в первый раз пробежался по массиву, первый (нулевой) элемен…

    Asked by Нарек,

    0 votes
    27 answers

  25. Скрыть <audio> после воспроизведения

    Добрый день. Подскажите пожалуйста по такому моменту: на странице есть несколько элементов <audio>. Как можно сделать, что бы после проигрывания записи она скрывалась со страницы?

    Asked by jdk,

    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