Ответы пользователя по тегу JavaScript
  • Как перевести из js в jquery?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Жквери собсно имеет кучу удобных алиасов. Если быстро настругать какие-то манипуляции с группой элементов на нем даже удобнее, то в целом конечно лучше на ванила жс писать...
    $(".openBtn").on("click", function(){
        $("#myOverlay").show();
    });
    
    $(".closebtn").on("click", function(){
        $("#myOverlay").hide();
    });
    Ответ написан
    Комментировать
  • Как правильнее вешать события?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Как правильнее вешать события?
    Зависит. Общее поведение и динамическое добавление новых элементов - однозначно делегирование. В других случаях нужно смотреть есть ли в этом смысл, так как делегирование больше нагружает приложение, дергаясь на каждый прописанный паренту евент.
    Ответ написан
    2 комментария
  • Как нажимать на кнопку "печать" в диалоговом окне с помощью js?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    1)
    Но в этом коде окно печати открывается, и страница сразу перезагружается. Страница, соответственно, не печатается.
    Может для начала уберете location.reload(); и разберетесь с печатью?
    2) Если речь идет о кнопке печати в модальном окне хрома, то никак. Во первых данный хтмл вне контекста текущего документа (и соответственно жсом туда не достучаться), во вторых там может быть что угодно у пользователя выставлено по умолчанию, у меня например сохранение в пдф, что вызывает еще диалоговые окна и т.д..
    Ответ написан
    Комментировать
  • Могу я задать вопрос по коду, как мегаджун JS?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    1) Плохой код, который выполняет задачу, лучше чем отсутствие кода
    2) Перед работой составьте примерный план, например: "сначала получаем данные, потом с ними делаем это или это, потом выводим..." Это помогает не лепить откровенную фигню по ходу дела и не переписывать все по 10 раз.
    3) Смысл рассматривать простыню из кода новичка отсутствует, так как это похоже на оценку походки будущей фотомодели по первым шагам в ходунках. Никто не пишет хороший код сразу, учиться и писать много - лучший путь обучения.
    4) Смотрите на чужие готовые решения, думайте как использовать интересные приемы, именно свои выводы и ошибки делают вас программистом+, а не гов*окодером. Задатки и желание у вас есть, значит все получится.
    Ответ написан
    Комментировать
  • Как добавить свою разметку в столбец плагин DataTables?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Вы же получаете из аякса где-то данные? Что мешает "поправить" жсон перед отдачей его скрипту "рисования" таблицы?
    Ответ написан
  • Как сделать что бы после отправки формы со страницы, после ручного обновления страницы повторно повторно не отправлялась форма с данными?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    После обработки формы делайте редирект на другую страничку методом get (например на страничку с подтверждением - "все прошло ок, данные загружены"...).
    У вас же вроде реализована переадресация обратно на формуredirect(url_for('add_slab')), но в форме не выводится флш месадж через get_flashed_messages(), который сетится в обработчике - flash('Сляб добавлен к карте заказа', 'info')
    Ответ написан
    Комментировать
  • Ajax подключённый к форме не работает?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    $('#form').on('submit',function (e) {
      e.preventDefault();
    ...
    Ответ написан
    2 комментария
  • Почему $(this).closest("form") не возвращает форму?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Все работает
    https://jsfiddle.net/2ykqwdt3/
    Ответ написан
    Комментировать
  • Как сделать ссылку jQuery в PHP коде, который обновит страницу с новыми GET параметрами?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    Задумался над тем, что бы попробовать перевести свою страницу на формат без перезагрузки всей страницы, а лишь ее основы внутри.
    Это называется SPA (single page application), и не всегда это хорошая идея.

    Все сводится к тому, что делать нужно это на Jquery.
    Плохая идея, для этого есть совершенно другие, более подходящие инструменты - react, vue...

    Но после этого страница не перезагружалась, а просто принимала эти данные и обновляла информацию на всей странице, выводя пользователю эту же страницу, но с новыми результатами?
    В общем случае используют несколько приемов: Урл подменяют с помощью history pushState, запросы отправляют через fetch или средствами фреймворка, бэкенд при этом обычно отдает не хтмл, а json, по сути передавая только нужные данные, из которых фронтенд строит уже нужный хтмл из компонент.
    Ответ написан
    1 комментарий
  • Как убрать проверку на содержимое?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    this.textContent = this.textContent != "2" ? "2" : "1";
    Ответ написан
    4 комментария
  • Регулярное выражение?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Что тут не так?
    тут все так. Решетка есть? Есть. Четыре цифры есть? Есть. Что там дальше должно быть вы в условии не прописали, по этому паттерн полностью соответствует строке.
    Ответ написан
    Комментировать
  • Как проверить наличие файла существования?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Прикол в том, что если удалить физический файл, а запись в БД нет,
    то рано или поздно будешь сожалеть что написал кривой г-код. Это мы вроде как поняли.

    Важно отметить, что доступ идёт на прямую к файлу, а не на сервер с запросом на файл
    Ну да, это "редкий" случай. Важно понимать.

    Возможно ли как-то это отследить и вывести ошибку об отсутствии файла (Ну и там не сервер кинуть запрос об удалении записи в БД и т.д. и т.п.)?
    Возможно. Достаточно добавить проверку на file_exists(), только пути надо указывать серверные (Важно понимать), так как поведение в случае запроса через веб адрес зависит от настроек окружения.
    Ответ написан
  • Как в React отследить вебхук с сервера и отрисовать сообщение?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    Вебхук инициализируется сторонним сервером, по этому опрашивать его не надо. Как пример - платежные системы.

    Вы размещаете платежку со своими реквизитами на сайте, кто-то по ней платит, при этом процесс оплаты для вас непрозрачен, так как происходит на сайте ПС. После завершения платежа, сервис ПС делает запрос на ваш сайт на определенный урл, который вы указываете при регистрации в ПС, и присылает туда инфу в заранее оговоренном формате, тем самым оповещая вашу систему об изменениях.

    Что дальше делать с этими данными уже ваше дело, можно прямо из этого скрипта послать сообщение в приложение, можено записать в бд и по таймеру запрашивать об обновлении бд с клиента...
    Ответ написан
    2 комментария
  • Как перебрать файлы в папке?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Если речь идет о клиентских скриптах - никак. Для ноды есть соответствующие методы чтения из Node.js File System API, но что-то мне подсказывает что речь про браузерные скрипты...
    Ответ написан
    Комментировать
  • Как перезапустить функцию заново?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    После того как вы "нашли" элемент в который будет добавляться текст, присвойте в иннерхтмл этого элемента пустую строку.
    Ответ написан
    Комментировать
  • Как проще всего вытащить и прочитать данные с сайта (CRM)?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    1) Смотреть API системы и работать с ней
    2) Скорее всего данные грузятся аяксом, смотреть какие параметры отправляются, какие принимаются и эмулировать запросы например через curl.
    Ответ написан
    3 комментария
  • Как вернуть первоначальное значение переменной при повторном выполнении функции?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Если длина заголовка слишком длинная (headlineArray.length > 29), он обрезается и добавляется троеточие (headlineArray = headlineArray.slice(0,28)+'...').
    Делайте через цсс, так не придется издеваться над кодом, и что самое главное, автоматически будет обрезаться лишний текст, не зависимо от количества символов, которые бывают разные по ширине.
    Ответ написан
    Комментировать
  • Почему нажимая на кнопку 'ответить' в форму ничего не вставляется?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    нажимая на кнопку, в адресной строке появляется следующие .../#formReview
    <a href="#formReview" onclick="addReview('{{i.author}}', '{{i.id}}');return false;">Ответить</a>

    Смотрите консоль, скорее всего там ошибка, возможно addReview() объявлена после формы, и биндинг функции не срабатывает.
    Ответ написан
    Комментировать
  • Как суммировать значения всех свойств объекта, не перечисляя каждое?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    total(){ 
      return Object.values(this).reduce((sum, a) => sum + a, 0);
    }
    Ответ написан
    Комментировать
  • Как сбросить нажатую кнопку?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    вешать евентлистенер resize на окно, при изменении размера больше определенного добавлять класс.
    Ответ написан