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

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

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

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

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

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

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

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

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

FrelFrloich

  • 15
    вклад
  • 22
    вопроса
  • 43
    ответа
  • 28%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как можно перенести слово на новую строку?

    FrelFrloich @FrelFrloich
    Чем тебя бр не устраивает? чем он мешает при адаптиве?)
    Ответ написан 04 янв.
    5 комментариев
    5 комментариев
  • Как отменить active у блока которому active был добавлен из списка?

    FrelFrloich @FrelFrloich
    Приведи в нормальное состояние свой код, вряд ли кто то будет это читать. На вскидку

    const btnAll = document.querySelectorAll('.btn')
    
    for (let index = 0; index < btnAll.length; index++) {
        const btn = btnAll[index]
    
        btn.addEventListener('click', (event) => {
                btnAll.forEach((element) => {
                    element.classList.remove('active')
                })
                btn.classList.add('active')
        })
    }
    Ответ написан 02 янв.
    1 комментарий
    1 комментарий
  • Как сделать чтоб при нажатии на определенную кнопку обводились несколько карточек внизу?

    FrelFrloich @FrelFrloich
    Ты не правильно делал, почитай побольше раз такие банальные вещи вызывают у тебя вопросы.

    const btnBrazil = document.querySelector(".brazil");
    const cardBrazil = document.querySelectorAll(".brc");
    
    btnBrazil.addEventListener("click", function () {
        cardBrazil.forEach((element) => {
            element.classList.add("class-b");
        });
    });
    Ответ написан 26 дек. 2021
    1 комментарий
    1 комментарий
  • Как удалить class hidden-xs у определенного div и при закрытии модального окна вернуть его?

    FrelFrloich @FrelFrloich
    const btn = document.querySelector('.btn-close')
    
    btn.addEventListener('click', close)
    function close() {
        let container = document.querySelectorAll('.column_module')
        container[3].classList.remove('hidden-xs')
    }
    Ответ написан 18 дек. 2021
    2 комментария
    2 комментария
  • Как сделать вертикальный слайдер в несколько колонок?

    FrelFrloich @FrelFrloich
    Свипер лучше, слик глючный больно на вертикалке.
    Ответ написан 14 дек. 2021
    Комментировать
    Комментировать
  • Как очистить input поле по кнопке?

    FrelFrloich @FrelFrloich
    Это условно, подставите классы которые нужны.

    const btn = document.querySelector('.btn')
    const input = document.querySelectorAll('.input')
    
    btn.addEventListener('click', (e) => {
    
        input.forEach(element => {
            element.value = ''
        });
    })
    Ответ написан 13 дек. 2021
    Комментировать
    Комментировать
  • Почему некорректно отображается верстка на мобильных устройствах?

    FrelFrloich @FrelFrloich
    Лови друг, и прекращай баловаться с margin.
    61b7886223660777344438.jpeg
    и это дермицо пофикси, на кой вообще тебе такие отступы?
    61b78921621a4972790728.jpeg

    всё дело в margin твоём в общем, фикси и не пиши так. Почитай про flex, grid и позиционирование, ты делаешь не верно всё.
    Ответ написан 13 дек. 2021
    Комментировать
    Комментировать
  • Как указать стилю transition значение из переменной, через javascript?

    FrelFrloich @FrelFrloich
    speed = speed.value
    element.style.animationDelay = `${speed}s`
    Ответ написан 12 дек. 2021
    Комментировать
    Комментировать
  • Как сделать такой ховер?

    FrelFrloich @FrelFrloich
    https://jsfiddle.net/v9huntcx/
    Ответ написан 12 дек. 2021
    Комментировать
    Комментировать
  • Как сделать обрезание по строкам текста без -webkit-line-clamp с троеточием в конце?

    FrelFrloich @FrelFrloich
    Вот как делают на ютубчике в коментах. Опять таки же, объясни для чего тебе это.

    61b52b9e3b318177831540.jpeg

    + - вроде это тебе надо, но я так и не понял.

    https://codepen.io/FrelAderal/pen/mdMgdOV
    Ответ написан 12 дек. 2021
    Комментировать
    Комментировать
  • Не обновляется переменная, как ее обновлять?

    FrelFrloich @FrelFrloich
    Можно и так.
    <select class="select" name="" id="">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>


    const select = document.querySelector('.select')
    
    var num = 0
    select?.addEventListener('change', (e) => {
        if (select.value.includes(1)) {
            console.log((num = 1))
        } else if (select.value.includes(2)) {
            console.log((num = 2))
        } else if (select.value.includes(3)) {
            console.log((num = 3))
        }
    })


    Не правильно понял, так что можно и так.
    Ответ написан 11 дек. 2021
    Комментировать
    Комментировать
  • Как такое сверстать?

    FrelFrloich @FrelFrloich
    Это не своевременно, но разве это не просто круги с цифрами и бефор афтер с бордерами?
    Ответ написан 08 дек. 2021
    Комментировать
    Комментировать
  • Как перенести блок в другую колонку при адаптиве?

    FrelFrloich @FrelFrloich
    Трудно судить, но вы указали своему заголовку типо этого.

    .title {
    width: 300px
    }


    а надо:
    .title {
    width: 100%;
    max-width: 300px;
    }


    таким образом вы укажите заголовку, растягиваться на 100 процентов, но максимально на 300px и когда ваша колонка будет уже 300px он не будет занимать твёрдую позицию в 300px а будет в 100% от этой колонки. В следующий раз заливайте пример своего кода сюда или аналог https://codepen.io/
    Ответ написан 08 дек. 2021
    Комментировать
    Комментировать
  • Как получить набор определенных данных из массива groovy?

    FrelFrloich @FrelFrloich
    if(чегонить >= 90 && чегонить <= 100) {
       выводим
    }

    Не совсем понятна проблема, напишите код на код пене или ещё где.
    Ответ написан 08 дек. 2021
    1 комментарий
    1 комментарий
  • Что делать, если не отображаются картинки на второстепенном сайте?

    FrelFrloich @FrelFrloich
    Пути пропиши правильно, что же ещё делать и ssl сертификат купи.
    Ответ написан 07 дек. 2021
    3 комментария
    3 комментария
  • Как реализовать такое поведение контента при скролле?

    FrelFrloich @FrelFrloich
    Да есть.
    Ответ написан 01 дек. 2021
    Комментировать
    Комментировать
  • Как создать программу, которая рассчитает сколько пользователю полных лет и через какой промежуток времени пользователю нужно будет поменять паспорт?

    FrelFrloich @FrelFrloich
    function toISODate(milliseconds) {
        var date = new Date(milliseconds)
        var stap = 24 // Прибавляем к дате число смены пасспорта, допустим в 45 лет
    
        var y = date.getFullYear() + stap
        var m = date.getMonth() + 1
        var d = date.getDate()
        m = m < 10 ? '0' + m : m
        d = d < 10 ? '0' + d : d
    
        return [y, m, d].join('-')
    }
    
    var date1 = new Date()
    var date2 = new Date(2001, 11, 30)
    
    var timeSec = Math.abs(date1.getTime() - date2.getTime()) // Выясняем сколько лет парню
    var timeSec2 = Math.abs(date2.getTime() + timeSec) // Прибавляем к его возрасту современную дату для вычисления сколько ему лет на сегодня
    
    let divDate = document.createElement('div')
    divDate.innerHTML = `Ближайшая смена пасспорта : ${toISODate((milliseconds = timeSec2))}`
    document.body.appendChild(divDate)


    Это бред конечно ещё тот, но может натолкнуть вас на какую либо мыслю, вообще лучше делать это на php в плане легче.
    Ответ написан 30 нояб. 2021
    Комментировать
    Комментировать
  • Как реализовать нестандартное перечеркивание цены?

    FrelFrloich @FrelFrloich
    песевдоелементом и задать ему transform rotate 10 deg
    Ответ написан 30 нояб. 2021
    Комментировать
    Комментировать
  • Как получить родителя и добавить ему класс JS?

    FrelFrloich @FrelFrloich
    const parentF = document.querySelector('.block-container')
    const childF = document.querySelector('.block')
    
    const parent1 = childF.parentNode
    const parent2 = childF.closest('.block-container')
    const parent3 = childF.parentElement
    
    console.log(parent1, parent2, parent3)


    Можно пойти и в обратную, если у родителя есть потомок с таким то класом
    Ответ написан 30 нояб. 2021
    Комментировать
    Комментировать
  • Как добавить плавность?

    FrelFrloich @FrelFrloich
    hello.style.opacity = "0";
    hello.style.transition = "0s all ease";
      setTimeout(function () {
       hello.style.opacity = "1";
       hello.style.transition = "0.3s all ease";
      }, 100);
    Ответ написан 28 нояб. 2021
    1 комментарий
    1 комментарий
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • Следующие →
Самые активные сегодня
  • Drno
    • 10 ответов
    • 0 вопросов
  • AlexNest
    Александр Нестеров
    • 9 ответов
    • 0 вопросов
  • dimonchik2013
    Dimonchik
    • 8 ответов
    • 0 вопросов
  • Dr. Bacon
    • 7 ответов
    • 0 вопросов
  • Евгений
    • 6 ответов
    • 0 вопросов
  • Rst0
    Rst0
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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