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

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

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

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

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

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

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

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

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

Дмитрий

  • 5
    вклад
  • 7
    вопросов
  • 10
    ответов
  • 60%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как при клике на кнопку удалить инпут (и не только, ниже всё расписал)?

    Дмитрий @Odiseu
    <form action="#" class="quiz__form_tourists">
      <button class="quiz__tourists-btn">
                Добавить ребёнка
            </button>
      <div class="years-old__inputs"></div>
    </form>
    <div class="quiz__block_years-old-wrap">
      <div class="years-old__title">
        Выберите возраст ребёнка
      </div>
      <div class="quiz__block_years-old">
        <button class="years-old__item years-old-1 box-shadow-hover">
                    больше 2 лет
                </button>
      </div>
    </div>


    let formTourists = document.querySelector('.quiz__form_tourists');
      let btnTourists = document.querySelector('.quiz__tourists-btn');
      let yearsOldBlock = document.querySelector('.quiz__block_years-old-wrap');
      btnTourists.addEventListener('click', function(e) {
      	e.preventDefault();
        formTourists.style.display = 'none';
        yearsOldBlock.style.display = 'block';
      });
    
      let yearsOld1 = document.querySelector('.years-old-1');
      yearsOld1.addEventListener('click', function(e) {
      	e.preventDefault();
        formTourists.style.display = 'block';
        yearsOldBlock.style.display = 'none';
        let yearsInputs = document.querySelector('.years-old__inputs');
        let str = '<div class="years-input-wrap"><button class="years-input-remove">х</button><input type="text" class="years-input" placeholder="ребёнок до 2-х лет"></div>';
        yearsInputs.innerHTML += str;
    
        let inputRemove = document.querySelectorAll('.years-input-remove');
        
        for(let i = 0; i < inputRemove.length; i++){
        	inputRemove[i].addEventListener('click', function(e) {
          e.preventDefault();
          e.currentTarget.parentNode.remove();
        	});
        }
      });


    вы забываете, что у вас больше чем 1 блоков "years-old__inputs". Поэтому используйте - querySelectorAll и добавляйте события в цикле.
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • В какой папке на хостинге редактировать текст в "footer" и "header"?

    Дмитрий @Odiseu
    https://docs.stylemixthemes.com/consulting-theme-d...
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как сделать поля логина и пароля друг под другом?

    Дмитрий @Odiseu
    Try add styles in your css file

    .login-window__elements::after {
    content: "";
    clear: both;
    display: table;
    }
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как повторить эффект вращения при наведении на блок?

    Дмитрий @Odiseu Автор вопроса
    Кому интересно. Выкладываю ответ на вопрос.
    https://jsfiddle.net/Dmytriy_od/xz801v34/3/
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как добавить автора статьи WP?

    Дмитрий @Odiseu
    <p> Автор поста: <?php the_author_meta('display_name',$user_id); ?></p>

    $user_id вместо $author_id
    https://wp-kama.ru/function/the_author_meta
    and
    https://wp-kama.ru/function/esc_html_e
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как правильно вставить header?

    Дмитрий @Odiseu
    https://codepen.io/Odiseu/pen/JjoYaJO
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Redux framework, как добавить слайд?

    Дмитрий @Odiseu
    Я не профи и только учусь, но я бы использовал register_post_type() + advanced custom fields ( or Carbon Fields) вместо redux для этого.
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Как кастомизировать шаблон Wordpress?

    Дмитрий @Odiseu
    https://underscores.me/ + redux + ACF | Advanced Custom Fields будет достаточно для небольшого функционала
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как изменить linear-gradient?

    Дмитрий @Odiseu
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0));
    instead
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 80%, rgba(0,0,0,0));
    Ответ написан более трёх лет назад
    7 комментариев
    7 комментариев
  • Как выровнять как на скрине?

    Дмитрий @Odiseu
    В body удалить margin: 0; и padding: 0;. и добавить их в * { }.
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
Оценили как «Нравится»
Самые активные сегодня
  • Drno
    • 9 ответов
    • 1 вопрос
  • HardBot
    HardBot
    • 7 ответов
    • 0 вопросов
  • rPman
    • 6 ответов
    • 0 вопросов
  • poly-titova
    Полина Титова
    • 5 ответов
    • 0 вопросов
  • delphinpro
    Сергей delphinpro
    • 4 ответа
    • 0 вопросов
  • Stoneman
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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