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. Помогите с масштабированием картинки!

    Как сделать чтоб картинка изменяла размер но не разрешение, то есть сейчас на сайте при приближении картинка вся в пикселях, так как разрешение в 4 раза меньше исходного.

    Asked by GreenAurora,

    0 votes
    5 answers

  2. Динамический выбор с выводом результата

    Всем привет, может кто поможет? Стоит такая задача, сделать динамический выбор сначала выбираешь город, после того как ты выбрал город ты можешь выбрать дом, а после того как ты выбрал дом он тебе показывает есть в этом доме интернет или нет. Как реализовать город > дом я понял, а как показать не селектором а просто строкой есть там интернет или нет? P.S. В JS полный новичок

    Asked by Danny Cool,

    0 votes
    2 answers

  3. Срочно помогите!!!

    Я нашёл интересный скрипт и доработал его, но текстовые поля мгновенно очищаются! Вот ссылка. А ниже прикреплён файл, кто сможет помогите, и объясните почему это не работает как надо. Заранее спасибо! maker.html

    Asked by kreepmeister,

    0 votes
    1 answer

  4. Не выбирается динамический объект по классу

    https://jsfiddle.net/d0ublezer0/vd6fe2zs/ Такое дело. Содержимое таблицы заполняется автоматически из массива, основываясь на доступных опциях радио-списка со страницы.то есть, все строки создаются динамически через append При клике на строку, она принимает класс selected. Задача - получить атрибут "for" при клике на кнопку "выбрать размер". Как ни пробовал, выбранная строка не возвращается в виде объекта. Помимо варианта в примере, пробовал так: jQuery("#sizes_table tr.selected").first() Что я сделал не так?

    Asked by d0ublezer0,

    0 votes
    1 answer

  5. почему не работает 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: нашел. потому что нужно исп…

    Asked by d0ublezer0,

    0 votes
    0 answers

  6. Как установить Plyr.io на сайт?

    Здравствуйте! Как установить видео плеер Plyr на сайт, чтобы он работал и менял разрешение видео?Объясните пожалуйста подробно. Описывая каждый шаг.

    Asked by digenis,

    0 votes
    0 answers

  7. Браузер блокирует сайт.

    Такая проблема браузер думает что на сайте есть реклама и блокирует хотя ее нет. Из за этого сайт не может работать так как должен. Скажите как избежать таких проблем. https://rakipov.ru/fran/

    Asked by sergei_burg,

    0 votes
    3 answers

  8. Как сделать валидацию jquery для пошаговой формы?

    Пытаюсь сделать пошаговую форму, чтобы при нажатии одна форма убиралась и появлялась другая, но дело в том что у меня есть часть формы где input'ы добавляются динамически при нажатии на кнопку "Добавить строку". Если делать валидацию на jquery, то её нужно привязывать к submit. К ней я привязать не могу так как её нету и она скрыта (откроется после нескольких щелчков "Следующая"). Можно как нибудь привязать валидацию к обычной кнопки? Она у меня уже создана. Как при правильном заполнении всех полей и нажатии кнопки выдавала для начало сообщение "Следующая"? Вот весь код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml…

    Asked by Katerina23,

    0 votes
    1 answer

  9. Hover: плитка-ссылка с фоном+затемнением+текст

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

    Asked by Senobiot,

    0 votes
    3 answers

  10. Анимация элементов списка во Vue

    У меня выводится списком несколько элементов и при нажатии на кнопку "Проверить", к некоторым строкам добавляется класс .shake. Красные строки трясутся, короче говоря. https://codepen.io/webref/pen/ZEYmPPm По задумке, класс .shake после завершения анимации должен убираться, чтобы каждый раз при нажатии на кнопку происходила анимация. Для этого элементам массива присваиваю false. @animationend="animated[index] = false" К сожалению, класс shake так не убирается. Что посоветуете? Как мне убрать класс .shake после завершения анимации?

    Asked by Vlad,

    0 votes
    0 answers

  11. Проблема при 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,

    0 votes
    3 answers

  12. Отменить клик при скролле

    Добрый день, подскажите пожалуйста по такому моменту - на странице есть элемент, на котором висит событие .on('click'. В мобильной версии если нажать на этот элемент и попытаться проскролить всё равно срабатывает нажатие и страница не скроллится. Можно ли как то сделать что бы в случае, если произошло touch событие (пользователь случайно нажал на элемент, но хотел прокрутить страницу) выполнить скролл без клика?

    Asked by Kvothe,

    0 votes
    0 answers

  13. выключение и включение slick слайдера при адаптиве

    есть слайдер которого надо включить только при разрешении менее 640px сделал как в коде ниже но включение слаидера на таком разрешении не отрабатывает автоматически а только после перезагрузки страницы как решить чтобы включение слаидера отрабатывало автоматически. $('.slider').slick({ responsive: [{ breakpoint: 2048, settings: "unslick" }, { breakpoint: 640, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true, variableWidth: true, adaptiveHeight: true } }, ] });

    Asked by victorius,

    0 votes
    0 answers

  14. Как на htmlbook.ru реализовано topmenu?

    В #topmenu есть 4 прямоугольника-ссылки:"Основное","HTML","CSS","Сайт" Ссылки выглядят примерно так: http://htmlbook.ru/#main Хотя если на них нажать никаких переходов не происходит(по крайней мере в адресной строке хрома ничего не меняется). Но панель под этими прямоугольниками меняется. А именно одна из 4-х панелей становится видимой(display: block;). Объясните пожалуйста как реализована такая технология.

    Asked by Nathman999,

    0 votes
    2 answers

  15. В некоторых браузерах правое меню отображается под контентом.

    Я сейчас изменяю структуру сайта пошагово потом жду индексации и смотрю результат. Это для того, чтобы не навредить и можно было быстро всё исправить. Я перенесла правое меню под контент, раньше он находился выше контента. Потом я сделала float:right, выравнивание, чтобы это меню оказалось рядом с контентом. Сработало только в google chrome, в остальных браузерах opera и firefox, это меню находится под контентом. Вот мой сайт https://vagon-igr.ru/, посмотрите у кого такая же проблема и как её можно исправить?

    Asked by Katerina23,

    0 votes
    2 answers

  16. Как ограничить перемещение пользователя по личному кабинету?

    Пожалуйста подскажите решение или "где спросить"?Задача: ограничить перемещение пользователя по личному кабинету вебсайта. Доступ к коду только тот, что предоставляет вебсайт.Пример: торговля через сайт. Есть доступ к торговым операциям, но нет доступа к личным данным или "выводу денег". Т.е. я провожу авторизацию в лич.каб., запускаю "программу", после чего у оператора есть возможность осуществлять торговые операции, но нет возможности перейти в другие разделы личного кабинетаПояснение:условная структура личного кабинетатри разделаhttp://site.ru/торговля/....http://site.ru/лич.данные/....http://site.ru/вывод-ввод/....Если http://site.ru/торговля/ меняется на другое, прои…

    Asked by serg123,

    0 votes
    1 answer

  17. Не работает увеличение сайта на мобильном

    Здравствуйте! Столкнулся с проблемой, которую не могу уже решить несколько дней из-за плохого знания ява-скрипт. Сделал сайт адаптивный, но на мобильном не работает увеличение страницы. Обычно если 2 пальца развести в стороны, то сайт приближается. А мой нет, остается неизменным, его нельзя увеличить, приблизить. Все из-за скриптов CMS. Если их отключаю, то приближение работает, но не работает много чего другого. Собственно я уже и вычислил в каком файле js заковырка, но что именно запрещает приближать страницу разобраться не могу. Может есть какие способы обойти запрет или понять что именно мешает. Прошу вашей помощи.

    Asked by fiver,

    0 votes
    2 answers

  18. Какие существуют игры написанные на движке Phaser?

    Недавно я прошла статью как создать Сапёр на движке Phaser от и до. Теперь я хочу увидеть игры разработчиков созданные именно на этом движке, какие игры посоветуете? Я пыталась задать вопрос в поисковике "Игры на html 5", но какую игру я не запускала, то большинство из них мне попадались на Construct 2.

    Asked by Katerina23,

    0 votes
    0 answers

  19. 10 Vue директив, которые облегчают жизнь разработчикам

    Одна из величайших особенностей Vue.js заключается в том, что он поставляется со встроенными директивами. Эти директивы значительно облегчают вам жизнь как разработчикам, но еще лучше то, что вы можете написать свои собственные пользовательские директивы. Vue-Lazyload Потрясающий пакет с более чем 5000 звезд на Github. Vue-Lazyload от Hilongjw позволяет без проблем загружать изображения! Пример кода Репозиторий Github Vue-Infinite-Scroll Это отличная и простая в применении директива, если вы хотите загружать новые элементы на веб-страницу. Метод, связанный с v-infinite-scroll, будет выполнен, когда нижняя часть элемента достигнет ниж…

    Asked by WeboМан,

    0 votes
    0 answers

  20. Как отловить результат работы скрипта

    Есть скрипт вставляющий на сайт трейлеры фильмов из своей базы. Проблема в том что не все трейлеры находятся и часто страница остается пустой. В документации к скрипту указано: Так вот, как отловить этот результат и в случае срабатывания hide_uitools() вывести свой блок?

    Asked by alleclf,

    0 votes
    8 answers

  21. Как изменить табуляцию на пробелы в компилируемом js файле

    сборка на gulp много js-файлов которые в итоге компилируются в один js файл Но проблема в том, что в этом компилируемом js файле ставиться табуляция вместо пробела. А на всем проекте 4 пробела вместо табов. И когда я отдаю этот файл бэкэнду начинаются проблемы. Можно как то изменить табы на пробелы в компилируемом файле? Можно это сделать как то автоматически (желательно)? Или только в ручную?

    Asked by yaparoff,

    0 votes
    2 answers

  22. Проблема с роутингом в 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…

    Asked by yaparoff,

    0 votes
    0 answers

  23. Клик только внутри блока

    А как обращаться только внутрь одно из блоков? Т.е. чтобы кнопка срабатывала только внутри одного блока. Ну и карта соответственно. https://codepen.io/npofopr/pen/RwwaodB

    Asked by npofopr,

    0 votes
    8 answers

  24. val() всегда возвращает 1

    https://jsfiddle.net/d0ublezer0/jytpbs08/1/ не пойму, почему так?

    Asked by d0ublezer0,

    0 votes
    2 answers

  25. Java script МаНуЛи

    экзамен гг вп index.zip

    Asked by Максим11,

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