JavaScript

4,723 questions in this forum

1. Морсокй бой

   Почему не срабатывает функция fooMiss, когда передаёшь, значение, которого нет в массиве? http://plnkr.co/edit/GuM232EwPk4wAmG8FYEG?p=preview

   Asked by DivMan, September 4, 2016

   0 votes
   3 answers
2. Запрет на ввод символа

   Я не полностью понимаю этот код https://jsfiddle.net/pv6b2LL3/ <input type='text' id='target'> document.getElementById("target").addEventListener('input', function() { var tmp = document.getElementById("target").value; var arrReplace = ['a', 'b', 'c', 'd', 'e']; for (var i = 0; i < arrReplace.length; i++) { tmp = tmp.split( arrReplace[i]).join(''); } document.getElementById("target").value = tmp; }); Вот допустим, я ввожу 'a', событие отслеживается, в переменную tmp запоминается введённое значение. Потом в цикле, перебирается в заранее сделанный массив и введённое значение разбивается на массив, в котором значение будет из…

   Asked by DivMan, October 23, 2016

   0 votes
   3 answers
3. Появление контента при быстром клике по табам

   Доброго времени суток! Подскажите,может,кто-то использовал в своих проектах этот jQuery плагин - http://shiftynav.rjansen.name/ Как сделать,чтобы хорошо/правильно работала анимация(смещение контента влево/вправо) при быстром-быстром клике по табам? Или,может,подскажите свой способ создать такие анимированные табы(при этом контент уходит влево/вправо), но,чтобы быстрый-быстрый клик по табам работал(и в IE8),чтобы контент успевал появляться при быстром клике. спасибо)

   Asked by Джулия, November 4, 2016

   0 votes
   3 answers
4. Одалживание метода

   Кто сможет объяснить, почему, если удалить переменную elems, то одалживание не будет работать? http://plnkr.co/edit/HQFQGkne95wRDvLmcTYV?p=preview

   Asked by DivMan, November 5, 2016

   0 votes
   3 answers
5. Почему выполняется условие else, если выполнилось условие if?

   При вводе буквы, которое есть в переменной word, по идеи, если такой буквы нету, то должно выдать сообщение, то, что **Такой буквы нету**. Но это сообщение почему-то выводится даже тогда, если эта буква есть, почему? Если убрать последнее условие, то нормально работает https://jsfiddle.net/xqqbyexb/ var word = 'программа'; var answerArray = []; for (var i = 0; i < word.length; i++) { answerArray[i] = "_"; } var remainingLetters = word.length; while (remainingLetters > 0 ) { alert(answerArray.join(" ")); var guess = prompt("Угадайте букву, или нажмите Отмена для выхода из игры."); if (guess === null) { // Выходим из игрового ц…

   Asked by DivMan, December 18, 2016

   0 votes
   3 answers
6. Js отображение на

   Помогите пожалуйста по следующему вопросу. У меня анимация неба на .js и к примеру на телефоне и маленьком ноутбуке очень криво отображается. На большом мониторе отображается как надо. Что можно сделать в данном случае?

   Asked by bobb, December 29, 2016

   0 votes
   3 answers
7. Как выяснить/вытащить такое зуммирование картинки?

   Есть такая страничка карточки товара Где взять такой скрипт, чтобы открывалось на весь экран с большим зумом, и можно было еще листать картинки. Попробовал сохранить страничку и методом тыка выяснить - но при открытии тут же пропадают фотки. начал смотреть код и гуглить ZoomGallery - но чето не нашел именно такой. Чтоб каждую детальку в одежде можно было посмотреть. Подскажите пожалуйста такой или похожий скрипт, кстати в мобильной версии все это в слайдер или еще как-то укомпоноваться должно как там. кстати нашел сайт где ооочень много всяких зумов. В т.ч. то что надо, все супер http://www.ajax-zoom.com/examples/example32_responsive_…

   Asked by nikki4, January 20, 2017

   0 votes
   3 answers
8. Всплывающий тултип не работает при выводе через ajax

   Всем привет, Есть 2 схожих кусочка кода ссылки с всплывающим тултипом: <a data-toggle="tooltip" data-html="true" data-placement="top" title="" data-original-title="Has 2 back order items" class="info_waring a_link"><i class="fa fa-anchor" style="font-size:larger;"></i></a> <a data-toggle="tooltip" data-html="true" data-placement="top" title="" data-original-title="The product is marked as <b>back order</b>." class="a_link"><i class="fa fa-anchor info_waring" style="font-size:larger;"></i></a> Первый тултип отображается нормально, 2й не отображается, при том что он выводится через ajax : jQuery.aja…

   Asked by mstdmstd, February 22, 2017

   0 votes
   3 answers
