웹 사이트에서 대안 또는 개선 사항을 드롭 다운 목록/메뉴를 찾고

Question

드롭 다운 목록, 메뉴 및 콤보 박스는 모두 매우 일반적인 사용자 인터페이스 요소입니다. 사용자는 이러한 요소를 기본 응용 프로그램 및 때로는 웹 앱에서 볼 수 있지만 몇 가지 문제가 있습니다.

1. 마우스를 목표로해야합니다. 마우스를 꺼낼 때 일부 메뉴가 무너지고 일부는 확장을 목표로 해야하는 하위 메뉴가 있습니다.

2. 먼저 마우스를 목표로하지 않으면 옵션을 볼 수 없습니다.

이것들은 저를 괴롭히는 주요 것들입니다. 아마도 다른 사람들도 다른 문제를 알아 차릴 것입니다. 나는 일반적으로 도와 줄 수 있다면 드롭 다운 메뉴를 전혀 사용하지 않습니다.

문제는 때때로 제한된 공간에서 긴 옵션 목록을 제시하고 싶다는 것입니다. 문제 2는 내가 기꺼이 만들고자하는 희생이지만,이 낙하 메뉴를 쉽게 사용할 수 있도록하는 사람이 있는지 알고 싶습니다. 어쩌면 누군가가 새로운 스타일의 목록 컨트롤을 발명했을 수도 있습니다.

이러한 유형의 컨트롤이 나를 괴롭히면 내 사이트의 사용자를 더 성가 시게 할 것이라고 확신합니다.

Answer 1

Mac OS/X가 YouTube의 선택 표시 줄과 유사한 작업 표시 줄에 대해 시도 할 수 있습니다. 일반적인 용어는 마우스가 롤오버 할 때 작은 이미지가 더 큰 버블 바이지만 마우스가 컨트롤을 넘지 않을 때 모든 품목이 보이는 크기로 다시 줄어 듭니다.

Answer 2

흠 .. 드롭 다운 목록에 대해 나를 괴롭히는 더 많은 것은 텍스트로 확장 될 때 폭을 제어 할 수 없다는 것입니다 (또는 내가 알지 못하는 것).

대안으로, 처음에 사용 가능한 옵션 목록을 알파벳 인덱스 형태로 표시하고 사용자가 알파벳 링크를 클릭하면 관련 옵션을 선택할 때 선택할 관련 옵션이 표시됩니다. 선택할 옵션이 줄어 듭니다.

같은 용어로 AJAX를 사용하여 사용자 유형으로 즉시 옵션을 구축 할 수 있습니다.

Answer 3

@nrj width = '20px'는 붕괴 된 드롭을 20px의 너비로 유지합니다. 문제는 Inernet Explorer 가이 너비의 확장 된 항목을 보여 주지만 지금까지 내가 만난 다른 모든 브라우저는 전체 메뉴를 보여줍니다.