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. Собственный цикл forEach

    Прочитал статью по ссылке как создать собственный цикл foreach. Вот код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тест</title> </head> <body> <p id="result"></p> <script> const array1 = ['a', 'b', 'c']; const array2 = ['d', 'e', 'f']; const array3 = array1.concat(array2,5,7); //Собсвенный цикл forEach var each = function(arr, callback,thisArg) { var i, length = arr.length; for (i = 0; i < length; i = i + 1) { callback.call(thisArg,arr[i], i, arr); } }; each(array3,(rez,d,array3)=>{ result.innerHTML+= d + ' - ' + rez + '<br> ';} ) </…

    Asked by denis_alekss,

    0 votes
    1 answer

  2. Скрытие и показ div

    Столкнулся с проблемой показа скрытых элементов. Ставлю div'у display:none и при выборе radio кнопки, div должен отображаться, но этого не происходит, прошу помочь.. <label>Нужны ли распашные дверцы?</label> <p><input type="radio" name="swing" onclick="ShowElement1">Да</p> <p><input type="radio" name="swing">Нет</p> <div id="swing"> <p><label>Введите размер ячеек:</label></p> <p>Высота<input type="number"></p> <p>Ширина<input type="number"></p> …

    Asked by cozy_eternity,

    0 votes
    1 answer

  3. Работа с массивами в Javascript, не правильно работает метод slice

    Прочитал про метод slice на сайте Javascript https://learn.javascript.ru/array-methods. Не правильно выводит массив. Вот код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тест</title> </head> <body> <p id="result"></p> <script> let arr = ["Я", "изучаю", "JavaScript", "прямо", "сейчас", "помни", "это"]; arr.slice(-4); for(let i = 0; i<arr.length; i++){ result.innerHTML += i + " - " + arr[i] + '<br>'} </script> </body> </html> Строка arr.slice(-4); Должна с 4-го элемента, считаем с конца массива, так как там минус 4. Это элемент п…

    Asked by denis_alekss,

    0 votes
    3 answers

  4. На какие новшенства css надо обратить внимание верстальщику?

    На какие новшенства css надо обратить внимание верстальщику? CSS Modules, Flex, CSS Grid... Что еще?

    Asked by torsar,

    0 votes
    5 answers

  5. Как запустить форму после нажатия на ENTER?

    Как запустить форму при нажатии на клавишу ENTER? Не реагирует на ENTER, после ввода в текстовое поле. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тег input, атрибут type</title> <script> function fanta(){ if(one.elements.number.value == 5) alert("Все правильно!") document.getElementById('result').innerHTML = "Неправильно, введите в полее цифру 5" } </script> </head> <body> <form id="one"> <input type="text" name="number"> <input type="button" value="Жми" onClick="fanta()"> </form> <p id='result'></p> </bod…

    Asked by denis_alekss,

    0 votes
    1 answer

  6. Пересчитать сумму всех input

    Здравствуйте! Есть несколько товаров с выбором количества и ценой - jsfiddle Подскажите, пожалуйста, как реализовать следующее: При клике на <span class="plus">+</span> или <span class="minus">-</span> в <div id="totalCount">0</div> должна выводиться общая сумма заказа. То есть, цена товара умножается на его кол-во и передается в <div id="totalCount">. Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    3 answers

  7. InnerHTML проблемы

    Здравствуйте, пытаюсь сделать небольшой редактор. Сначала нажимается кнопка на html-странице, потом заполняется форма с параметрами графоэлемента (иконы), эти параметры считывает скрипт, передаёт их в другую функцию. Та формирует код HTML с тегом svg и вставляет в блок draw. В этом деле вообще начинающий, ещё в голове путаница с расположением элементов, паддингами и т.п. А проблема, что после исполнения скрипта ничего не происходит, иногда на секунду мелькает что-то похожее, но в целом результата нет. Код HTML: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Иконы</title> …

    Asked by Alex_st22,

    0 votes
    1 answer

  8. Проблемы с плагином scrollmagic

    Добрый день. Хотела попросить помощи, на тему работы плагина scrollmagic.io Плагин анимации при прокрутки страницы. Сейчас есть несколько проблем с которыми я не могу разобраться, помогите пожалуйста: 1) Недовольны тем, что типа долго скролится сайт сам по себе и до блоков с информацией - кто знает как можно ускорить прокрутку? Или сделать 2 пункт 2) Сделала паузы для блоков текста на нескольких точках анимации, но пропал эффект прокрутки текста, получается блок сейчас просто появляется с текстом на точке паузы. 3) И небольшой нюанс, почему-то именно на МакБук (в сафари и хроме) не отображаются картинки анимации, притом на Маке, Аймаке или Ай…

    Asked by Mary_RND,

    0 votes
    0 answers

  9. gulp-sass не хочет устанавливаться

    Решила освоить Gulp, пытаюсь установить модуль для sass, но не тут то было, в консоли выдаёт C:\Documents and Settings\Ника\Рабочий стол\build>npm install --save-dev gulp-sassnpm WARN prefer global node-gyp@3.2.1 should be installed with -g > node-sass@3.4.2 install C:\Documents and Settings\Ника\Рабочий стол\build\node_modules\node-sass> node scripts/install.js Binary downloaded and installed at C:\Documents and Settings\Ника\Рабочий стол\build\node_modules\node-sass\vendor\win32-ia32-47\binding.node > spawn-sync@1.0.13 postinstall C:\Documents and Settings\Ника\Рабочий стол\build\node_modules\spawn-sync> node postinstall > node-sass@3.4.2 postinstal…

    Asked by vera17,

    0 votes
    6 answers

  10. Решил освоить галп

    Решил усвоить галп. При установке выдает ошибку, как исправить? - npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm ERR! code 1 npm ERR! path /Users/antonanton/Desktop/Homework/html-advanced/hw2/node_modules/node-sass npm ERR! command failed npm ERR! command sh -c node scripts/build.js npm ERR! Building: /usr/local/bin/node /Users/antonanton/Desktop/Homework/html-advanced/hw2/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR!…

    Asked by Антонывомижфи,

    0 votes
    0 answers

  11. Вывод текста при нажатии на кнопку

    Задача: если в поле вводится ответ с 1 ошибкой в цифре, то выводится частичное решение, если 2 ошибки и более, то ответ неверный, если все цифры совпадают, то ответ верный. НО почему-то код работает не совсем верно <!DOCTYPE HTML> <html> <head> <style> .correct { background-color: #79ba6c; color: #000000; } .wrong { background-color: #ed9898; color: #000000; } .half { background-color:#f5b65d; color:#000000; } </style> <meta charset="UTF-8"> <script> function rezultat1() { const user_answer = document.getElementById('otvet1').value; const correct_answer = '529736'; let score = 0; for (let i = 0; i < correc…

    Asked by blkvnkl,

    0 votes
    1 answer

  12. css modules

    Где доходчиво почитать про сабж на русском?

    Asked by torsar,

    0 votes
    1 answer

  13. Анимация мультяшки

    Ребят всем добрый! Хочу попробовать сделать простую анимацию мультяшки для сайта. Типа выпрыгивает, глазами моргает и тексты пишет (показывает). Думаю на чем. Что можете посоветовать? Может канвас + JS ? Можете ли вы привести примеры чего-то подобного? Вероятно это SVG + анимация + js

    Asked by ShumNo,

    0 votes
    2 answers

  14. Как вывести метаданные потока радио на сайт?

    Как вывести метаданные потока радио на сайт? Есть поток: http://stream.zeno.fm/65mzpmp6za0uv Нужно вывести название трека на сайт

    Asked by tihonazima,

    0 votes
    1 answer

  15. Срочно помогите!!!

    Я нашёл интересный скрипт и доработал его, но текстовые поля мгновенно очищаются! Вот ссылка. А ниже прикреплён файл, кто сможет помогите, и объясните почему это не работает как надо. Заранее спасибо! maker.html

    Asked by kreepmeister,

    0 votes
    1 answer

  16. Спрятать html-блок для второго языка

    Привет, друзья! Вот уже 3 день ломаю голову, решил обратить за помощью в сообщество. Помогите, кто знает. У меня стоит есть сайт на WordPress +woocommerce и polylang. Весь сайт перевел нормально, но есть 2 блока, которые никак не могу перевести ( Это те места, которые настраиваются через html-блоки. Я хочу в блоке показывать часть контента для одного языка, а часть для второго. Подскажите, есть ли решение данной задачи через html? Буду очень благодарен за любые ответы

    Asked by andreytsoy,

    0 votes
    0 answers

  17. Помогите это сделать (делов 2 секунды.)

    Всем привет! помогите написать это в коде такую таблицу внутри текста в коде. Благодарю!

    Asked by Hjjjkkkf2,

    0 votes
    2 answers

  18. Скрипт ротации ссылок

    Всем привет! Для сайта, который работает на htm-файлах, нужен скрипт ротации ссылок. Скрипт должен выводит на странице несколько ссылок в случайном порядке: Ссылка 2 Ссылка 3 Ссылка 1. Может быть где-то есть готовый похожий скрипт?

    Asked by Anna-15,

    0 votes
    0 answers

  19. Карта изображений

    Мучаюсь, не могу не как попасть на иконки вацапа и вайбера, используя карту изображений. Не как не пойму как эти координаты высчитать. В итоге сделал три картинки и задал инлайн блок и всем картинкам ссылки.

    Asked by viliksar,

    0 votes
    0 answers

  20. Клик только внутри блока

    А как обращаться только внутрь одно из блоков? Т.е. чтобы кнопка срабатывала только внутри одного блока. Ну и карта соответственно. https://codepen.io/npofopr/pen/RwwaodB

    Asked by npofopr,

    0 votes
    8 answers

  21. Как изъять текст из <button>

    <button class="but" onclick="tap">Пельмени</button> Как я могу в JS получить слово "Пельмени"?

    Asked by Progrmergr,

    0 votes
    0 answers

  22. Помогите с масштабированием картинки!

    Как сделать чтоб картинка изменяла размер но не разрешение, то есть сейчас на сайте при приближении картинка вся в пикселях, так как разрешение в 4 раза меньше исходного.

    Asked by GreenAurora,

    0 votes
    5 answers

  23. Динамический выбор с выводом результата

    Всем привет, может кто поможет? Стоит такая задача, сделать динамический выбор сначала выбираешь город, после того как ты выбрал город ты можешь выбрать дом, а после того как ты выбрал дом он тебе показывает есть в этом доме интернет или нет. Как реализовать город > дом я понял, а как показать не селектором а просто строкой есть там интернет или нет? P.S. В JS полный новичок

    Asked by Danny Cool,

    0 votes
    2 answers

  24. Не выбирается динамический объект по классу

    https://jsfiddle.net/d0ublezer0/vd6fe2zs/ Такое дело. Содержимое таблицы заполняется автоматически из массива, основываясь на доступных опциях радио-списка со страницы.то есть, все строки создаются динамически через append При клике на строку, она принимает класс selected. Задача - получить атрибут "for" при клике на кнопку "выбрать размер". Как ни пробовал, выбранная строка не возвращается в виде объекта. Помимо варианта в примере, пробовал так: jQuery("#sizes_table tr.selected").first() Что я сделал не так?

    Asked by d0ublezer0,

    0 votes
    1 answer

  25. почему не работает delay?

    form.addClass("cart-product-adding"); btn.prop("disabled", true).text("Минутку"); // тут идет AJAX вызов и ждем ответ. после него изменяем статус кнопки и формы form.removeClass("cart-product-adding").addClass("cart-product-added"); btn.text('Готово').delay(200); form.removeClass("cart-product-added"); btn.text('В корзину').delay(1000).prop("disabled", false); Это логика формы добавления в корзину. Задача показать процесс добавления, пока ajax не вернет ответ. Сообщить об этом и поменять вид кнопки обратно по завершении обработки. Почему не работает delay в этом случае? Всё без остановки пролетает на последних четырех строчках UPD: нашел. потому что нужно исп…

    Asked by d0ublezer0,

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