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. Как "на лету" определять класс кликнутой ячейки?

    Есть таблица(table), в ней ячейки(td). Большинству ячеек приписаны некие классы (td class="x(y,..)"). (На одну ячейку приходится не более одного класса. Ячеек с одинаковыми классами не бывает) Задача такова. По клику на ячейку: 1) определять её класс; 2) открывать новое окно меньшего размера с адресом типа "x.html" (т.е. "имя_класса.html"). Как решать вторую задачу мне подсказали - через window.open. Поэтому открывать конкретное дополнительное окно по клику на ячейку конкретного класса я умею. Примерно так: var tableDataX = document.querySelector('td.x'); tableDataX.onclick = function() { window.open('x.html…

    Asked by Edwards,

    0 votes
    2 answers

  2. Баг скроллинга в чате (на моб.устройстве)

    Доброго времени суток. Помогите найти и устранить ошибку. При отправке сообщения, чат скроллится в самый конец и через секунду случается скачек на 4-5 сообщения вверх и последние отправленные уже не видно. Не знаю в чем может быть причина. По хорошему, чат должен скроллится в конец к последнему сообщению и на нем фиксироваться. С ПК вроде все нормально отображается, а вот с мобильного устройства замечаются скачки и смещение сообщений. Прикладываю видео с багом Исходники чата

    Asked by Grasss,

    0 votes
    0 answers

  3. работа с DOM-элементами при помощи метода closest()

    Добрый день! Помогите разобраться с работой метода closest(). В приведенном примере https://jsfiddle.net/ymnjo3tc/ , я делаю все "по инструкции": беру дочерний элемент и проверяю наличие у него родительского при помощи данного метода. Но в ответ всегда ловлю один и тот-же Exception. Какие бы я не пробовал проверять элементы. В чем может быть проблема? Где я допускаю ошибку? Да и вообще, применим ли этот метод на практике? И в каких ситуациях?

    Asked by Super_Saimo,

    0 votes
    1 answer

  4. Как установить глубину объекта html

    У меня есть несколько объектов которые можно переместить с помощью мышкой. Как сделать так, чтобы при перемещении объект оказывался поверх остальных. В flash это делается с помощью setChildIndex и swapChildren который меняет глубину объектов. Я знаю что глубина задается во время прорисовки тот объект который рисуется последним отображается поверх всех остальных. Значит при выборе объекта мышкой он должен автоматически прорисовываться последним. Теоретически это понятно, а вот на практике реализовать не получилось. Вот код: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Move</title> </head> <body…

    Asked by Katerina23,

    0 votes
    1 answer

  5. lazyload на чистом javascript

    Есть ли решение для lazyload не как модуль jQuery или иной библиотеки, а самостоятельный скрип?

    Asked by PavelTkachev,

    0 votes
    2 answers

  6. Tooltipster: кастомный триггер не срабатывает

    Библиотека для тултипов Tooltipster. Если делаем триггер 'hover' - то тултип нормально появляется $('.icon').tooltipster({ trigger: 'hover' }); Если делаем кастомный триггер - то это не срабатывает $('.icon2').tooltipster({ theme: 'tooltipster-shadow', trigger: 'custom', triggerOpen: { mouseenter: true, tap: false } }); Почему такое происходит? Прикладываю архив. В песочнице почему то не удалось подключить плагин tooltipster.rar

    Asked by yaparoff,

    0 votes
    0 answers

  7. Автоматическая смена активного класса по таймеру

    Всем привет! Есть, например, 6 блоков. Изначально активный css-класс у первого (для универсальности можно учесть любую изначальную позицию активного класса). Нужно через секунду переключить активный класс на второй, потом через секунду на третий и т.д. Как дойдет до последнего - начать сначала и так бесконечно. Но! Есть еще несколько условий: 1) При наведении мышкой на родительский блок смена класса останавливается и возобновляется когда мы убираем мышь. Возобновляется через время, равное скорости переключения активного класса. 2) Так же, во время автоматической смены классов по таймеру мы можем нажать на любой из этих блоков, тогда он станет с активным кла…

    Asked by MiHALbI4,

    0 votes
    0 answers

  8. Заблокировать работу скрипта на своем сайте.

    Здравствуйте! Подскажите, существует какой либо инструмент по блокировке ненужного скрипта другим скриптом? У меня в движке прописан скрипт подгрузки новостей, но на одной странице, мне он не нужен. Надо его как то блокировать. На всякий случай код скрипта который надо блокировать. <script type="text/javascript"> $(function() { var ias = jQuery.ias({ container: '#list', item: '.news-list__item', pagination: '#pagination', next: '.next', loader: '<span class="ajaxProgress"></span>', }); ias.extension(new IASSpinnerExtension()); ias.extension(new IASTriggerExtension({offset: 3, text: '<button class="button butt…

    Asked by fiver,

    0 votes
    2 answers

  9. проверка на число.

    Как введённое значение в prompt проверить на число? Нужно что бы, если в prompt, ввести число, то этот prompt появится опять. var arr = [];var age = prompt('Введите числа', '');arr.push(age);if (age == "" || age == null) { document.write("Введите число");}else if (age == number) { var age = prompt('Введите числа', '');}document.write(arr)

    Asked by DivMan,

    0 votes
    12 answers

  10. Модальное окно всплывающее справа

    Приветствую! Долго я искал подходящее мне решение модального окна для своего сайта. Нашел вот такое окошко - http://jsfiddle.net/M3eAf/ Но есть проблема, оно нуждается в небольшой доработке Мне нужно что бы я мог по ссылке на id открывать нужный мне div модального окна с этим id, т.е. другими словами, я хочу использовать модальные окна по несколько раз на странице. В данном случае я могу открыть только одно модальное окно с id - charms. Помогите доработать скрипт, буду очень благодарен грамотному решению по данной проблеме.

    Asked by Rayn0r,

    0 votes
    6 answers

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

    <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

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

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

    Asked by DivMan,

    0 votes
    0 answers

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

    В общем, написал вот такой код, где красный блок див можно схватить и перетаскивать, но не знаю как наложить ограничение на то, чтобы этот красный блок див не заходил за рамки второго -- серого блока с размером 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

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

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

    Asked by d0ublezer0,

    0 votes
    0 answers

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

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

  16. Порядок загрузки и выполнения 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

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

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

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

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

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

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

    Asked by _Alexanred_,

    0 votes
    2 answers

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

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

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

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

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

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

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

  • Обсуждения

    • 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