Giao diện người dùng - Inline Trợ giúp Lớp phủ

Question

Tôi có một khách hàng đang tìm kiếm một hệ thống trợ giúp nội tuyến tương tự như loại Facebook và Google sử dụng để làm nổi bật các thay đổi giao diện.

Dưới đây là một ví dụ từ Patterns UI: http://ui-patterns.com/users/1/collections/38/entry/5759

Trước khi tôi pitch một giải pháp tùy chỉnh, tôi thực sự cần phải tìm hiểu xem có bất kỳ thư viện hoặc các dịch vụ hiện có để cung cấp này. Tôi đã thử nhiều từ khóa combo khác nhau trên Stack Overflow và Google (trong số những thứ khác).

Về cơ bản, khách hàng muốn chọn một phần tử của giao diện và cung cấp một số trợ giúp bổ sung mà người dùng có thể hiển thị bằng cách chọn biểu tượng trợ giúp bên cạnh phần tử.

Có ai biết dịch vụ hiện tại hoặc thư viện thả xuống không?

Answer 1

Tôi sử dụng ClueTip, nó rất giống và hoạt động theo ngữ nghĩa HTML phổ biến. Các trang tài liệu không phải là rất cảm hứng, nhưng điều đó chắc chắn không giới hạn việc sử dụng các plugin của bạn.

Điều gì thực sự tuyệt vời là nó phát đẹp với các chủ đề jQuery UI themeroller.

ClueTip - http://plugins.learningjquery.com/cluetip/

trang Demo ở đây - http://plugins.learningjquery.com/cluetip/demo/

Answer 2

Tôi sử dụng SimpleTip. Nó dựa trên JQuery và cho phép HTML tùy ý hiển thị trong lớp phủ (mặc dù các bản trình diễn tại trang web của nhà phát triển không hiển thị hình ảnh hoặc định dạng ưa thích) và mã đủ đơn giản để tùy chỉnh nếu bạn cần thực hiện thay đổi.

Answer 3

Đây là một chút của một plug nhưng tôi đã tạo Overlay101 rằng sẽ trả về một sự giúp đỡ overlay inline có thể được quản lý bởi các nhà phát triển không. Tôi nghĩ rằng nó dễ dàng hơn nhiều so với việc duy trì một phần mở rộng jquery.

Bạn có thể đánh dấu các yếu tố dựa trên bộ chọn id hoặc css. Khi javascript đã được thêm vào trang của bạn, bạn có thể rút gọn nó ra cho bất kỳ ai viết văn bản trợ giúp.