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 в скрипт?

    Всем привет! Помогите правильно поставить localStorage в скрипт. У меня почему-то не срабатывает, и при обновлении страницы теряется класс актив. Пробовала много разных вариаций, но всё равно не срабатывает, не могу понять, что не нравится. Сам скрипт: <input <?= $checked; ?> type="checkbox" id="compareid_<?= $arItem['ID']; ?>" data-id="<?= $arItem['ID']?>" onchange="compare_tov(<?= $arItem['ID']; ?>);"> <label for="compareid_<?= $arItem['ID']; ?>" style="display: block; width: 36px; height: 36px; position: absolute; top: 55px;"> <span class="comparTov_<?= $arItem['ID']; ?>" style="background:url(image1.png);">&l…

    Asked by Ekaterina,

    0 votes
    0 answers

  2. Как сделать постраничную навигацию.

    Помогите пожалуйста, не получается сделать постраничную навигацию. Делал все по урокам. в Итоге получилось сделать два разных каталога один с фильтрами другой с постраничной навигацией. И теперь я пытаюсь объединить два каталога. Но не получается. Сами файлы урока в архике каталог. Буду очень благодарен если мне помогут! catalog.phpcatalogDB.js каталог.7z

    Asked by Only091,

    0 votes
    0 answers

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

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

    Asked by TRVelund,

    0 votes
    1 answer

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

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

    Asked by yaparoff,

    0 votes
    1 answer

  5. Как реализовать кнопку "пауза" в тетрис?

    Ссылка на тетрис: http://onlinetetris.noradrzo.beget.tech/ Добрый день, столкнулась с проблемой кнопки “пауза” в игре сделала обработчик на кнопку “пауза” (в самом конце файла js) написала переменную isPaused по умолчанию со значением false (пока игра не начнется) (317 строчка в js) в функции падении фигур move(321 строчка в js), добавила условие, что если не на паузе игра, то фигуры падают но в итоге фигуры вообще не падают, в консоле ошибку не выдает где допущена ошибка?

    Asked by noradrenaline,

    0 votes
    0 answers

  6. Изменение текста в slick slider

    Есть js в котором работает счетчик слайда. При свайпе, следующему слайду, добавляется новый текст. Вопрос: как изменить опять текст, при свайпе назад <span class="name-itm">Текст</span> var $slider = $('.slider'); var sliderCounter = document.getElementsByClassName("slider-counter"); var nameItm = document.getElementsByClassName("name-itm"); var newText = "Новый текст"; if ($slider.length) { var updateSliderCounter = function(slick, currentIndex) { currentSlide = slick.slickCurrentSlide() + 1; $(sliderCounter).text(currentSlide); }; $slider.on('afterChange', function(event, slick, currentSlide, nextSlide) { update…

    Asked by SergeyMsky,

    0 votes
    0 answers

  7. Как сделать вращение картинки?

    С помощью математических функцию удается сделать вращение квадрата состоящий из moveTo и lineTo. Как сделать тоже самое для картинки используя drawImage и transform? Мне нужно получить вот это пример анимация gif (только с drawImage). Вот пример кода анимации выше (чтобы запустить анимацию нужно удерживать любую кнопку на клавиатуре) <!doctype html> <html> <head> <meta charset="utf-8"> <title>Square 3D</title> </head> <body> <header> </header> <canvas id="canvas" width="400" height="400"></canvas> <script> function Point3d (x, y, z) { …

    Asked by Katerina23,

    0 votes
    0 answers

  8. Не работает автоматический переход по ссылке из document.anchors

    <html> <head> <script> function start(){ var a=document.anchors[0]; a.click(); } </script> </head> <body onload="start()"> <a href="index-1-table.html"></a> </body> </html>

    Asked by SAVC,

    0 votes
    4 answers

  9. Как зашифровать код JavaScript?

    Как зашифровать код на javascript, мне нужен сервис, чтобы сделать код js не читаемым и не возможным скопировать. Есть какой-нибудь онлайн шифровальщик? P.S. Этот вопрос возможно я уже здесь задавала но не могу его найти.

    Asked by Katerina23,

    0 votes
    3 answers

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

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

  11. Замена текста на html css js

    Требуется сделать строку ввода в которые вписывается опреленная ссылка(любая) например:"https://htmlforum.org/forum/123" Нужно, чтобы по нажатию кнопки в веденной ссылке менялась половина до опреденного домена типа org с того что было например на "https://123htmlsuper.ru/forum/123" . То есть не просто с org на ru, а полностью от https до слеша перед org Дальнейший вывод этой ссылки или кнопки для перехода на эту ссылку Нужно это для сайта в "блокноте" html css Help

    Asked by Bignoob,

    0 votes
    8 answers

  12. У меня не получается активировать кнопку 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

  13. Условие выбора языка на странице поиска

    Здравствуйте. Есть страница для поиска в Google. На странице поле для ввода слова, которое надо найти, поле для ввода языка, кнопка. Необходимо, чтобы пользователь вводил в первое поле слово, вводил во второе поле "английский", и выводились результаты поиска только на английском, или пользователь вводил "немецкий", и результаты выводились только на немецком, или пользователь вводил "французский", и результаты выводились только на французском. Проблема в том, что какие бы языки не вводились, результаты поиска выводятся только на русском. Обязательно использовать оператор if. <html> <head> <script> function Gofindit() { var search_word = document…

    Asked by alias,

    0 votes
    0 answers

  14. Не срабатывает Listener over.

    <html> <head> <meta charset="UTF-8"> <style> .t { position:relative; cursor:pointer; } </style> <script> function on_over(e){ var o=e.currentTarget; o.style.top="-2px"; }; function init(){ var o=document.getElementById("button"); o.addEventListener("over",on_over,true); } </script> </head> <body onload="init()"> <span class="t" id="button"> BUTTON </span> </body> </html> 1.html Разобрался. Нужно писать mouseover o.addEventListener("mouseover",on_over,true);

    Asked by SAVC,

    0 votes
    0 answers

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

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

    Asked by biomass,

    0 votes
    1 answer

  16. Без вызова Alert("текст") не применяется значение.

    Сразу скажу за основу брал чужой код. Есть основная страничка страничка. На ней меню, по нажатию на ссылки в котором открываются другие странички. Так вот по открытию одной из них считываются имена файлов, расположенных на устройстве. Они и считываются. function GetList(submit) { var server = "/list?dir=/"; send_request(submit, server); alert("блаблабла"); alert('2' + submit.value); } function send_request(submit,server){ var request = new XMLHttpRequest(); request.open("GET", server, true); request.send(); save_status(submit,request); //alert('1' + submit.value); } function save_status(submit,r…

    Asked by Delphin911,

    0 votes
    7 answers

  17. Не работает вывод суммы двух чисел

    <!DOCTYPE html> <html lang=ru> <head> <meta charset="utf-8"/> <meta name="author" content="DV"/> <meta name="keywords" content="Калькулятор"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="description" content="Калькулятор"/> <title>Калькулятор</title> <link rel="stylesheet" href="styles.css"> </head> <body> <form oninput="result.value=num1.value+num2.value"> <h3>Сумма двух чисел</h3> <p>Введите первое число: <input …

    Asked by Beatus,

    0 votes
    2 answers

  18. Помогите доделать слайдер на JS (запутался)

    Https://dropmefiles.com/sYyOA Вот ссылка на проект. Создайте папку "img" и в ней папку "jac" и закиньте туда фотки, файл-обменик их зачем то удалил. В общем по фотке видно всё нормально, но я смог сделать, чтобы либо работала "система следующей фотки", либо "система по нажатию снизу фоток". Совместно оно не работает. Помогите пожалуйста, замучился уже 5 день мучаюсь. Проблема чисто в скрипте JS. Желательно сделать рабочую систему на 1-ой JS, 2-я жс немного как по мне не удобна.

    Asked by dewqqland,

    0 votes
    0 answers

  19. RevolveR front-end Core :: библиотека с мощным UI и кучей API

    Приветствую. Долгое время я втайне лабал библиотеку front-end, которая пришла бы на замену всех инструментов, которые мне нравились. Чуть больше 100кб кода заменяют мне и jQuery и React. В библиотеке есть готовые UI\UX компоненты для создания web сайтов и продвинутых интерфейсов, а также мощное API для работы с DOM, динамическими запросами и CSS анимацией(почти все возможные easing и свойства CSS). Core создано на ECMAScript 7. В библиотеке UI слайдер, плавающие вкладки, плавающее меню с поддержкой мобильной платформы, сворачиваемые элементы и украшательства форм. Раньше RevolveR front-end Core была частью RevolveR CMF, но меня попросили отдать библиотеку л…

    Asked by Full-R,

    0 votes
    6 answers

  20. Постфиксный инкремент

    Доброго дня, пытаюсь изучать JS. Есть такая задачка. var a = 2, b = 2, c, d; c = ++a; d = b++; c = (2 + ++a); d = (2 + b++); console.log(a, b, c, d); Ответы: a=4 b=4 c=6 d=5 НЕ ПОНИМАЮ почему d =5. Хоть убейте не доходит.

    Asked by GRAY,

    0 votes
    2 answers

  21. Простой шаблон, который позволяет сделать медленный скролл заднего фона.

    Есть варианты как просто сделать такой вот паралакс эффект без особого углубление фо фреймворки? http://www.lstm.com.ua/ Пока страница прокручивается нормально, бэкграунд движется немного медленнее. Никак не могу добиться такого эффекта, перелазил уже все форумы. Заранее благодарен, кто отзовется.

    Asked by waldsin,

    0 votes
    2 answers

  22. Контекстное меню на сгенеренной таблице.

    Народ, нашел простенькую менюшку контекстную. Ну собственно принцип у всех один. Вот сама менюшка <div id="main_menu"> <div onClick="jump(this);" id="openb">Открыть файл</div> <div onClick="jump(this);" id="delb">Удалить файл</div> </div> А вот обработка <script> function mousemove(event) { if (document.attachEvent != null) { mouse_x = window.event.pageX; mouse_y = window.event.pageY; } else if (!document.attachEvent && document.addEventListener) { mouse_x = event.pageX; mouse_y = event.pageY; } } …

    Asked by Delphin911,

    0 votes
    0 answers

  23. get/set и его использование в Javascript

    Решил понять смысл get/set, написал небольшой код, правильно ли в нем используется метод get/set или нужно по-другому, если по-другому, напишите пож. как лучше в моем коде. <script> class Beverage{ constructor(options){ this.name = options.name; } returnName() {console.log(this.name)} } class Price extends Beverage { constructor(options){ super(options) this.price = options.price; this.bos = options.bos; } result() {console.log("Напиток " + this.name + " Цена" + this.price + "Директор - " + this.bos)} get Bos(){ {return result()} } set Bos(newBos){ const newbos = n…

    Asked by denis_alekss,

    0 votes
    3 answers

  24. Двойной цикл FOR

    Есть задача: Вывести простые числа важность: 3 Натуральное число, большее 1, называется простым, если оно ни на что не делится, кроме себя и 1. Другими словами, n > 1 – простое, если при его делении на любое число кроме 1 и n есть остаток. Например, 5 это простое число, оно не может быть разделено без остатка на 2, 3 и 4. Напишите код, который выводит все простые числа из интервала от 2 до n. Для n = 10 результат должен быть 2,3,5,7. P.S. Код также должен легко модифицироваться для любых других интервалов. Вот решение задачи вложенным циклом FOR let n = 10; nextPrime: for (let i = 2; i <= n; i++) { // Для всех i... for (let j = 2; j &…

    Asked by denis_alekss,

    0 votes
    26 answers

  25. Не срабатывает цикл for

    Почему код срабатывает только тогда когда var i = 0; поменять на let i = 0;? Если оставить код как есть вывод: fib[6] = undefined Сам код <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script> const fib = [1,2,3,5,8,13] for(var i = 0; i < fib.length; i++){ setTimeout(function() { console.log(`fib[${i}] = ${fib[i]}`) },1500) } </script> </body> </html> Вот такой код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script> const fib = [1,2,3,5,8,13]…

    Asked by denis_alekss,

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