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. Изолировать click. Закрывать соседние плашки.

    как изолировать клик по 'button' и клик по 'cardBack'. Там получается, что клик по кнопке срабатывает также как клик по всей области. Читаю про 'e.preventDefault();' но пока не вник, куда его вставить. И как можно закрывать соседние плашки, когда на другую кликаю? https://codepen.io/npofopr/pen/zYOmbPv Видео не стопорится я понимаю почему, потому что первый элемент video и так не проигрывается. По всем тегам, я так понимаю, надо через `querySelectorAll` проходить? Изолировал e.stopPropagation();

    Asked by npofopr,

    0 votes
    10 answers

  2. Адаптивная верстка email-письма. Не получается отцентровать блоки на адаптиве

    Верстаю адаптивное email-письмо Эти две картинки должны быть по центру на адаптиве. Но у меня не получается их отцентровать прописываю стили инлайново http://skrinshoter.ru/s/190919/C7ZqQEyh?a Подскажите как это сделать https://codepen.io/yaparoff/pen/GRKwgRX?editors=1000

    Asked by yaparoff,

    0 votes
    4 answers

  3. Пропадает блок при подключении OwlCarousel

    Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму. Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно. Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же. Открывал через google, firefox и opera-у - все так же никакого сдвига. Подключал по инструкции на официальном сайте. Пробовал использовать SlickSlider, но результат тот же.

    Asked by Valery Subbotin,

    0 votes
    0 answers

  4. как загрузить в localStorage? Что бы при перезагрузке страницы данные оставались

    Заранее спасибо Вот код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Exam</title> <link rel="stylesheet" href="css/style.css"> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"> </script> </head> <body> <style> .ToDo { display: inline-block; margin-right: 30px; } .field { width: 240px; border: 2px solid black; } .btn { border: 2px solid black; outline: non…

    Asked by Valera001,

    0 votes
    1 answer

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

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

    Asked by d0ublezer0,

    0 votes
    2 answers

  6. Java script МаНуЛи

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

    Asked by Максим11,

    0 votes
    0 answers

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

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

    Asked by npofopr,

    0 votes
    8 answers

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

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

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

    Asked by yaparoff,

    0 votes
    2 answers

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

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

    Asked by alleclf,

    0 votes
    8 answers

  11. 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

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

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

    Asked by Katerina23,

    0 votes
    0 answers

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

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

    Asked by fiver,

    0 votes
    2 answers

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

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

    Asked by serg123,

    0 votes
    1 answer

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

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

    Asked by Katerina23,

    0 votes
    2 answers

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

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

    Asked by Nathman999,

    0 votes
    2 answers

  17. выключение и включение 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

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

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

    Asked by Kvothe,

    0 votes
    0 answers

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

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

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

    Asked by Vlad,

    0 votes
    0 answers

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

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

    Asked by Senobiot,

    0 votes
    3 answers

  22. Как сделать валидацию 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

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

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

    Asked by sergei_burg,

    0 votes
    3 answers

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

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

    Asked by digenis,

    0 votes
    0 answers

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

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

    Asked by d0ublezer0,

    0 votes
    1 answer

  • Обсуждения

    • 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