Ответы пользователя по тегу JavaScript
  • Как обыграть UI/UX у такого прототипа?

    Все же зависит от постановки задачи, т.е. если прототип Ваш и его можно корректировать, то некоторые моменты я бы поправил. А если прототип утвержден, а Вам нужно отрисовать интерфейс, то и об удобстве рассуждать не приходится :)
    По существу: заголовки слева меня смущают больше всего, но если таблица не очень широкая, а заголовки в одно слово, то вариант. Если мы о веб, то на трубках все равно придется сделать заголовки над таблицей, так чего тянуть?)
    С текстом под таблицей не вижу проблем, главное стили: текст инфоблока нельзя отделять линией (бордером) от строки, иначе потеряется принадлежность. По этой причине таблица должна быть без вертикальных бордеров, иначе получится ужас. Сам текст инфоблока можно заключить в какой-то "бабл", который будет указывать на строку. И тогда все будет прилично выглядеть даже если строчек 100 (можно еще закрывать инфоблок, при открытии другого, но если они большие - страница будет дергаться).
    Что касается взаимодействия, то поведение чекбокса немного не логично. Как правило сначала пользователь должен увидеть подсказку, а потом уже сделать выбор. Если это не тест, то можно выводить инфоблок тултипом при наведении на чекбокс, а по клику "раздвигать" строку и оставлять инфоблок на виду.

    Советы могли бы быть более конкретными, если было бы понимание, что за продукт, где используется, кем :)
    Ответ написан
    Комментировать
  • Почему может не срабатывать чекбокс и не открываться ссылки?

    1. Отключить JS в браузере, проверить работу ссылок и чекбоксов
    2. Если все работает, то добраться до footer и header и поотключать скрипты сначала пачками, а потом по одному
    3. Найти "виновника", проверить в нем все что касается click


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

    Скрипт не буду писать, но суть следующая:
    1. Сначала делаем плитки квадратными (это просто - высота всегда равна ширине)
    2. Затем даем классы плитками - нечетным с1, четным с2 (это тоже можно на js)
    3. Блок, который презентует о компании ищет ближайший с2 и появляется именно после него. Он равен 100%, поэтому не ломает плиточной структуры
    4. Меняем "клиентов" между собой стрелками (обычный слайдер)

    Ну, о том, что блокам присваиваются дополнительные классы типа active или open - я не говорю, это само собой.
    Ответ написан
    Комментировать