Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

rifat2125

  • 5
    вклад
  • 24
    вопроса
  • 9
    ответов
  • 89%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как сделать кнопку «поделиться на reddit» на сайте?

    rifat2125 @rifat2125 Автор вопроса
    Модератор, Спасибо за пояснение!
    Написано 27 окт.
  • Какой шаблонизатор посоветуете?

    rifat2125 @rifat2125 Автор вопроса
    Ankhena, как раз-таки это и был вопрос, так как с шаблонизаторами я не работал.
    Написано 18 апр.
  • Какой шаблонизатор посоветуете?

    rifat2125 @rifat2125 Автор вопроса
    Мне разные встречались и я решил узнать у людей с опытом, какой инструмент на их взгляд является удобным)
    Написано 18 апр.
  • Где я ошибся в цикле do..while?

    rifat2125 @rifat2125
    У вас условие в while не отрабатывает.
    Вы написали: "пока отец старше сына в два раза выполняем тело".

    Исправьте условие на: "пока отец НЕ старше сына в два раза" или:
    while(dadYearsOld / sonYearsOld != 2);
    Написано 15 мар.
  • Jquery при смени класса не отрабатывает таб?

    rifat2125 @rifat2125
    Я вам уже прокомментировал ранее, но видимо не понятно было)
    $('#menu-tabs li').click(function(){
      $('div.t1').hide();
      $('div.t2').hide();
      $('div.t3').hide();
      $('div.' + this.className.slice(0,2)).fadeIn(500); // тут вы берете className у элемента Li при клике
      $('#menu-tabs li').removeClass('active');
      $(this).addClass('active');
      return false;
    });
    
    // К примеру, вы нажали на Li с классом t1 (<li class="t1"><a href="#">1</a></li>)
    // this.className.slice(0,2) - вы берете class, то есть "t1", и при помощи slice вырезаете первые 2 символа - выходит е1
    // Когда вы меняете class на "tc2" происходит тот же процесс и при этом длина вырезаемого текста не меняется (вырезаете 2 символа). А первые 2 символа из "tc2" - это "tc". 
    // Соответственно скрипт пытается найти div с классом "tc", а не "tc2"


    Надеюсь объяснил достаточно понятно)

    Почитать про String.prototype.slice
    Написано 14 мар.
  • Jquery при смени класса не отрабатывает таб?

    rifat2125 @rifat2125
    Дело в том, что при клике на элемент ЛИ, вы пытаетесь получить название класса самого ЛИ и делаете это таким образом:
    this.className.slice(0, 2)
    Вы вырезаете из строки с классами первые два символа. Если вы заменяете класс ЛИ на tc2, то при вырезании получаете не полное имя класса (tc2), а всего лишь tc
    Написано 14 мар.
  • Как сделан отдельный CSS файл для каждой странице используя TailwindCSS?

    rifat2125 @rifat2125 Автор вопроса
    Антон Антон, Да, согласен от файла к файлу будут повторы. Но в файле для страницы контакты, к примеру, не будет стилей от страницы каталога и наоборот.

    Или такой подход неправильный?
    Написано 14 мар.
  • Как сделан отдельный CSS файл для каждой странице используя TailwindCSS?

    rifat2125 @rifat2125 Автор вопроса
    Михаил, вы смогли настроить таким образом?
    Написано 14 мар.
  • Как поменять местами элементы в списке стран?

    rifat2125 @rifat2125
    Сергей Соколов, А что если использовать MutationObserver для определения изменений в верстке?
    Написано 26 дек. 2022
  • Почему не отображается доставка СДЭК в woocommerce?

    rifat2125 @rifat2125 Автор вопроса
    VasyaID, Вася, спасибо Вам за наводку! Решил вопрос. Дело было в том, что у меня уже был регион для России, в котором я определил методы доставки - Boxberry, Самовывоз.

    Для СДЭК я создал новый регион доставки "Россия и Европа", там я и настроил СДЭК. Но из-за того, что для России уже были определены методы доставки, Этот уже не срабатывал (где регион "Россия и Европа")

    Как-то так. Надеюсь другим тоже поможет. Будьте внимательными)
    Написано более года назад
  • Почему не отображается доставка СДЭК в woocommerce?

    rifat2125 @rifat2125 Автор вопроса
    VasyaID, решил только что добавить еще один регион доставки - Беларусь. Открываю страницу оформления заказов, выбираю "Страна/Регион" Беларусь и СДЭК появился. Похоже для России не работает
    Написано более года назад
  • Почему не отображается доставка СДЭК в woocommerce?

    rifat2125 @rifat2125 Автор вопроса
    Да, они настроены
    6368baa0e5447764593148.png
    Написано более года назад
  • Как задать положение Tippy.js в зависимости от размера окна?

    rifat2125 @rifat2125 Автор вопроса
    Только почему-то не меняет свойство элемента
    Написано более года назад
  • Как задать положение Tippy.js в зависимости от размера окна?

    rifat2125 @rifat2125 Автор вопроса
    const triggerOne = tippy(".button-1", {
         placement: "bottom-end"
    });


    Этот код создает новый тултип или получает со страницы уже имеющийся?
    Написано более года назад
  • Как задать положение Tippy.js в зависимости от размера окна?

    rifat2125 @rifat2125 Автор вопроса
    Ваш код заработал!
    Мне пришлось его немного переписать)

    Только я не пойму почему до этого setProps не работало, а новом варианте заработало

    P.S. я передаю callback в функцию инициализации тултипа и уже там использую ваш код принимая в качестве аргумента instance.
    Написано более года назад
  • Как задать положение Tippy.js в зависимости от размера окна?

    rifat2125 @rifat2125 Автор вопроса
    $('.item__right .item__prc').each((_, element) => {
    
        const instance = tippy(element);
    
        instance.setProps({
          placement: 'top',
        });
        
      });
    Написано более года назад
  • Как задать положение Tippy.js в зависимости от размера окна?

    rifat2125 @rifat2125 Автор вопроса
    Спасибо за такой развернутый ответ!
    Я пробовал использовать setProps, но почему-то элемент не обновляется

    Выводил instance в консоль и смотрел свойства, там placement менялось, а на странице нет почему-то

    И в вашем примере на странице тоже не обновляет тултипы.

    const breakpoint = window.matchMedia("(max-width: 1200px)");
    - такого еще не встречал)
    Написано более года назад
  • Почему webpack не собирает проект?

    rifat2125 @rifat2125 Автор вопроса
    Вот код, который указан на скриншоте

    // Version: 2.9.1
    
    .tns-outer {
      padding: 0 !important; // remove padding: clientWidth = width + padding (0) = width
      [hidden] { display: none !important; }
      [aria-controls], [data-action] { cursor: pointer; }
    }
    .tns-slider {
      -webkit-transition: all 0s;
      -moz-transition: all 0s;
      transition: all 0s;
      > .tns-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
    }
    
    .tns-horizontal {
      &.tns-subpixel {
        white-space: nowrap;
        > .tns-item {
          display: inline-block;
          vertical-align: top;
          white-space: normal;
        }
      }
      &.tns-no-subpixel {
        &:after {
          content: '';
          display: table;
          clear: both;
        }
        > .tns-item {
          float: left;
        }
      }
      &.tns-carousel {
        &.tns-no-subpixel {
          > .tns-item {
            margin-right: -100%;
          }
        }
      }
    }
    .tns-no-calc {
      position: relative;
      left: 0;
    }
    .tns-gallery {
      position: relative;
      left: 0;
      min-height: 1px; // make sure slider container is visible
      // overflow: hidden;
      > .tns-item {
        position: absolute;
        left: -100%;
        -webkit-transition: transform 0s, opacity 0s;
        -moz-transition: transform 0s, opacity 0s;
        transition: transform 0s, opacity 0s;
      }
      > .tns-slide-active {
        position: relative;
        left: auto !important;
      }
      > .tns-moving {
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        transition: all 0.25s;
      }
    }
    .tns-autowidth { display: inline-block; }
    .tns-lazy-img {
      -webkit-transition: opacity 0.6s;
      -moz-transition: opacity 0.6s;
      transition: opacity 0.6s;
      opacity: 0.6;
      &.tns-complete { opacity: 1; }
    }
    .tns-ah {
      -webkit-transition: height 0s;
      -moz-transition: height 0s;
      transition: height 0s;
    }
    .tns-ovh { overflow: hidden; }
    .tns-visually-hidden { position: absolute; left: -10000em; }
    .tns-transparent { opacity: 0; visibility: hidden; }
    
    .tns-fadeIn {
      opacity: 1;
      filter: alpha(opacity=100);
      z-index: 0;
    }
    .tns-normal, .tns-fadeOut {
      opacity: 0;
      filter: alpha(opacity=0);
      z-index: -1;
    }
    
    
    // *** Fix a viewport issue in initialization
    .tns-vpfix {
      white-space: nowrap;
      > div, > li {
        display: inline-block;
      }
    }
    
    // *** Detecting browser capability ***
    $width: 310px;
    $height: 10px;
    $count: 70;
    $perpage: 3;
    
    .tns-t {
      &-subp2 {
        margin: 0 auto;
        width: $width;
        position: relative;
        height: $height;
        overflow: hidden;
      }
      &-ct {
        width: (100% * $count / $perpage);
        width: -webkit-calc(100% * #{$count} / #{$perpage});
        width: -moz-calc(100% * #{$count} / #{$perpage});
        width: calc(100% * #{$count} / #{$perpage});
        position: absolute;
        right: 0;
        &:after {
          content: '';
          display: table;
          clear: both;
        }
        > div {
          width: (100% / $count);
          width: -webkit-calc(100% / #{$count});
          width: -moz-calc(100% / #{$count});
          width: calc(100% / #{$count});
          height: $height;
          float: left;
        }
      }
    }

    . Дело в том, что эти же файлы, на которые ругается webpack, собираются, когда я обычную сборку выполняю, но не работает, когда я использую webpack-dev-server
    Написано более года назад
  • Кто знает библиотеку JS, чтобы сделать подобный график?

    rifat2125 @rifat2125 Автор вопроса
    Спасибо! Мне в итоге highcharts подошел)
    Написано более года назад
  • Кто знает библиотеку JS, чтобы сделать подобный график?

    rifat2125 @rifat2125 Автор вопроса
    Дмитрий, Спасибо! Накидал график и вроде бы то, что нужно!
    Вы случайно не знаете, можно ли в этой библиотеке налету подменять данные на новые?
    Написано более года назад
  • 1
  • 2
  • Следующие →
Самые активные сегодня
  • dimonchik2013
    Dimonchik
    • 4 ответа
    • 0 вопросов
  • VoidVolker
    VoidVolker
    • 3 ответа
    • 0 вопросов
  • Isafu
    Isafu-
    • 3 ответа
    • 0 вопросов
  • rPman
    • 3 ответа
    • 0 вопросов
  • mindtester
    #
    • 3 ответа
    • 0 вопросов
  • Drno
    • 3 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации