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. css modules

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

    Asked by torsar,

    0 votes
    1 answer

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

  3. __proto__ и prototype в Javascript

    Зачем нужен prototype в JavaScript? При создании любого объекта в JavaScript создается новый объект __proto__ в системе который ссылается на функцию(класс) с помощью которого этот объект создан. При объявлении функции или класса создается также объект с именем prototype. Он создается для того чтобы потомки функции-классы могли унаследовать его свойства или для того чтобы сделать чисто инициализацию конструктора, которая происходит после new когда объявляется любая функция или класс?

    Asked by denis_alekss,

    0 votes
    1 answer

  4. 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

  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. Списки select

    Подскажите пожалуйста, как завязать 2 списка селект один с другим, т.е у нас етсь список выпадающий, в котором значения 1 и 2. При выборе 1 сбоку можно выбрать подкатегорию типа 1,1 1,2 1,3 а при выборе 2 будет 2,1 2,2 2,3 и также как потом сплюсевать значения value подкатегорий и вывести их ? Заранее спасибо.

    Asked by nikemark,

    0 votes
    1 answer

  7. Помощь по JQUERY

    With jQuery, you must search on Flickr, using APIs, to get 5 images per keyword and create appropriate baskets. User should be able to drag & drop received pictures in the appropriate basket. The picture is moving back in case of throwing into the wrong basket. At any moment, you should show the pictures you put on the basket by clicking on it. You must show a message after sorting all the pictures. All code must be written as a jQuery plugin. Check interface example on second page of this paper. Flickr API documentation: https://www.flickr.com/services/api/ Прощу помоч. Я начинаюшый и Jquery не очень понимаю.

    Asked by Edmon Arzumanyan,

    0 votes
    1 answer

  8. Скрытие и показ 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

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

    Задача: если в поле вводится ответ с 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

  10. Как сделать прицельное увеличение изображения?

    Нужный функционал в совершенстве реализован тут. Не обязательны кнопки (но с ними намного лучше), хотя бы прицельное увеличение по клавишам.

    Asked by biomass,

    0 votes
    1 answer

  11. Как сделать меню 3 картинками

    Пытаюсь сделать меню с 3 картинками, чтобы при нажатии на стрелки вправо и влево картинки переключались. Есть предположение, что можно это сделать через массив, но не знаю как это реализовать на jQuery. HTML <div class="products"> <div id="productsPICS"> <div> <img src="img/products/1.jpg"> </div> <div> <img src="img/products/2.jpg"> </div> <div> <img src="img/products/3.jpg"> </div> </div> <div id="leftButton" class="button"> <img…

    Asked by mut4bor,

    0 votes
    1 answer

  12. Как реализовать такой функционал

    Есть конструктор шкафа. Как реализовать такой? https://tylko.com/wardrobe/242/?cv=1&board=cat_8__type_all__id_4276 Это какой-то плагин? Или лучше написать на чистом js?

    Asked by yaparoff,

    0 votes
    1 answer

  13. Возможно ли придать значение переменной, допустим x - ссылку на изображение.Значения переменных

    Хотели в крестиках ноликах заменить кресты и нули на анимешных тяночек. В голову лезет что то по типу x = url(ссылка), но нормально сформулировать ничего не можем, первый курс колледжа. Заранее спасибо за помощь.

    Asked by TRVelund,

    0 votes
    1 answer

  14. Копирование страницы с другого сайта с обновлением контента

    Есть несколько страниц, которые нужно перенести в свой блог, а точнее часть кода страницы. Перенести их простым копированием html возможно, но интересует именно перенос с обновлением контента из копируемой страницы. Существует ли простое решение этой задачи, или нужен комплексный подход?

    Asked by Hawk,

    0 votes
    1 answer

  15. Вывод результата функции в Textarea

    Приветствую! Подскажите, как вывести результат функции в Textarea ? Заранее благодарен! function strReplace() { var myStr = document.getElementById("source").value; var newStr = myStr .replace(/&‌#‌1084‌;/g, "м") .replace(/&‌quot‌;/g, "&quot;"); if (document.getElementById("source").value == "") { alert("Textarea is empty!"); } else { document.getElementById("myText").innerHTML = newStr; //document.getElementById("source").select(); //document.getElementById("source").value…

    Asked by Dr.,

    0 votes
    1 answer

  16. js, css - анимация

    Нужно сделать анимированное меню с шариками. Как здесь: http://79.110.52.43/ На ванилла js. Сторонние либы и фреймворки использовать нельзя. Только базовый jquery. Я посмотрел, там сделано на canvas. Нужны руководства/книги/учебники/статьи по теме. Как делать анимашки на canvas? Как задавать траекторию движения шариков? Математическая функция? Кривые Безье подойдут?

    Asked by torsar,

    0 votes
    1 answer

  17. Удаление стиля

    Как при повторном нажатии удалить добавленный стиль? document.querySelector(’#menu-link’).addEventListener(‘click’, () => { document.querySelector(‘nav’).classList.add(‘active’); })

    Asked by braucode,

    0 votes
    1 answer

  18. Переход на сайт с последующим имитированием клика

    Доброго времени суток! Почитал статейки, вроде как сюда. Дали задачу сделать QR (что смогу сделать), с последующим переходам на сайт и и имитированием клика по блоку, которое должно вызывать pop up окно с определенным классом. Сайт Akromi, блок *Маркетинговые услуги*, по клику вызывается блок pop up. Надеюсь описал все правильно, если это делается другим способом, шлите меня... в другую ветку.

    Asked by Liv0n,

    0 votes
    1 answer

  19. Как передать значение из поля в поле?

    Не могу значение с одного поле на другой, через JavaScript. Помогите пожалуйста! <!DOCTYPE HTML> <html lang="kz"> <head> <meta charset="utf-8"> <title> ВЫВОД </title> </head> <body> <input type="text" name="Vvod" value="Пример" placeholder="введите имя"> <input type="text" name="Vyvod"> <br> <input type="submit"></button> <br> <script type="text/javascript"> function submit() { let Vvod=document.getElementsByTagName('Vvod'); Vyvod.value=Vvod; console.log(Vyvod.value); } </script> </body> </html>

    Asked by Kasl68,

    0 votes
    1 answer

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

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

  21. Количество выбранных 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

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

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

  23. Новичёк нужна помощь

    Нужно сделать код с библиотекой jQuery в котором при нажатии кнопки в одном html файле тег добавлялся в другом

    Asked by sonterik,

    0 votes
    1 answer

  24. Новичёк, помогите с задачей

    Всем привет, по тихоньку осваиваю JS, прохожу курсы и тут такая задача: Нужно создать функцию recommendRoom, которая будет подбирать наиболее подходящую комнату для указанного числа гостей adultsCount, childrenCount и babiesCount. Теперь есть 2 вида комнат small room до 4 человек big room до 8 человек Не забывай о правиле extra bed (подселить младенца). Оно действует и для 4-местных, и для 8-местных номеров. О валидности данных можешь не беспокоиться, canTheyBook уже всё проверил. Просто верни правильную строку для заданных параметров. Я написал код, но всё-равно не пойму как пристроить "extra bed", помогите пожалуйста с решением : function recom…

    Asked by Mr_Po,

    0 votes
    1 answer

  25. Задача по JavaScript

    Здравствуйте, никак не могу решить задачу: требуется получить веб-страницу, где пользователь вводит имя и фамилию в соответствующие поля, нажимает кнопку "отправить" и в результате выводится фраза: Ответ: Здравствуйте, Имя Фамилия. Всё получилось кроме одного: при нажатии на кнопку выводится только " Ответ: Фамилия", а слово " Здравствуйте" и имя почему-то не выводятся. Даю ссылку на файл. https://disk.yandex.ru/d/6n834dYn8ForIw Заранее спасибо. С уважением, Наташа.

    Asked by Наташа,

    0 votes
    1 answer

  • Обсуждения

    • 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