Làm cách nào để tạo các bảng có thể thay đổi kích thước?

Question

Tôi cần tạo một trang trông giống như Mac Mail hoặc Hộp thư đến của Outlook. trong đó một trang có một bảng điều khiển trên cùng và một bảng điều khiển phía dưới, và có một dải phân cách ở giữa mà bạn có thể sử dụng để tái kích thước, hoặc làm cho một bảng cao hơn hoặc ngắn hơn.

Kỹ thuật jQuery/CSS chuẩn để hoàn thành điều này là gì? Tôi chưa bao giờ làm điều này trước đây vì vậy tôi quan tâm đến đề xuất của bạn hoặc bất kỳ điều bất ngờ nào mà bạn có thể gặp phải trước đây.

Answer 1

Giao diện người dùng jQuery cung cấp plugin này dưới dạng plugin. Rất đơn giản và nó thực sự hoạt động tốt. Tôi luôn sử dụng nó. Dưới đây là liên kết với các hướng dẫn:

http://docs.jquery.com/UI/Resizable

Answer 2

Tôi tin rằng một cái gì đó như thế này sẽ phục vụ nhu cầu của bạn: http://w-shadow.com/blog/2008/10/23/javascript-splitters-and-resizable-panels/

Có một số plugin tham chiếu bắt chước mà UI.

Answer 3

Có một vài plugin jQuery có thể làm điều gì đó như thế này. Tôi nghĩ rằng plugin này jQuery Splitter là những gì bạn đang tìm kiếm mặc dù.