9. jquery Не срабатывает on("click", function) для динамического элемента

   В корзине динамически формируется выбор вариантов доставки, из которого должен выбираться пункт выдачи. но событие клика на варианте доставки не срабатывает для проверки работы нужно что-то положить в корзину, например https://www.road.media/avtomagnitoly/ford/5861-detail собственно, корзина: https://www.road.media/cart После клика на первом варианте (пункт выдачи СДЕК), должен раскрыться список пунктов выдачи (город у каждого будет свой, определяется автоматически по России): За раскрытие списка и обработку дальнейшего выбора пункта выдачи отвечает файл https://www.road.media/plugins/vmshipment/transportadoras/cdek_script.js Выглядит он так:…

   Asked by d0ublezer0, March 31, 2017

   • event
   • click
   0 votes
   3 answers
10. jQuery селектор как переменная

    $(".owl-carousel.items5").owlCarousel({ items: 5, autoPlay: 20000, navigation: true, pagination: false, navigationText: ['<i class="fa fa-chevron-left fa-2x"></i>', '<i class="fa fa-chevron-right fa-2x"></i>'], }); $(".owl-carousel.items6").owlCarousel({ items: 6, autoPlay: 20000, navigation: true, pagination: false, navigationText: ['<i class="fa fa-chevron-left fa-2x"></i>', '<i class="fa fa-chevron-right fa-2x"></i>'], }); Примерно такой код приходится писать для всех каруселей на сайт…

    Asked by d0ublezer0, April 27, 2017

    0 votes
    3 answers
11. Подскажите плагин для Gulp для объединения CSS правил

    Здравствуйте Обнаружил, что плагин, который я использовал в Gulp для минификации - "gulp-clean-css" не объединяет стили. Пример: .test { background: black} .test { margin-top: 10px margin-bottom: 20px} На выходе хотелось бы увидеть: .test{background: black;margin:10px 20px 0 0} Но сам плагин проводит минификацию, а сами свойства не объединяет... Может кто подсказать плагин, который отвечает именно за чистку кода (объединение правил CSS)?

    Asked by Akkord87, April 28, 2017

    0 votes
    3 answers
12. проблема с кроссдоменным запросом

    помогите пожалуйста решить проблему с кроссдоменным запросом. я расположил бекенд на одном сервере, а фронтэнд на другом. теперь при помощи ajax-запроса фронтэнд-скрипт не может получить данные из бекэнда вот адрес, по которому можно получить данные: http://zlodiak.pythonanywhere.com/days/1497104260/1497968260 тут лежит мой скрипт, который отправляет ajax-запрос по вышеуказанному адресу. ajax-запрос отправляется после того как пользователь в первом датепикере выбирает дату '2017-06-01', а во втором датепикере выбирает дату '2017-06-30'. затем нажимает кнопку субмита в результате консоль говорит о том, что кроссдоменный запрос не разрешён: я пробо…

    Asked by cyklop77, June 27, 2017

    • javascript
    • ajax
    0 votes
    3 answers
13. В чем разница при выполнении скрипта в jsfiddle & chromeDebug

    Добрый день! Имею вот такой самый простенький пример, но который загнал меня в тупик: https://jsfiddle.net/9n73ro76/ Разбирал работу указателя this. И сама суть вопроса в том, что в jsfiddle результат undefinied, а в chrome искомое значение - 600 и undefinied. Я в упор не пойму в чем разница... Извиняюсь за столь примитивный вопрос, но пол дня потратил на понимание и силы уже иссякли на сей процесс)))

    Asked by Super_Saimon, January 10, 2018

    • javascript
    • указатели
    0 votes
    3 answers
14. Ajax со сменой адресной строки - как сделать такое?

    Я видимо безнадёжно устарел, подскажите как реализуется такое поведение? пример реализации (любой товар): https://www.citilink.ru/catalog/computers_and_notebooks/hdd/hdd_in/385631/ при клике на заголовки табов Характеристики, Сопутствующие товары, Обзоры, Отзывы, Вопрос-ответ меняется содержимое - это понятно как сделать, видно из кликабельного элемента <a class="pseudo product_link__js" href="https://www.citilink.ru/catalog/computers_and_notebooks/hdd/hdd_in/385631/aksessuary/" data-meta-title="Аксессуары для жесткий диск SEAGATE Skyhawk ST4000VX007 купить в интернет-магазине СИТИЛИНК" data-meta-description="Аксессуары для товара жесткий диск SEAGAT…

    Asked by d0ublezer0, January 22, 2018

    0 votes
    3 answers
