JavaScript

4,723 questions in this forum

1. Возможность сортировок данных ассоциативного массива

   Здравствуйте! Изучаю JS для начинающих по видео-урокам. Остановился на ассоциативных массивах. Автор видео говорит про возможность сортировки данных ассоциативных массивов. Вот код массива: var n = { "one": 12, "hello": "world", "double key": 777 }; Автор сначала говорит, что сортировка не возможна: Потом говорит(применимо к этому же массиву): Получается на первый взгляд противоречие... Но потом до меня дошло: В 1-ом случае идет речь о сортировки значений (из пары ключ-значение) данного асс. массива, а во 2-ом случае речь идет о ключах (из пары ключ-значение) данного асс. массива. Вопрос: Мои догадки верн…

   Asked by Bruha1991, December 21, 2018

   0 votes
   0 answers
2. Таск под gulp 4

   Здравствуйте, помогите пожалуйста в настройкой таска "build" под Gulp 4. Вот базовый такс: if (gulpversion == 4) { gulp.task('build', ['removedist', 'imagemin', 'scripts'], function() { var buildJs = gulp.src([ 'app/js/scripts.min.js', ]).pipe(gulp.dest('dist/js')); }); } Понял только что первая стройка должна быть так: Код: gulp.task('build', function() { и присваивать нужно: Код: gulp.parallel('scripts') только куда(

   Asked by sweb27, December 14, 2018

   0 votes
   0 answers
3. Переадресация

   Привет. Вопрос следующий. Как мне сделать так что бы при первом нажатии на кнопку решения капчи переадресовывало на другой сайт, а при нажатии второй раз на кнопку капча решалась? Заранее спасибо

   Asked by diekrups, November 6, 2018

   0 votes
   11 answers
4. Добавление в div класа

   Добрый день. Есть подряд несколько дивов с одинаковыми класами. Задача на каждый второй добавить дополнительный клас reverse. Например: <div id="content"> <div class="object slider-with-block-3"></div> <div class="object slider-with-block-3"></div> <div class="object slider-with-block-3"></div> <div class="object slider-with-block-3"></div> <div class="object slider-with-block-3"></div> </div> Подскажите решение через Javascript

   Asked by chepic, November 17, 2018

   0 votes
   2 answers
5. Твиттер бутстрап, зависимости

   Порылся на оффсайте, не нашел. Ткните носом. Желательно последней версии бутстрапа. Нужно глянуть зависимости от других библиотек. Особо интересуют JQuery и JQuery UI

   Asked by torsar, November 16, 2018

   0 votes
   6 answers
6. Смена значка кнопки при ее нажатии

   Добрый день. Столкнулся с такой проблемой. Я сделал кнопку при нажатии на которую включается звук у видео, при повторном нажатии звук выключается. У кнопки есть картинка в виде значка выключенного звука. Как сделать чтоб при нажатии на кнопку значок менялся на нужный и при повторном нажатии значок менялся обратно. При этом кнопка должна продолжать выполнять свою функцию. HTML <div align="right"> <input type="image" src="icon/no-audio.png" onclick="mute(this, 'vid1')" class="knopka01" value=""> </div> </section> _______________________________________________________________________________________ CSS .knopka01 { display…

   Asked by 3249, November 16, 2018

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

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

   Asked by Freemasterkg, November 2, 2018

   0 votes
   6 answers
8. Как повлияет на быстродействие создание дополнительных DOM-элементов на странице?

   Решил использовать .webp для изображений на сайте, а также оптимизировать его через рекомендации google audits. Таким образом получилось следующее: <img src="image.webp" srcset="image-480.webp 480w, image-768.webp 768w, image-1024.webp 1024w" alt="alt" titile="title"/> Так как webp не поддерживается некоторыми браузерами, было решено использовать решение WebPJS. Теперь есть следующая проблема: решение заменяет атрибут src, но не трогает srcset. То есть изображения остаются неизменными и не отображаются. Есть следующая идея, но я, полагаю, это будет очень затратно в плане ресурсов, а также неизвестно, как это будет влиять на SEO (может, спасут т…

   Asked by Libiros, November 6, 2018

   • dom
   • js
   • seo
   • webp
   0 votes
   9 answers
9. Почему прыгает липкий блок?

   Использую 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, July 6, 2018

   0 votes
   3 answers
10. Добавление и удаление классов по клику

    Доброго времени суток. Я начинающий в изучении 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, November 5, 2018

    • onclick
    • remove
    • add
    • class
    0 votes
    1 answer
11. мобильное меню начало само сворачивается сразу после нажатия

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

    Asked by htmlbook1, October 25, 2018

    0 votes
    1 answer
12. Шаблонные литералы

    Подскажите пожалуйста. Выражение `строка текста ${выражение} строка текста` Пробую. ну не работает и все тут: 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, October 25, 2018

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

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

    Asked by Grasss, October 23, 2018

    0 votes
    3 answers
14. Прокручивание страниц в 3D

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

    Asked by sky-sky, October 12, 2018

    0 votes
    0 answers
15. 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, October 8, 2018

    0 votes
    4 answers
16. Вставка 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, October 3, 2018

    0 votes
    1 answer
17. Скачат много 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, September 17, 2018

    • html
    • download
    • jpg
    • multiple
    0 votes
    5 answers
18. Демо-приложение на 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, August 28, 2018

    0 votes
    3 answers
19. Вопрос по Angular

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

    Asked by iBars, August 14, 2018

    0 votes
    0 answers
20. Реакция на получение push-уведомления

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

    Asked by Belo4ka_belka, July 28, 2018

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

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

    Asked by d0ublezer0, July 26, 2018

    0 votes
    13 answers
22. Почему placeholder становится текстом при фокусе?

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

    Asked by d0ublezer0, July 12, 2018

    0 votes
    3 answers
23. Смена языка на сайте при помощи <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, July 7, 2018

    • выбор языка select
    • select js
    0 votes
    6 answers
24. Ошибка в программе на 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, July 9, 2018

    0 votes
    2 answers
25. Исходный код ajax

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

    Asked by DivMan, July 5, 2018

    0 votes
    2 answers