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. Вставка 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,

    0 votes
    1 answer

  2. 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,

    0 votes
    4 answers

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

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

    Asked by sky-sky,

    0 votes
    0 answers

  4. Твиттер бутстрап, зависимости

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

    Asked by torsar,

    0 votes
    6 answers

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

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

    Asked by Grasss,

    0 votes
    3 answers

  6. Шаблонные литералы

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

    0 votes
    0 answers

  7. мобильное меню начало само сворачивается сразу после нажатия

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

    Asked by htmlbook1,

    0 votes
    1 answer

  8. Переадресация

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

    Asked by diekrups,

    0 votes
    11 answers

  9. Как повлияет на быстродействие создание дополнительных 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,

    0 votes
    9 answers

  10. Смена значка кнопки при ее нажатии

    Добрый день. Столкнулся с такой проблемой. Я сделал кнопку при нажатии на которую включается звук у видео, при повторном нажатии звук выключается. У кнопки есть картинка в виде значка выключенного звука. Как сделать чтоб при нажатии на кнопку значок менялся на нужный и при повторном нажатии значок менялся обратно. При этом кнопка должна продолжать выполнять свою функцию. 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,

    0 votes
    2 answers

  11. Добавление в 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,

    0 votes
    2 answers

  12. Выполнить обработчик один раз

    Друзья, всем привет. Стоит вроде тривиальная задача, но решить не могу. Есть форма поиска. Скрипт должен отследить когда пользователь начнет там что-то вводить. Сработать это должно только один раз. То есть при последующем изменении значения поля ничего делать не нужно. НО! Как только на форму поиска опять кликнули, события должно сработать еще один раз. И так далее. Попробовал вот так вот, но срабатывает при каждом новом символе: jQuery(function () { var search_flag = false; if (!search_flag) { $('.input_search').on('input', function () { let elem = $(this).val(); alert(elem); }); search…

    Asked by IvanRu08,

    0 votes
    5 answers

  13. Таск под 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,

    0 votes
    0 answers

  14. RegEx

    Сделал вот такое регулярное выражение. https://www.regexpal.com/?fam=106684 Прекрасно работает, как надо. Но при переносе в JavaScript строка не находится. Сама функция проверки строк у меня такая. function testCode(testString, patternString) { patternString = patternString.replace(/(\s+)/gm, ""); // Убираем все пробелы testString = testString.replace(/(\r\n|\n|\r|\s+)/gm, ""); // Убираем переносы и пробелы var re = new RegExp(patternString, 'i'); // Регулярное выражение из строки return re.test(testString); } Если заменить 90deg на .*, то всё работает, в итоге понятно что дело именно в 90deg. Как заменить регулярное выражение, чтобы rotate(90deg)…

    Asked by Vlad,

    0 votes
    5 answers

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

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

    Asked by Bruha1991,

    0 votes
    0 answers

  16. Ребята, помогите пожалуйста со слайдером!!!

    Ребята, всем доброго времени суток) Помогите пожалуйста со слайдером! В javascript плохо разбираюсь(( Нашла подходящее мне решение, но никак не могу настроить под себя. Нашла здесь: http://lantana-studio.ru/howto/simpleslider/ У меня содержимое слайдера вылезло из контейнера, фото прикреплю Вот код HTML <div class="slider"> <div class="slider__block d-flex__row"> <div class=""> <img src="img/otziv-img.png" alt="Фото" class="slider__img"> </div> <div class="slider__block_text"> <div class="slider__block_text-row d-flex__widthHeight-center"> <p class="slider__blo…

    Asked by Darya,

    0 votes
    1 answer

  17. Дописать скрипт подсчета кликов по ссылке.

    Доброго времени суток. Имеется скрипт, нужно его дополнить <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function() { $('#myObj').click(function() { $('#counter').html(+$('#counter').html()+1); }); }); </script> <style> #myObj { border: 1px;width: 100px;height: 100px; } </style> </head> <body> <div id="myObj">Click Me</div> <div id="counter">0</div> </body> </html> 1. Количество кликов по кнопке должно сохраняться в …

    Asked by Grasss,

    0 votes
    0 answers

  18. Скрипт не открывает новую страницу при нажатии мыши на картинку с функцией onclick=window.open

    Здравствуйте. Подскажите пожалуйста, почему скрипт (для оформления html страниц) не открывает новую страницу при нажатии мыши на картинку 7.jpg при помощи функции onclick=window.open (сразу отмечу что это мои эксперименты и при вводе этой функции в формате с кавычками onclick="window.open('https://web.com')" скрипт сразу становится не работоспособным, и я не большой специалист в программировании, что бы понять как заставить работать эту гиперссылку). Привожу ниже блок кода из скрипта, который открывает основную просматриваемую им страницу и сразу же (без нажатия мыши на картинку 7.jpg) одновременно открывает с помощью window.open и дополнительно вкладку с страни…

    Asked by Ron2,

    0 votes
    1 answer

  19. не работают табы

    Здравствуйте уважаемые форумчане! Не работает самописный tab, проверяла код js ошибок нет, в html и css тоже вроде нету, в чем дело не пойму.Помогите пожалуйста. <div class="tabs-pannel"> <div class="tabs"> <div data-target="tab-content-1" class="tab tab-1"><span>вклядка1</span></div> <div data-target="tab-content-2" class="tab tab-2"><span>вклядка2</span></div> <div data-target="tab-content-3" class="tab tab-3"><span>вклядка3</span></div> </div> <div class="tab-contents"> <div class="tab-content tab-content-1"> …

    Asked by Olesiya,

    0 votes
    1 answer

  20. Сохранение в doc

    Здравствуйте. Подскажите пожалуйста, что стоит дописать в скрипт чтобы файл сохранялся со стилем(css). Есть свой скрипт и есть взятый из jq(https://www.jqueryscript.net/other/Export-Html-To-Word-Document-With-Images-Using-jQuery-Word-Export-Plugin.html). function Export2Doc(element, filename = ''){ var preHtml = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:w='urn:schemas-microsoft-com:office:word' xmlns='http://www.w3.org/TR/REC-html40'><head><meta charset='utf-8'><title>Export HTML To Doc</title></head><body>"; var postHtml = "</body></html>"; var html = preHtml+document.getElementById(ele…

    Asked by PShim,

    0 votes
    1 answer

  21. Помогите найти Список

    Подскажите где можно взять готовый вот такой список http://prntscr.com/mir9s0 . При выборе страны, меняется флаг и название. Нужно на JQuery.

    Asked by _Alexanred_,

    0 votes
    2 answers

  22. Как вставить курсор в нужное место?

    При клике на кнопку, в блок (с атрибутом contenteditable) помещается имя и оборачивается в элемент b и надо потом печатать после имени, если кликнуть потом в этот блок, то курсор не выходит за пределы элемента b и получается весь напечатанный текст будет тоже жирным, как вывести курсор за этот элемент? Почему то selectionStart не работает. <p style=" padding: 10px; background: white; width: 50%;" contenteditable="true" class="write-comment"></p> var formComment = document.querySelector('.write-comment'); var userNameHtml = document.createElement('b'); userNameHtml.innerHTML = userName + ',&nbsp;'; …

    Asked by DivMan,

    0 votes
    1 answer

  23. Сброс состояния .one возможно или нет?

    Всем привет. Захотел вникнуть в JS параллельно делая небольшой проект. В общем надо сделать так чтобы при нажатии на #input появлялся div #downmenu, потом при клике в любое место этот div исчезал но при клике на сам div пока что ничего не происходило. В общем я сделал появление div и исчезновение но как заставить это работать постоянно не могу понять потому что .one запускается только один раз. Может кто нибудь подскажет более красивое решение. Вот код. <!DOCTYPE html> <html> <head> <title>test</title> <link type="text/css" rel="stylesheet" href="reset.css"></link> <style> #field { margin-lef…

    Asked by Иван Глазков,

    0 votes
    4 answers

  24. Вопрос про SlickSlider

    Как реализовать такое поведение, чтобы когда я прокручивал слайд, снизу, где все иконки, в центре была активная иконка, у которой был размер больше, чем у остальных? То есть как при прокручивании слайда добавлять класс 'active' иконке, что находится в центре? При этом все иконки тоже должны прокручиваться в слайде. .testimonials-client p.testimonials-client__feedback This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean h3.testimonials-client__name Jane Galadriel span.testimonials-client__subname Ceo tengkurep img.testimonials-client__photo(src="images/client-1.png", alt="") img.testimonials-client__photo(sr…

    Asked by Okieazy,

    0 votes
    2 answers

  25. Что добавить в bootstrap RevolveR

    Собственно, я написал frontend библиотеку на ES7 с автоматизацией fetch, form API(стилизация checkbox, radio, select и форм), табами, слайдером, кучей полезных функций и прочего интересного и мне было бы интересно, что еще можно добавить в пакет bootstrap'а? Библиотека весит 80кб несжатого кода и полностью избавляет от нужды в jQuery. Написана на ES6-ES7 чистым JavaScript. Стили форм стандартные и я бы хотел послушать критику. Также в библиотеке есть анимации 3D матрицы и easings. Есть модальные окна, свистелки и перделки от которых таращатся поклонники jQuery. В общем зацените. Demo: https://xshiftx.github.io/RevolveR/ API: https://github.com/xShif…

    Asked by CyberX,

    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