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

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

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

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

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

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

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

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

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

Олег Морев

HTML-Верстальщик
  • 1
    вклад
  • 23
    вопроса
  • 2
    ответа
  • 50%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как скрыть окно по клику по области вне элемента (ANGULAR)?

    the5x @the5x
    Как-то так
    https://codesandbox.io/s/lively-water-vfi0s
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как в Angular сделать каждый блок со своим цветом чтобы данные брались из базы?

    0xD34F
    0xD34F @0xD34F
    например
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Angular5 как заставить видеть стили для DevExpress?

    dmitry_luzanov
    Дмитрий Лузанов @dmitry_luzanov
    @Component({
      //...
      encapsulation: ViewEncapsulation.None
    })


    Доки.
    Ответ написан более трёх лет назад
    4 комментария
    4 комментария
  • Можно ли в Less начало названия класса распространить на дочерние элементы?

    paulradzkov
    Павел Радьков @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    Если вам нужно получить в итоге селектор `.less-level-1 .less-level-2 { ... }` то вариант только такой:

    .less {
        &-level-1 {
           display: block; 
        }
        
        &-level-1 &-level-2 {
            display: block;
        }
    }
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как удалить класс у всех соседних элементов?

    rockon404
    Антон Спирин @rockon404
    Frontend Developer
    Вариант без делегирования.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как раскрасить иконку?

    pozZzitiv
    Pavel Designer @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Это потому что вы ее красите в растре.

    Варианта два:
    1. Скачать по ссылке иконку в векторе (EPS-файл) и спокойно поменять цвета в Иллюстраторе (или другом векторном редакторе). Кликаете белой стрелкой (гор. клав.: A) на объекте и задаете цвет.
    2. В Фотошопе (или ином растровом редакторе):
    а) руками подчистить рваные края;
    б) поверх иконки нарисовать объекты заново и окрасить в нужные цвета (инструментами Lasso, Pen Tool, либо просто создавая прямоугольники и трансформируя их);
    в) обвести каждую деталь и залить нужным цветом (например Magic Wand или Lasso Tool).

    Конечно же, первый вариант самый удобный, но можно и вторым способом. Чтобы уменьшить возможные огрехи все равно скачайте векторный файл и откройте в Фотошопе покрупнее, перекрасьте и уже через Save for Web сохраните в нужном размере PNG — рваных краев быть не должно.
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Что надо сделать чтобы функция работала на каждый select отдельно?

    In4in
    Виталий Инчин ☢ @In4in
    °•× JavaScript Developer ^_^ ו°
    Ну как-то так.

    Что надо сделать

    Прочитать про ключевое слово this и научиться с ним работать.

    В вашем коде при каком-либо действии затрагиваются все элементы сразу, к примеру, вы пишите:

    option.each(function(i, item){
       list.append('<li>' + $(item).text() + '</li>');
    });


    И этот код добавит всем элементам .list все элементы option, какие только есть на странице. А на самом деле, у каждого .select свой лист и опции и работать с ними нужно отдельно.

    Еще интересные строки:

    //Установит всем .selected на странице значение первого select'a
    selected.text(select.val());
    
    //Если первый .selected на странице имеет класс focus, скрыть все существующие списки 
    container.click(function(){
    		if(selected.hasClass('focus')){
    			list.slideUp(300, function(){
    				selected.removeClass('focus');
    			});
    			return;
    		};
    
    		list.slideDown(300);
    		selected.addClass('focus');
    	});


    UPD: А скрывать списки по нажатию куда-то вне них можно так

    $(document).click(function(e) {
            $(e.target).closest(".select").length||
                  $(".focus").removeClass("focus")
                        .next(".list").slideUp(300);
    });
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Что надо сделать чтобы функция работала на каждый select отдельно?

    Слава @YNile
    JS Developer
    для начала так
    jsfiddle.net/ubrgzxke/5
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Можно ли сделать такое оформление через чистый css?

    IonDen
    Денис Инешин @IonDen
    JavaScript developer. IonDen.com
    Короче тут вот эта тема: css.yoksel.ru/css-and-svg-masks
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Можно ли подвинуть background с repeat?

    mirrr
    Oleksiy Chechel @mirrr
    Программист и просто хороший человек
    Вариант через прозрачный border, но придется установить background-clip: padding-box:

    jsfiddle.net/gjcbzwz5
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Обработка .click() в JQ?

    matroskin13
    Валентин Дубровский @matroskin13
    JavaScript developer, GO developer
    Написал для вас небольшой пример, как реализовать это в несколько строк - jsfiddle.net/nh92xgxr
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Обработка .click() в JQ?

    IonDen
    Денис Инешин @IonDen
    JavaScript developer. IonDen.com
    1) Счётчик или булев переключатель, по типу click -> flag = !flag, т.е. присваиваем противоположное значение.
    2) jsfiddle.net/IonDen/Lj17g71m/2
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
Оценили как «Нравится»
Самые активные сегодня
  • dimonchik2013
    Dimonchik
    • 13 ответов
    • 0 вопросов
  • sergey-gornostaev
    Сергей Горностаев
    • 9 ответов
    • 0 вопросов
  • drygdryg
    Виктор Голованенко
    • 7 ответов
    • 0 вопросов
  • mayton2019
    • 6 ответов
    • 0 вопросов
  • vabka
    Василий Банников
    • 6 ответов
    • 0 вопросов
  • 0xD34F
    0xD34F
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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