JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4,723 questions in this forum
-
Скрипт ротации ссылок
Всем привет! Для сайта, который работает на htm-файлах, нужен скрипт ротации ссылок. Скрипт должен выводит на странице несколько ссылок в случайном порядке: Ссылка 2 Ссылка 3 Ссылка 1. Может быть где-то есть готовый похожий скрипт?
0 votes0 answers -
Карта изображений
Мучаюсь, не могу не как попасть на иконки вацапа и вайбера, используя карту изображений. Не как не пойму как эти координаты высчитать. В итоге сделал три картинки и задал инлайн блок и всем картинкам ссылки.
0 votes0 answers -
Клик только внутри блока
А как обращаться только внутрь одно из блоков? Т.е. чтобы кнопка срабатывала только внутри одного блока. Ну и карта соответственно. https://codepen.io/npofopr/pen/RwwaodB
0 votes8 answers -
Как изъять текст из <button>
<button class="but" onclick="tap">Пельмени</button> Как я могу в JS получить слово "Пельмени"?
0 votes0 answers -
Помогите с масштабированием картинки!
Как сделать чтоб картинка изменяла размер но не разрешение, то есть сейчас на сайте при приближении картинка вся в пикселях, так как разрешение в 4 раза меньше исходного.
0 votes5 answers -
Динамический выбор с выводом результата
Всем привет, может кто поможет? Стоит такая задача, сделать динамический выбор сначала выбираешь город, после того как ты выбрал город ты можешь выбрать дом, а после того как ты выбрал дом он тебе показывает есть в этом доме интернет или нет. Как реализовать город > дом я понял, а как показать не селектором а просто строкой есть там интернет или нет? P.S. В JS полный новичок
0 votes2 answers -
Не выбирается динамический объект по классу
https://jsfiddle.net/d0ublezer0/vd6fe2zs/ Такое дело. Содержимое таблицы заполняется автоматически из массива, основываясь на доступных опциях радио-списка со страницы.то есть, все строки создаются динамически через append При клике на строку, она принимает класс selected. Задача - получить атрибут "for" при клике на кнопку "выбрать размер". Как ни пробовал, выбранная строка не возвращается в виде объекта. Помимо варианта в примере, пробовал так: jQuery("#sizes_table tr.selected").first() Что я сделал не так?
0 votes1 answer -
почему не работает delay?
form.addClass("cart-product-adding"); btn.prop("disabled", true).text("Минутку"); // тут идет AJAX вызов и ждем ответ. после него изменяем статус кнопки и формы form.removeClass("cart-product-adding").addClass("cart-product-added"); btn.text('Готово').delay(200); form.removeClass("cart-product-added"); btn.text('В корзину').delay(1000).prop("disabled", false); Это логика формы добавления в корзину. Задача показать процесс добавления, пока ajax не вернет ответ. Сообщить об этом и поменять вид кнопки обратно по завершении обработки. Почему не работает delay в этом случае? Всё без остановки пролетает на последних четырех строчках UPD: нашел. потому что нужно исп…
0 votes0 answers -
Браузер блокирует сайт.
Такая проблема браузер думает что на сайте есть реклама и блокирует хотя ее нет. Из за этого сайт не может работать так как должен. Скажите как избежать таких проблем. https://rakipov.ru/fran/
0 votes3 answers -
Hover: плитка-ссылка с фоном+затемнением+текст
Всем добрый вечер! Подскажите, не могу придумать как проще сделать появление на плитках-ссылках текста, хотя бы с двумя разными стилями,при наведении на них и затемнении, с учетом того, что текст будет разный на всех плитках и разные фоновые картинки. Сделал через display:none для текста, пришлось через position :absolut чтоб не прыгал элемент. Теперь не работает авто-выравнивание. Может кто посоветует что-то получше? Тут https://senobiot.000webhostapp.com/portfolio.html визуальное представление, тут код -https://jsfiddle.net/jdhnzfLs/1/ Заранее спасибо!
0 votes3 answers -
Как установить Plyr.io на сайт?
Здравствуйте! Как установить видео плеер Plyr на сайт, чтобы он работал и менял разрешение видео?Объясните пожалуйста подробно. Описывая каждый шаг.
0 votes0 answers -
Как сделать валидацию jquery для пошаговой формы?
Пытаюсь сделать пошаговую форму, чтобы при нажатии одна форма убиралась и появлялась другая, но дело в том что у меня есть часть формы где input'ы добавляются динамически при нажатии на кнопку "Добавить строку". Если делать валидацию на jquery, то её нужно привязывать к submit. К ней я привязать не могу так как её нету и она скрыта (откроется после нескольких щелчков "Следующая"). Можно как нибудь привязать валидацию к обычной кнопки? Она у меня уже создана. Как при правильном заполнении всех полей и нажатии кнопки выдавала для начало сообщение "Следующая"? Вот весь код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml…
0 votes1 answer -
Анимация элементов списка во Vue
У меня выводится списком несколько элементов и при нажатии на кнопку "Проверить", к некоторым строкам добавляется класс .shake. Красные строки трясутся, короче говоря. https://codepen.io/webref/pen/ZEYmPPm По задумке, класс .shake после завершения анимации должен убираться, чтобы каждый раз при нажатии на кнопку происходила анимация. Для этого элементам массива присваиваю false. @animationend="animated[index] = false" К сожалению, класс shake так не убирается. Что посоветуете? Как мне убрать класс .shake после завершения анимации?
0 votes0 answers -
Проблема при 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…
0 votes3 answers -
Отменить клик при скролле
Добрый день, подскажите пожалуйста по такому моменту - на странице есть элемент, на котором висит событие .on('click'. В мобильной версии если нажать на этот элемент и попытаться проскролить всё равно срабатывает нажатие и страница не скроллится. Можно ли как то сделать что бы в случае, если произошло touch событие (пользователь случайно нажал на элемент, но хотел прокрутить страницу) выполнить скролл без клика?
0 votes0 answers -
выключение и включение slick слайдера при адаптиве
есть слайдер которого надо включить только при разрешении менее 640px сделал как в коде ниже но включение слаидера на таком разрешении не отрабатывает автоматически а только после перезагрузки страницы как решить чтобы включение слаидера отрабатывало автоматически. $('.slider').slick({ responsive: [{ breakpoint: 2048, settings: "unslick" }, { breakpoint: 640, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true, variableWidth: true, adaptiveHeight: true } }, ] });
0 votes0 answers -
Как на htmlbook.ru реализовано topmenu?
В #topmenu есть 4 прямоугольника-ссылки:"Основное","HTML","CSS","Сайт" Ссылки выглядят примерно так: http://htmlbook.ru/#main Хотя если на них нажать никаких переходов не происходит(по крайней мере в адресной строке хрома ничего не меняется). Но панель под этими прямоугольниками меняется. А именно одна из 4-х панелей становится видимой(display: block;). Объясните пожалуйста как реализована такая технология.
0 votes2 answers -
В некоторых браузерах правое меню отображается под контентом.
Я сейчас изменяю структуру сайта пошагово потом жду индексации и смотрю результат. Это для того, чтобы не навредить и можно было быстро всё исправить. Я перенесла правое меню под контент, раньше он находился выше контента. Потом я сделала float:right, выравнивание, чтобы это меню оказалось рядом с контентом. Сработало только в google chrome, в остальных браузерах opera и firefox, это меню находится под контентом. Вот мой сайт https://vagon-igr.ru/, посмотрите у кого такая же проблема и как её можно исправить?
0 votes2 answers -
Как ограничить перемещение пользователя по личному кабинету?
Пожалуйста подскажите решение или "где спросить"?Задача: ограничить перемещение пользователя по личному кабинету вебсайта. Доступ к коду только тот, что предоставляет вебсайт.Пример: торговля через сайт. Есть доступ к торговым операциям, но нет доступа к личным данным или "выводу денег". Т.е. я провожу авторизацию в лич.каб., запускаю "программу", после чего у оператора есть возможность осуществлять торговые операции, но нет возможности перейти в другие разделы личного кабинетаПояснение:условная структура личного кабинетатри разделаhttp://site.ru/торговля/....http://site.ru/лич.данные/....http://site.ru/вывод-ввод/....Если http://site.ru/торговля/ меняется на другое, прои…
0 votes1 answer -
Не работает увеличение сайта на мобильном
Здравствуйте! Столкнулся с проблемой, которую не могу уже решить несколько дней из-за плохого знания ява-скрипт. Сделал сайт адаптивный, но на мобильном не работает увеличение страницы. Обычно если 2 пальца развести в стороны, то сайт приближается. А мой нет, остается неизменным, его нельзя увеличить, приблизить. Все из-за скриптов CMS. Если их отключаю, то приближение работает, но не работает много чего другого. Собственно я уже и вычислил в каком файле js заковырка, но что именно запрещает приближать страницу разобраться не могу. Может есть какие способы обойти запрет или понять что именно мешает. Прошу вашей помощи.
0 votes2 answers -
Какие существуют игры написанные на движке Phaser?
Недавно я прошла статью как создать Сапёр на движке Phaser от и до. Теперь я хочу увидеть игры разработчиков созданные именно на этом движке, какие игры посоветуете? Я пыталась задать вопрос в поисковике "Игры на html 5", но какую игру я не запускала, то большинство из них мне попадались на Construct 2.
0 votes0 answers -
10 Vue директив, которые облегчают жизнь разработчикам
Одна из величайших особенностей Vue.js заключается в том, что он поставляется со встроенными директивами. Эти директивы значительно облегчают вам жизнь как разработчикам, но еще лучше то, что вы можете написать свои собственные пользовательские директивы. Vue-Lazyload Потрясающий пакет с более чем 5000 звезд на Github. Vue-Lazyload от Hilongjw позволяет без проблем загружать изображения! Пример кода Репозиторий Github Vue-Infinite-Scroll Это отличная и простая в применении директива, если вы хотите загружать новые элементы на веб-страницу. Метод, связанный с v-infinite-scroll, будет выполнен, когда нижняя часть элемента достигнет ниж…
0 votes0 answers -
Как отловить результат работы скрипта
Есть скрипт вставляющий на сайт трейлеры фильмов из своей базы. Проблема в том что не все трейлеры находятся и часто страница остается пустой. В документации к скрипту указано: Так вот, как отловить этот результат и в случае срабатывания hide_uitools() вывести свой блок?
0 votes8 answers -
Как изменить табуляцию на пробелы в компилируемом js файле
сборка на gulp много js-файлов которые в итоге компилируются в один js файл Но проблема в том, что в этом компилируемом js файле ставиться табуляция вместо пробела. А на всем проекте 4 пробела вместо табов. И когда я отдаю этот файл бэкэнду начинаются проблемы. Можно как то изменить табы на пробелы в компилируемом файле? Можно это сделать как то автоматически (желательно)? Или только в ручную?
0 votes2 answers -
Проблема с роутингом в React
Если в кратце, проблема возникает из за того что когда заходим на страницу изначально текущий урл страницы http://localhost:3004/tablets/tablet_1 Если мы покликаем по табам (у которых тоже реализован роутинг и к урлу добавляется еще значение) То урл будет менять свое значение например на http://localhost:3004/tablets/tablet_1/characteristics И вот, допустим у нас сейчас этот урл и если страница перезагрзиться, то реакт будет считать что текущий урл уже http://localhost:3004/tablets/tablet_1/characteristics а не http://localhost:3004/tablets/tablet_1 как предполагается И из за этого возникают проблемы Могут быть вот такие страницы localhost:3004/tablets/ta…
0 votes0 answers