Widget de légende Javascript/jQuery

Question

Existe-t-il un widget JS/jQuery qui me permettrait d'afficher une légende simple contenant par exemple un petit rectanlge coloré et une étiquette de texte à côté? Dans ce cas précis, la légende montrerait les significations derrière différents codes de couleurs dans un widget jp dateer en ligne jQuery UI, qui serait personnalisé pour permettre plusieurs sélections par un utilisateur et montrant des couleurs différentes pour des jours spécifiques.

En fait, la chose dont j'ai besoin ressemblerait exactement à la liste des sites SO au bas de cette page (mais idéalement listée verticalement à côté du sélecteur). Donc, s'il n'y a pas de solution prête à l'emploi, je vais essayer de regarder cette page.

Answer 1

Vous devez le remettre à l'équipe de StackOverflow. Leur méthode pour créer les légendes est assez intelligente. Fondamentalement, ils utilisent le caractère ■ (ASCII 254) à la place de n'importe quelle image ou div. Ils l'insèrent dans une envergure, qui est dénommée avec une taille de police et une propriété de couleur. À côté de lui est une étiquette d'ancrage de style. Rincez et répétez. Ce qui est particulièrement intelligent à ce sujet, c'est que tout est en ligne dans un div et est aligné sur la ligne de base! Laissez-moi le dire encore une fois: il s'aligne sur la ligne de base! Donc, il n'y a pas de disparité dans les compensations d'images, etc. Une pointe de chapeau à l'ingénieur de l'interface utilisateur qui l'a rendu aussi simple. Merci d'avoir attiré mon attention là-dessus, ou je n'aurais probablement jamais regardé et appris.

EDIT: ASCII 254 est incorrect. La valeur réelle fournie par "■".charCodeAt(0) est 9632 et est probablement une certaine saveur d'Unicode. Même aspect et forme, mais valeur différente.