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

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

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

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

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

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

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

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

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

lexchz

  • 9
    вклад
  • 27
    вопросов
  • 23
    ответа
  • 26%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Почему Manjaro Linux не подключается к интернету через смартфон в режиме USB-модема?

    lexchz @lexchz Автор вопроса
    Талян, не прилетает:
    61f7b714ae0d2660120107.jpeg
    Написано 31 янв.
  • Изображения товаров в каталоге отображаются не правильно. Как исправить?

    lexchz @lexchz
    Нужно в стилях вот сюда
    .woocommerce ul.products li.product a img {
    margin: 0;
    }

    добавить
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;


    и вот это убрать вообще:
    .woocommerce ul.products li.product .un-loop-thumbnail {
        position: relative;
        display: block;
    }
    Написано 16 янв.
  • Как можно обратиться к элементам DOM?

    lexchz @lexchz
    Ситуация такая, нужно обратится к элементам яндекса

    Это какой-то внешний скрипт, подгружающий html? Возможно, твой код срабатывает раньше, чем инициализируется блок от Яндекса.
    Написано 09 янв.
  • Как провалидировать селекты?

    lexchz @lexchz
    olenafront097, потому что код исполняется сразу. Окончательный, рабочий вариант
    (function formActions() {
    	const form = document.querySelector('form[name="test"]');
    	if (!form) return;
    
    	form.onsubmit = function(e) {
    		e.preventDefault();
    		return validateSelects(this);
    	};
    })()
    
    
    function validateSelects(form) {
    	let places = form.querySelectorAll('input[name="place"]');
    	let selects = form.querySelectorAll('.city__select');
    
    	form.querySelectorAll(".error").forEach((l) => l.remove());
    
    	places.forEach((place, i) => place.checked && selects[i] && !selects[i].value
    	? selects[i].insertAdjacentHTML('afterend','<span class="error">This field is required.</span>')
    	: void 0		
    	);
    }
    Написано 09 янв.
  • Как провалидировать селекты?

    lexchz @lexchz
    olenafront097, я так понял, на jsfiddle не работает оператор ?. (Optional chaining). Здесь он нужен для предотвращения ошибки из-за возможного отстутствия элемента.

    Вот так работает: https://jsfiddle.net/9mkxz3rb/ Только повесь этот код на сабмит формы, сейчас он сразу исполняется.
    Написано 09 янв.
  • Как работает Гугл карта?

    lexchz @lexchz
    Думаю, здесь никто не знает, что находится под капотом Гугл карт.

    На фронтэнде - canvas + ajax.
    Написано 09 янв.
  • Как к элементу добавить +1 при нажатии?

    lexchz @lexchz
    Edhunter,
    if (event.target.tagName == 'LI') {
          event.target.innerText++;
       }
    Написано 09 янв.
  • Как к элементу добавить +1 при нажатии?

    lexchz @lexchz
    Убери number++;
    Написано 09 янв.
  • Почему скрипт не видит функцию в setInterval?

    lexchz @lexchz
    Не вижу проблемы, код рабочий, если встроить в страницу. Что значит "в составе расширения"?
    Написано 08 янв.
  • Как решить такую задачу?

    lexchz @lexchz
    В массив загнать все результаты, затем его отсортировать по убыванию, и вернуть первый элемент.
    Написано 08 янв.
  • Как задать заголовок h1 для категорий товаров Woocommerce?

    lexchz @lexchz
    Comer, taxonomy-product_cat.php, taxonomy-product_tag.php - вроде они
    Написано 08 янв.
  • Почему HTML5 Video перед инициализацией источника неправильно масштабируется?

    lexchz @lexchz Автор вопроса
    Сергей delphinpro, в общем, я так понял, что причина в том, что video изначально имеет ширину 300 и высоту 150 px, и до получения браузером инфы об источнике именно так и масшатабируется, а картинка по умолчанию никаких размеров не имеет.
    Написано 05 янв.
  • Почему HTML5 Video перед инициализацией источника неправильно масштабируется?

    lexchz @lexchz Автор вопроса
    Сергей delphinpro, ничего не мешает, но инлайн-стили использовать в html как-то не очень красиво. И к тому же свойство aspect-ratio совсем недавно стало поддерживаться браузерами, выходит, что проблема раньше вообще нерешаема была.
    Написано 05 янв.
  • Почему HTML5 Video перед инициализацией источника неправильно масштабируется?

    lexchz @lexchz Автор вопроса
    Сергей delphinpro, в теге img браузер берет соотношение из атрибутов width и height, и только после загрузки картинки начинает игнорировать height (т.к. она задана в CSS). С тегом video аналогичный приём не работает почему-то.
    Написано 05 янв.
  • Кто может посоветовать с продвижением?

    lexchz @lexchz
    Legal Adviser,
    5ff44c094c847283890862.png
    Написано более года назад
  • Кто может посоветовать с продвижением?

    lexchz @lexchz
    А что за г... в исходном коде прямо на первой строке?
    По PageSpeed Insights серьёзные проблемы.
    Есть баги в верстке и юзабилити.

    Насчёт категорий и страниц - поисковикам всё равно, какая таксономия и т.д.
    Написано более года назад
  • В чем проблема js калькулятора?

    lexchz @lexchz
    Trailaptor ⠀, накидал самое примитивное решение. Но вообще на инпуты и селекты в html не надо вешать https://jsfiddle.net/da6w20u4/
    Написано более года назад
  • Существуют ли вакансии JS-программиста без обязанности верстать?

    lexchz @lexchz Автор вопроса
    Много Чего, вёрстка - это не про сложность. Я писал в вопросе, что это однообразная рутинная работа, её можно сравнить, например, с вытачиванием болтов на конвейере на заводе. Я сам был верстаком в прошлом, и мне оно надоело вкрай.
    Написано более года назад
  • Возможно ли сделать невидимую метку для символа в строке?

    lexchz @lexchz Автор вопроса
    Спасибо за наводку) Разобрался.
    В общем, логика такая:
    1. Определяем позиции всех X в паттерне;
    2. Получаем input.value.length и pattern.length;
    3. Получаем позицию input.selectionStart (курсор.)
    4. Далее, если длина input.value больше, то индексы слева от курсора останутся такие же, как в паттерне, а справа увеличатся на разность input.value.length и pattern.length.
    5. Аналогично рассчитываем индексы при уменьшении input.value.length (deleteContentBackward).
    Написано более года назад
  • Возможно ли сделать невидимую метку для символа в строке?

    lexchz @lexchz Автор вопроса
    Bavashi, когда получаем новое значение строки после события input, все позиции сбиваются
    Написано более года назад
  • 1
  • 2
  • 3
  • Следующие →
Самые активные сегодня
  • Erghel
    Dutt Dett
    • 9 ответов
    • 1 вопрос
  • Vindicar
    Vindicar
    • 7 ответов
    • 0 вопросов
  • Drno
    • 7 ответов
    • 0 вопросов
  • CityCat4
    CityCat4
    • 7 ответов
    • 0 вопросов
  • ThunderCat
    ThunderCat
    • 6 ответов
    • 0 вопросов
  • Rsa97
    Rsa97
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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