15. Как отлаживать vuejs2.5 в Chromium

    Всем привет, 1) Работая с laravel 5.5/vuejs2.5 в Chromium ( 63.0.3239.84 on Ubuntu 17.10 (64-bit) ) иногда хочется использовать отладку в браузере как описано тут https://learn.javascript.ru/debugging-chrome Но так как vuejs складывает весь js-код в /public/js/app.js довольно таки сложно найти точку входа для кода, который я хочу отлаживать. Поделитесь возможно есть какие-то доп плагины или собственные методы в помощь? 2) Последние годы я привык использовать Chromium - из-за того что он как-то удобнее для php/js разработки и не такой тяжелый. Но при работе с vuejs обнаружил что в некоторых случаях firefox лучше отображает сообщения об ошибках - более инфор…

    Asked by mstdmstd, February 8, 2018

    • vuejs chromium
    0 votes
    3 answers
16. Помогите разобраться, как создать такой слайдер

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

    Asked by XopicT, February 12, 2018

    • javascript
    • slider
    0 votes
    3 answers
17. как прибавить кол-во дней в заданом формате

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

    Asked by mstdmstd, June 27, 2018

    0 votes
    3 answers
18. Почему прыгает липкий блок?

    Использую 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
19. Почему placeholder становится текстом при фокусе?

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

    Asked by d0ublezer0, July 12, 2018

    0 votes
    3 answers
20. Демо-приложение на 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
21. Автоподгрузка контента при скроллинге, как в Инстаграм

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

    Asked by Grasss, October 23, 2018

    0 votes
    3 answers
22. Как получить дочерний элемент?

    <div class="question"> <div class="img-and-variantbi clearfix"> <div class="question-for-img"> <form method="get"> <ul class="clearfix radio-answer"> <li>......</li> <li>......</li> <input type="submit" value="Проверить" class="btnAnswer"> </ul> </form> </div> </div> </div> …

    Asked by DivMan, April 1, 2019

    0 votes
    3 answers
23. Почему создаётся три ul?

    Всем привет! Есть такой код: <script> var ul = document.createElement('ul'); while(true) { var str = ''; var user = prompt('Пишите содержимое пункта'); if (user === null || user === str) { break } var li = document.createElement('li'); li.innerHTML = user; ul.appendChild(li); console.log(ul); } </script> когда ввожу что-то в промт, программа создаёт столько ul сколько я ввёл, вместо того чтобы создать один ul со всеми пункатми что я ввёл в промт. Из чего это?

    Asked by Valera001, September 6, 2019

    0 votes
    3 answers
24. Проблема при addClass active

    Всем привет. При клике (добавляю active к label) делает активными все элементы, а не текущий? Как быть? $(document).on('change', '.compare-control', function(){ var id = $(this).val(); var url = '/?action=DELETE_FROM_COMPARE_LIST&ajax_action=Y&id='+id; if ($(this).prop('checked')) { url = '/?action=ADD_TO_COMPARE_LIST&ajax_action=Y&id='+id; } $.get(url, function() { BX.onCustomEvent('OnCompareChange'); }); // здесь беда!!!при клике на элемент, делает элементы все активными, а не текущий. if($('.catalog-content-main-item-top-fav').hasClass('active')) { $('.catalog-c…

    Asked by daggi, January 14, 2020

    • bitrix
    • javascript
    0 votes
    3 answers
25. Hover: плитка-ссылка с фоном+затемнением+текст

    Всем добрый вечер! Подскажите, не могу придумать как проще сделать появление на плитках-ссылках текста, хотя бы с двумя разными стилями,при наведении на них и затемнении, с учетом того, что текст будет разный на всех плитках и разные фоновые картинки. Сделал через display:none для текста, пришлось через position :absolut чтоб не прыгал элемент. Теперь не работает авто-выравнивание. Может кто посоветует что-то получше? Тут https://senobiot.000webhostapp.com/portfolio.html визуальное представление, тут код -https://jsfiddle.net/jdhnzfLs/1/ Заранее спасибо!

    Asked by Senobiot, January 29, 2020

    0 votes
    3 answers