Ответы пользователя по тегу JavaScript
  • Как принять данные от 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
    Ответ написан
    Комментировать
  • Как быстро загружать файлы на сервер?

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

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Бутстрап тут при чем?
    1) Не вижу подключения сликслайдера.
    2) криво прописаны пути до яваскриптов и стилей, соответственно нифига не работает
    3) Подключен овл карусель, который тоже видимо не работает
    4) В коде нет вышеописанного блока

    что за папка такая - isset? Может assets?

    90% вопросов без отмеченных решением, при том что ответы там вполне есть...
    Ответ написан
    3 комментария
  • Не получается дебажить код. Что делать?

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

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

    Я бы в вашем случае шел постепенно
    Попробовать библиотеку на отдельном хтмл файле, без вью, с небольшим элементом.
    Убедиться что все работает - искать решение в: а) Настройках б) Вью в) особенностях хтмл блока г) Версии и совместимости
    не работает - смотреть настройки и параметры, консоль, версии пакетов, в конце концов почитать мануал...
    Ответ написан
    Комментировать
  • Как убрать класс у других айтемов при клике на соседний?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Сначала убираете у всех, затем включаете на текущем.
    Ответ написан
  • Почему не работает innerHTML?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    я правильно понимаю что вы меняете innerHTML у строки, полученной из innerHTML?
    Ответ написан
    Комментировать
  • Как избавиться от ломающих тегов HTML которые создаются пользователем на странице?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Так в чем проблема? В тегах как таковых или в их стилизации?
    В первом случае - php strip_tags или аналогичный функционал другого ЯП на стороне сервера, во втором случае - редактор с поддержкой bbcode + strip_tags на стороне сервера.
    Ответ написан
    Комментировать
  • Почему не отправляются фото с формы обратной связи если отправлять с телефона?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    <input type="file" name="fileFF[]" multiple="multiple" multiple id="fileFF" class="w100" name="files[]" />
    Два раза указан атрибут name, причем теперь он files[], а в коде проверяется fileFF
    Ответ написан
    2 комментария
  • Как оптимизировать процесс загрузки большего объема данных?

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

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

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Есть магазин на WP

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

    Подскажите пожалуйста куда двигаться: разработать новую тему на php, или взять пустую тему на underscore и написать надстройку на JavaScript? Какой из вариантов дороже? Какой вариант правильнее, если рассматривать с точки зрения на перспективу (возможно дальше будем делать приложение).
    Это вам подскажет только человек, добровольно решивший потратить часть своей жизни на изучение вордпресс как системы. Что касается приложения - то там есть много вариантов, часть из которых вообще никак с сайтом не взаимодействует, так как работает через апи, а часть наоборот - тупо оборачивают существующий сайт в свою имитацию браузера. Так что я бы не стал на этом акцентироваться.
    Ответ написан
    3 комментария
  • Почему не отправляется форма?

    ThunderCat
    @ThunderCat Куратор тега PHP
    {PHP, MySql, HTML, JS, CSS} developer
    1) Что пишет конслоль?
    2) Запрос вообще выполняется? В нетворке виден запрос по субмиту на mail.php?
    3) Что показывает нетворк в пэйлоаде запроса?
    4) Что возвращает сервер на запрос?
    Ответ написан
  • Есть несколько ссылок в сайдбаре. Как с помощью JS сделать выделение цветом ссылки, на которую нажал?

    ThunderCat
    @ThunderCat Куратор тега JavaScript
    {PHP, MySql, HTML, JS, CSS} developer
    Вообще такое делается с серверной части, когда сайт динамический. В вашем случае можно сделать так:

    1) Выбрать все ссылки из сайдбара
    2) пройтись циклом по выбранным элементам, сравнить входит ли в текущий урл хреф из ссылки
    3) Если входит - применить к ней стиль с соответствующими эффектами
    Ответ написан
    2 комментария