Ответы пользователя по тегу JavaScript
  • Как сделать поле ввода формы кликабельным?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    1) Данный код ничего в плане понимания проблемы не дает
    2) Неработающий/работающий неверно код большого объема желательно вносить в фиддл, чтобы смотреть на живой пример, а не на абстрактные "два поля".
    3) Рискну предположить что элементы лежат в области, накрытой другим элементом, по этому клик по ним не проходит, смотрите какие элементы у вас в этой области. Что-то более конкретное можно сказать только по "живому" примеру.
    Ответ написан
    Комментировать
  • Как заполнять поля на html-странице из функции на php?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    Мне нужна функция на php, которую можно вызывать и при загрузке страницы, и в том числе в фоновом режиме, которая заполняла бы поля на странице.
    Странице чего? Вашего сайта или чужого? И что значит "в фоновом режиме"?

    Щелчок на кнопке - вызов php-функции - заполнение полей на странице без перезагрузки.
    Аякс. опять же, зависит от того чей сервер. Естественно на фронте код будет на яваскрипте, так что чистым пхп не обойдешься.

    Возможно ли такое? (Пока на WordPress) Спасибо.
    Возможно, но есть условия. Часть из них перечислил выше, остальные зависят от ваших умений.
    Ответ написан
    Комментировать
  • Работающий таймер в фоновом режиме?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    1) при чем тут PHP и R?
    2) Монетки куда выдаются? На сервер? Тогда зачем что-то выдавать? Просто при заходе пользователя (открытии вкладки) считайте сколько секунд прошло с начала выдачи, делите на 60 - вот ваши монетки.
    Ответ написан
    Комментировать
  • При отправке данных из js через fetch, php код не исполняется, в чем причина?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    и при загрузке страницы мне сразу выводится "4"
    Логично, так как пост пустой, а не нулл, а в остальных случаях срабатывают проверки на метод пост(вызванные через гет) и непустые пост поля, которые как бы пустые при методе гет.

    но скрипт php как будто работает один раз при загрузке страницы и все,
    Скрипт пхп ВСЕГДА работает 1 раз. При каждом обращении вы создаете запрос, скрипт его отрабатывает и умирает.

    как сделать чтобы при отправке данных скрипт php отслеживал это ?
    Так он отслеживает, просто вы с этим отслеживанием ничего не делаете. Посмотрите ответ сервера в запросе к message.php, ну и сделайте в js обработку ответа фетч запроса какую-то... То что метод называется буквально "взять" вас не на какие мысли не наталкивает? ))
    Ответ написан
    Комментировать
  • Где взять бэкенд для фронтенд учебного проекта?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Комментировать
  • Как называется подпрограмма внутри массива?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    а если внутри элемента массива подпрограмма?
    для этого элемент массива должен быть объектом, и соответственно этот метод будет принадлежать этому объекту.
    Ответ написан
  • Ошибка с jquery?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    тут нужно либо крестик снять, либо трусы надеть. Вы делаете отложенную загрузку скрипта жквери (через дефер), и при этом вызываете код, который без него работать не будет.
    Вариантов 2:
    1) Убрать дефер на жквери скрипт
    2) Закатать весь код жквери в православный ванила жс евент загрузки, типа документ.аддевентлистенер (ДОМCонтентЛоадед)
    Ответ написан
    Комментировать
  • Категории не подгружаются при первой загрузке страницы, как исправить?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    Судя по описанию, проблема в кэше.
    Система скорее всего вордпресс?
    Ответ написан
  • Почему на ios не работает addEventListener('click')?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Емнип window это объект браузера, со своими свойствами и евентами, в которые вроде даже DOMContentLoaded не входит (вместо него есть "load"), это евент документа. Скорее странно что это работает на не айос...
    -window.addEventListener('DOMContentLoaded', () => {
    +document.addEventListener('DOMContentLoaded', () => {
    Ответ написан
    Комментировать
  • Как добавить и реализовать эти кнопки для поля поиска?

    ThunderCat
    @ThunderCat Куратор тега CSS
    {PHP, MySql, HTML, JS, CSS} developer
    скорее всего тупо ссылки по типу <a href="/search?q=iPhone">iPhone</a>
    Ответ написан
    1 комментарий
  • Где найти маску для телефона работающую корректно?

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

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Открываешь инструменты разработчика в браузере, идешь в нетворк, смотришь свой запрос, какие данные отправляются, смотришь ответ сервера, что приходит.
    Корме того, зачем это туда-сюда: JSON.parse(JSON.stringify(data));? И ниже консоль лог этого извращения... Сначала нужно проверять что пришло все нормально, а потом пытаться портить то что работает, по этому консолить имеет смысл data, и только потом уже что-то по необходимости...
    Ответ написан
    1 комментарий
  • Как принять данные от JQuery.ajax на сервере php?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    На сервере пытаюсь принять так:
    Нет, ищите в $_POST

    header: 'Content-Type: application/json', а это лишнее.

    А вообще нужно уметь открыть инструменты хорма и посмотреть в нетворке что и как отправляется.

    Ну или если хочется отправить в боди, то сделать
    $.ajax({
        contentType: 'application/json',
        dataType: 'json',
        data: JSON.stringify({ some valid JSON})
    ...
    Ответ написан
  • Почему не работает item.click()?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    при нажатии на ячейку таблицы, ничего не происходит. Почему???
    Ну так код ниачем, набор странных действий без цели и смысла.
    Кто такой value.params?
    function(index, value_params) зачем, если дальше они никак не используются?
    var item = $('<td>') пишется не так, и зачем это в цикле не понятно
    item.click(function()... это так себе конструкция, и опять же, зачем в цикле?
    Один раз делается выборка по тегу, к ней делается .on() и все, зачем эти конструкции непонятно...
    Ответ написан
  • Как остановить переход на другую страницу?

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

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    1) Использовать регулярки, определяя какой блок какому пренадлежит.
    2) Сделать нормально через дата-атрибуты, тогда будет что-то типа:
    $(document).on('click', function(e) {
      if (!$(e.target).closest(".filter").length) {
        let filterNum = $(e.target).data('num');
        $('.filter-block' + filterNum).hide(); 
      }
      e.stopPropagation();
    });
    Ответ написан
  • Как правильно сделать отправку с проверкой условий?

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

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

    Можно ли её рендерить на клиенте при помощи js?
    Можно, но скорее всего прироста вы особо не получите. Если проблема на бэкенде - метод рендера будет абсолютно по барабану. Если на форнте - скорее всего будет медленнее, так как вы сначала получите все данные, а потом еще будете средствами языка (а не движка браузера, который очевидно быстрее) отрисовывать хтмл.

    И почему на смартфоне в мобильном safari та же самая страница грузится за пару секунд?
    Опять же, вопрос скорее к вам чем к кому-либо еще. Возможно кеширование, которое на мобильных браузерах практически всегда более агрессивное. Возможно вы просто не видите как тормозит загрузка, например в силу другого метода рендеринга, который сразу при получении данных выводит все что возможно, в то время как на стационаре рендеринг идет только после загрузки тега целиком. Достаточно например быстро промотать на сафари вниз при загрузке, чтобы увидеть что загрузилось далеко не все... А возможно в мобильной версии отображается сильно меньше элементов...

    Можно ли этот эффект повторить на десктопе?
    Если есть что повторять... Можно попробовать сделать таблицу не цельной, а разбить на несколько таблиц, по 100-300 строк. Или еще адкеватнее - сверстать дивами.

    Как вариант - лэзилоад, по мере прокруки страницы подгружать новые данные по мере необходимости, что сильно снизит как трафик в целом, так и тормоза рендера.

    PS:
    я тоже склоняюсь к неэффективной вёрстке. Если я эту вёрстку буду генерировать js’ом, процесс ускорится?
    Скорее всего, как я уже написал, скорости не прибавится. Вообще что мешает проверить эффективность верстки? Тупо выведите все строки дивами, без всяких разделителей, одна строка - один див с данными, разделенными "|" например, и посмотрите на разницу.
    Ответ написан
    Комментировать
  • Как узнать width и height видеофайла при загрузке на сервер?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    ffmpeg
    Ответ написан
    Комментировать