예를 들어 작은 직사각형과 그 옆에 텍스트 레이블이 들어있는 간단한 범례를 표시 할 수있는 JS/jQuery 위젯이 있습니까?Javascript/jQuery 범례 위젯
이 특별한 경우 범례는 인라인 jQuery UI datepicker 위젯에서 다양한 색상 코드 뒤에 의미를 표시합니다. 이는 사용자가 여러 항목을 선택하고 특정 날짜 동안 다른 색상을 표시하도록 사용자 정의됩니다.
사실 내가 필요한 것은이 페이지 바닥 글의 SO 사이트 목록과 똑같이 보일 것입니다 (그러나 이상적으로는 피커 옆에 수직으로 나열되어 있음). 따라서 기성품 솔루션이 없다면이 페이지 소스를 살펴 보겠습니다.
당신은 StackOverflow 승무원에게 그것을 건네 주어야합니다. 전설을 만드는 방법은 꽤 영리합니다. 기본적으로 이미지 나 div 대신에 문자 (ASCII 254)를 사용합니다. 글꼴 크기 및 색상 속성으로 스타일이 지정된 범위에 삽입됩니다. 그 옆에는 스타일이 지정된 앵커 태그가 있습니다. 린스하고 반복하십시오.
특히 영리한 점은 div에 인라인으로 모두 들어가고 기본으로 정렬되어 있다는 것입니다.! 다시 말해 보겠습니다. 베이스 라인에 라인이 있습니다! 따라서 이미지 오프셋 등에는 불일치가 없습니다. UI 엔지니어에게 모자를 기울여 간단하게 만들었습니다. 저의 관심을 불러 주셔서 감사합니다. 아니면 결코 보거나 배울 수 없었을 것입니다.
편집 : ASCII 254가 잘못되었습니다. "■".charCodeAt(0)에 의해 산출 된 실제 값은 9632이며 유니 코드의 일부입니다. 같은 모양과 모양이지만 다른 가치.
설명해 주셔서 감사합니다. – alh84001
예.이 기능은 매우 훌륭하고 맞춤 설정이 가능합니다. – WojonsTech