Виджет легенды Javascript / JQuery - PullRequest
Новая
       8

Виджет легенды Javascript / JQuery

1 голос
/ 03 августа 2010

Существует ли виджет JS / jQuery, который позволил бы мне отображать простую легенду, которая содержит, например, небольшой цветной прямоугольник и текстовую метку рядом с ним?

В этом конкретном случае легенда будет показывать значенияза разными цветовыми кодами во встроенном виджете DatePicker пользовательского интерфейса jQuery, который будет настроен для обеспечения возможности множественного выбора пользователем и отображения разных цветов для определенных дней.

Фактически, то, что мне нужно, будет выглядеть точно так же, каксписок SO-сайтов в нижнем колонтитуле этой страницы (но в идеале они должны располагаться вертикально рядом со средством выбора).Так что, если нет готового решения, я думаю, я попытаюсь посмотреть на эту страницу источника.

1 Ответ

2 голосов
/ 03 августа 2010

Вы должны передать его команде StackOverflow.Их метод создания легенд довольно умный.В основном, они используют символ ■ (ASCII 254) вместо любого изображения или элемента div.Они вставляют его в диапазон, стилизованный под размер шрифта и свойство цвета.Рядом с ним находится стилизованный якорный тег.Промыть и повторить.

Что особенно разумно в этом, так это то, что все это встраивается в строку в div и выравнивается по базовой линии !Позвольте мне сказать это еще раз: он выравнивается по базовой линии !Таким образом, нет несоответствия в смещениях изображения и т. Д. Совет от инженера UI, который сделал это настолько простым.Спасибо за то, что обратили на это мое внимание, иначе я бы никогда не посмотрел и не узнал.

РЕДАКТИРОВАТЬ: ASCII 254 неверно.Фактическое значение, полученное "■".charCodeAt(0), равно 9632 и, вероятно, является разновидностью Unicode.Тот же внешний вид и форма, но другое значение.

...