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. Добавление и удаление классов по клику

    Доброго времени суток. Я начинающий в изучении JavaScript. Во время моих уроков я столкнулся с проблемой, которую не могу решить уже 4 дня. Она состоит в том, что при первом клике значок переворачивается на 180 градусов направо, а по следующему клику он должен крутиться в реверсе. В чем я допустил ошибку? Вот код, который я использовал в письменном виде: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <button id="animStart" onclick="itemSpin();itemSpinRev();"><span id="burger">☰</span&gt…

    Asked by Vasilyyy,

    0 votes
    1 answer

  2. При клике увеличить ширину блока и при клике ".close" возвращать в исходное положение

    Доброго времени суток. Мне помощь такая нужна (в JavaScript-е новичок). По скольку вместо навигации у меня 4 раздела на монитор высотою height: 100vh(100%) и шириной width: 25vw(25%); с адаптацией (пока под смартфоны не настроил) при клике должно увеличиваться на всю ширину монитора (дисплея), при этом содержимое этого блока приобретать должен свойство display: block; а остальные 3 блока (навигации) наоборот display: none; полностью исчезнуть с монитора. И само собой при клике на ".close" всё это в обратную сторону. У меня остальные блоки падают вниз (или еще бог знает куда), ".close" не закрывает. А так же прощу помочь с другими проблемами которые не описал тут есл…

    Asked by Freemasterkg,

    0 votes
    6 answers

  3. мобильное меню начало само сворачивается сразу после нажатия

    Добрый день. Подскажите , пожалуйста: по какой-то причине мобильное меню начало само сворачиваться сразу после нажатия на него (начинает разворачиваться и тут же сворачивается обратно. в чем может быть проблема?

    Asked by htmlbook1,

    0 votes
    1 answer

  4. Шаблонные литералы

    Подскажите пожалуйста. Выражение `строка текста ${выражение} строка текста` Пробую. ну не работает и все тут: function rect(width, height, color) { document.write('<div style="width: ${width}px; height: ${height}px;background: ${color};"></div>') } браузер так и видит width: ${width}px; и т. д. Смотрю в фф и хроме. Извиняюсь, понял. Обратные кавычки

    Asked by Vlad_P,

    0 votes
    0 answers

  5. Автоподгрузка контента при скроллинге, как в Инстаграм

    Доброго времени суток господа. Значит есть галерея из 300 изображений, нужно чтобы на странице отображались первые 9, потом при скролле страницы подгружались следующие 9 и тд) пожалуйста подскажите, как можно реализовать подобное решение? Может набросок или демку?

    Asked by Grasss,

    0 votes
    3 answers

  6. Прокручивание страниц в 3D

    Как называется плагин в jQery или функции, которые позволяет в какой-нибудь области экрана, прокручивать изображения страниц, по виду как в 3D. При этом страницы идут по кругу в виде карусели и это происходит автоматически. При этом пользователь может остановить курсором мыши эту "карусель" и перейти на интересующую страницу. Можно ли после загрузки страницы, прежде чем запускать "карусель" из страниц, вначале проиграется рекламный ролик, а только затем на его месте появятся 3D изображения страниц. Если это несколько плагинов, то скажите какие плагины это могут. Может кто видел примеры таких работ (примеры кода или описания как это делается) ?

    Asked by sky-sky,

    0 votes
    0 answers

  7. Cортировка c помощью планина jquery - tablesorter

    Попробовал создать сортировку в таблице, как это указано в примере, не она не работает в обоих таблицах и нет кнопок для сортировки как это показано в примере? index.html Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/datatables.min.css" /> <link rel="stylesheet" type="text/css" href="css/style-v2.css" /> <script type="text/javascript" src="plugin/datatables.min.js"></script> <script type="text/javascript" src="plugin/jquery-…

    Asked by sky-sky,

    0 votes
    4 answers

  8. Вставка html с помощью js

    Помогите сделать/Сделайте за меня С помощью данного кода я могу заменить все содержимое в блоке с id=yuynLe document.getElementById("yuynLe").innerHTML = menu_upgrade; Покажите пример кода который сможет не заменить а добавить html элементы вот сюда (см. скриншот) P.S. Это гугл сайты и я никак не могу редактировать html "на прямую" Тут полчасика нагуглил и накидал такое var menu_upgrade = document.querySelectorAll('ul > li:nth-child(7)'); menu_upgrade += '<p>TEST</p>'; document.querySelectorAll('ul > li:nth-child(7)').innerHTML = menu_upgrade; Исправьте ошибку, почему не срабатывает? Сам я в js полный ноль. Скрин с консол…

    Asked by BLAzER,

    0 votes
    1 answer

  9. Скачат много jpg филeов одним kликом

    Rebeata, nujna pomosh. Ne znaiu kak skachat mnogo jpg files odnim klick-om . Primer : http://img.tennis-warehouse.com/new_big/AMDBNBW-1.jpg http://img.tennis-warehouse.com/new_big/AMDBNBW-2.jpg http://img.tennis-warehouse.com/new_big/AMDBNBW-3.jpg http://img.tennis-warehouse.com/new_big/AMDBNBW-4.jpg http://img.tennis-warehouse.com/new_big/AMDBNBW-5.jpg Jelatelno bez zip, no esli netu drugogo vyhoda... Izvinite za moi ruskii.

    Asked by adriano31,

    0 votes
    5 answers

  10. Демо-приложение на Angular 2/6 для демонстрации навыков

    Здравствуйте. Планирую найти новую работу Frontend-девелопером, для чего создал демо-приложение на AngularJS 6. Прошу потестить его на наличие багов, а также сказать, какая функциональность еще может быть добавлена с целью демонстрации своих навыков. То есть не тривиальные список/просмотр/добавление/редактирование/удаление, а такая, которая будет ценной с точки зрения работодателя, чтоб показать свои умения. Адрес: http://df.net.ua/ Доступ для админа: L: admin P: zaq12wsxcde3 Доступ для обычного юзера: L: demo P: demo P.S. Я старался не допустить SQL-инъекций на бекенде, но если в друг найдете, не рутайте сервер, плииииз ))) не бекенд-пр…

    Asked by sc_creator,

    0 votes
    3 answers

  11. Вопрос по Angular

    В Angular мне неприятен один минус. За это его не люблю. Исходный код пишется как "Привет, <b>{{ username }}</b>!". То есть пока не прогрузился JavaScript (или если не прогрузился вообще), пользователь будет видеть эти "переменные" вместо реального содержимого. И только потом посредством JS они будут сконвертированы в значения (т.е. "Привет, <b>Андрей</b>!"). Это также плохо для индексации, например проиндексируется "{{ content }}" вместо текста самого контента. Это существенный минус, из-за которого я категорически против данной библиотеки где бы то ни было. Но может я в чем-то ошибаюсь?

    Asked by iBars,

    0 votes
    0 answers

  12. Реакция на получение push-уведомления

    Здравствуйте, уважаемые. Необходимо научить скрипт понимать, что пришло push-уведомление и извлекать оттуда заголовок и текст, для последующей записи в файл. Дело в том, что у меня есть программа, копии которой я хочу связать в единую "сеть" с помощью сервиса push-уведомлений, заставляя пользователей держать все время браузер открытым. Я смог добиться автоматизированной отправки уведомлений конкретному пользователю или группе пользователей, но мой скрипт не может получить уведомления (даже просто понять, что оно пришло). Потому мне и необходимо написать скрипт, который сможет хотя-бы понять что пришло уведомление, а в идеале извлечь его текст и заголовок. Надеюсь на вашу …

    Asked by Belo4ka_belka,

    0 votes
    0 answers

  13. Событие на динамически созданных элементах?

    Привет, друзья! Возникла Есть у нас онлайн-консультант jivosite, у него есть API. Возникла задача через API запрашивать цену для товаров, которых нет в наличии. Но документации по "живосайту" мало, а техподдержка ничего вразумительного мне не ответила. Так вот, первая беда: динамические элементы На странице категории при выборе фильтра в левой части страницы, товары подгружаются AJAXом. И вот после этой подгрузки, обработчики из кода ниже перестают работать. Хотя я использую .on как написано в документации jquery собственно, вот универсальный код (я его сделал и для категории и для страницы товара), который всем заведует: var $j = jQuery.noConflict()…

    Asked by d0ublezer0,

    0 votes
    13 answers

  14. Почему placeholder становится текстом при фокусе?

    https://www.zebra-tara.ru/catalogue/plastic-boxes На разрешениях меньше 480px в ширину я скрываю строку поиска и отображаю ее по клику на иконке лупы. Заботясь о пользователе, я сразу ставлю фокус в поле ввода. Но вот беда: при программной установке фокуса placeholder внезапно становится текстом. А если программно фокус в поле не ставить, а после появления поля ткнуть в него руками - то всё в порядке, placeholder на месте: Я не понимаю, почему так. Отследить в коде не смог, ничего явно не устанавливает значение. Посоветуйте?

    Asked by d0ublezer0,

    0 votes
    3 answers

  15. Ошибка в программе на JavaScript

    Не могу понять, где я ошибся. При попытке загрузить страницу со скриптом, вывод в консоль Uncaught SyntaxError: Unexpected end of input index-ed-8.html:47 Uncaught ReferenceError: start is not defined at onload (index-ed-8.html:50) Ну, то есть, главная функция не правильно определена. Сколько не всматриваюсь в код, не могу понять, что не так. Вроде бы всё написано верно. index-ed-8.html

    Asked by SAVC,

    0 votes
    2 answers

  16. Смена языка на сайте при помощи <select>?

    Помогите с помощью JS сделать такой функционал, который позволял бы при выборе какого то языка из списка <select> в браузере загружать соответствующий URL с переводом сайта. Значение для URL надо брать из <option value="/en/">. И еще важно, после того как новый URL будет заружен надо чтобы в списке <select> сохранялся выбранный язык, т.е. ему присваивался атрибут selected. <select> <option>Choose language<option> <option value="/en/">English<option> <option value="/es/">Español<option> <option value="/de/">Deutsch<option> <option value="/it/">Italiano<option> <option value…

    Asked by JIucky,

    0 votes
    6 answers

  17. Почему прыгает липкий блок?

    Использую http://leafo.net/sticky-kit/ К верхней границе прилипает блок с названием продукта https://www.road.media/headunit/volvo/993570 Но при дальнейшем скролле такое ощущение, что он пересоздаётся каждый раз. А когда докручиваю до конца страницы, то вообще большой кусок пустого места появляется. Что самое интересное, работало же.. Не пойму никак, где я намудрил? Вот мой код, который управляет "наклейкой" из файла mainscript.js var $j = jQuery.noConflict(); $jwindow = $j(window); $j(document).ready(function () { $sticker = $j("#product_sticker"); if ($sticker.length) { var stickDistance = $sticker.offset().top + $sticker.height()…

    Asked by d0ublezer0,

    0 votes
    3 answers

  18. Исходный код ajax

    Не понимаю, сделал обычный ajax запрос, что бы подгрузилась разметка, в браузере всё отображается, что надо, а заглянул в исходный код, а там пустота, почему, кто с таким сталкивался? Во вкладке elements присутствует, а ctrl+u там её нету

    Asked by DivMan,

    0 votes
    2 answers

  19. Пишу игру на JavaScript, проблемы с canvas

    Пытаюсь загрузить в документ все картинки в виде <img> Затем поместить их все в массив И дальше вывести эти элементы в <canvas>, используя drawImage() Не получается. Картинки загружаются, массив формируется, но вывода в CANVAS не происходит. Кто знает, в чём дело, прошу помочь советом. ulitka.rar И, кстати, локально сохранённый пример с w3school тоже не работает. Хотя, у них на сервере всё прекрасно рисуется. https://www.w3schools.com/jsref/tryit.asp?filename=tryhtml5_canvas_drawimage example-1.rar Записанный пример на сервер моего хостинга, тоже отказывается работать http://savc.16mb.com/_v11/ulitka/…

    Asked by SAVC,

    0 votes
    2 answers

  20. как прибавить кол-во дней в заданом формате

    Всем привет! А как правильно в Javascript/jquery прибавить кол-во дней в строку формате 2018-05-11 без элементарного разбора на подмассив а с указанием формата данных вроде “yyyy-mm-dd” ? Спасибо!

    Asked by mstdmstd,

    0 votes
    3 answers

  21. Отправка кириллицы

    Во время тестирования нашел проблему своего кода, некоторые люди используют ники состоящие из русских букв. Код отправляет кракозябли и соответственно запрос возвращает ошибку. Как можно реализовать установку кодировки? Полазив в интернете я нашел модуль iconv-lite, который вроде как кодирует в нужную кодировку, но видать я его не правильно использую. Надеюсь на вашу помощь. Вот то что я пытался сделать, не работает... nick = message.content .substr(1) ; result = iconv-lite.encode (iconv-lite.decode (new Buffer (nick, 'binary'), 'win1251'), 'utf8'));

    Asked by daniil242141,

    0 votes
    1 answer

  22. Как обработать ошибку

    В общем если пользователь вводит не верный ник, Api возвращает. { "error": "Player Not Found" } Мой скрипт крашится. Я пытался сделать такое условие if (body = '"error": "Player Not Found"'){ message.reply("ник не найден") } Но пока, что это не работает, что я делаю не так?

    Asked by daniil242141,

    0 votes
    1 answer

  23. Получение данных из json

    В общем получил я вот таких данные "lifeTimeStats": [ { "key": "Top 3", "value": "1660" }, { "key": "Top 5s", "value": "1471" }, { "key": "Top 3s", "value": "606" }, { "key": "Top 6s", "value": "738" }, { "key": "Top 12s", "value": "1725" }, { "key": "Top 25s", "value": "1989" }, { "key": "Score", "value": "3,049,045" }, Из низ мне нужен только score и top 3. Мучаюсь уже какой день, не могу понять как мне их вывести в консоль? Пытался так console.log ( ' Общий - ' + (cart.stats.lifeTimeStats[1].value) ); не вышло. Проб…

    Asked by daniil242141,

    0 votes
    8 answers

  24. Не работает код

    Почему так сработает window.addEventListener("keydown", function (evt) { if (evt.keyCode === 27) { if(feedback.classList.contains("modal--opened")) { evt.preventDefault(); feedback.classList.remove("modal--opened"); } } }); А так, - нет? if(feedback.classList.contains("modal--opened")) { window.addEventListener("keydown", function (evt) { if (evt.keyCode === 27) { evt.preventDefault(); feedback.classList.remove("modal--opened"); } }); } Обработчик не может быть вложенным, или что? Спасибо! )

    Asked by Hasiev,

    0 votes
    1 answer

  25. EcmaScript все существующие объекты указаны пунктах 18.3 и 18.4 ?

    Я правильно понимаю что все существующие объекты которые есть в EcmaScript'е они указаны в спецификации пунктами 18.3 и 18.4 ?

    Asked by Alexej,

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