Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

4,723 questions in this forum

  1. Как получить дочерний элемент?

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

    0 votes
    3 answers

  2. Наложение изображение на изображение

    Можно ли с помощью camanjs наложить кусок слоя на изображение? Что бы можно было сохранить потом эту картинку. Или какие ещё варианты есть? Хочу делать размытие изображения в некоторых местах.

    Asked by DivMan,

    0 votes
    0 answers

  3. Перемещение блока внутри другого блока

    В общем, написал вот такой код, где красный блок див можно схватить и перетаскивать, но не знаю как наложить ограничение на то, чтобы этот красный блок див не заходил за рамки второго -- серого блока с размером 500х500 пикселей. Как это можно сделать? Хотелось бы увидеть готовый код, чтобы можно было в нём покопаться и разобраться самому. Заранее спасибо. <html> <head><title>Moving</title></head> <body onload= "init()"> <h1 style="margin-left: 650px; color: red;">Адаптировано для Chrome</h1> <div id='serkv' style="position:absolute;width:500;height:500;background-color:grey;left:10;top:10"> <DIV id='kv…

    Asked by reevierevi,

    0 votes
    1 answer

  4. Можно проверить наличие Яндекс.навигатора?

    https://tech.yandex.ru/yandex-apps-launch/navigator/doc/concepts/about-docpage/ Тут сообщается о проверке в собственном приложении. А на web-странице как сделать? Это возможно вообще?

    Asked by d0ublezer0,

    0 votes
    0 answers

  5. При наведении на блок он поворачивается под углом

    https://youtu.be/7pr0x3elUzQ Буду признательна если поможете При наведении на блок он поворачивается под углом, при клике на блок - открывается сам блок на весь экран (плавно), при клике на лого - сворачивается открывшийся блок

    Asked by AnfisaMu,

    0 votes
    1 answer

  6. Порядок загрузки и выполнения JS

    В начале страницы: <script async type="text/javascript" src="/templates/fd/js/custom.js"></script> <script async type="text/javascript" src="/templates/fd/js/owl.carousel.min.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.event.move.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.twentytwenty.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.inputmask.bundle.min.js"></script> <script async type="text/javascript" src="/templates/fd/js/jquery.toc.js"></script> <script async type="text/javascript" src="/temp…

    Asked by d0ublezer0,

    0 votes
    6 answers

  7. Что добавить в 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

  8. Вопрос про 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

  9. Сброс состояния .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

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

    При клике на кнопку, в блок (с атрибутом 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

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

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

    Asked by _Alexanred_,

    0 votes
    2 answers

  12. Сохранение в 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

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

    Здравствуйте уважаемые форумчане! Не работает самописный 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

  14. Скрипт не открывает новую страницу при нажатии мыши на картинку с функцией 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

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

    Доброго времени суток. Имеется скрипт, нужно его дополнить <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

  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. Возможность сортировок данных ассоциативного массива

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

    Asked by Bruha1991,

    0 votes
    0 answers

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

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

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

    Друзья, всем привет. Стоит вроде тривиальная задача, но решить не могу. Есть форма поиска. Скрипт должен отследить когда пользователь начнет там что-то вводить. Сработать это должно только один раз. То есть при последующем изменении значения поля ничего делать не нужно. НО! Как только на форму поиска опять кликнули, события должно сработать еще один раз. И так далее. Попробовал вот так вот, но срабатывает при каждом новом символе: 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

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

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

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

    Asked by torsar,

    0 votes
    6 answers

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

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

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

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

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

    Asked by diekrups,

    0 votes
    11 answers
×
×
  • 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