Comment faire des panneaux redimensionnables?

Question

J'ai besoin de construire une page qui ressemble à Mac Mail ou une boîte de réception Outlook. où une page a un panneau supérieur et un panneau inférieur, et il y a un séparateur entre les deux que vous pouvez utiliser pour redimensionner, soit pour rendre un panneau plus haut ou plus court.

Quelle est la technique jQuery/CSS standard pour accomplir ceci? Je n'ai jamais fait cela auparavant, donc je suis intéressé par vos suggestions ou les surprises que vous avez pu rencontrer auparavant.

Answer 1

jQuery UI propose ceci comme un plugin. Très simple et ça marche vraiment bien. Je l'utilise toujours. Voici le lien avec les instructions:

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

Answer 2

Je crois que quelque chose comme cela répondre à vos besoins: http://w-shadow.com/blog/2008/10/23/javascript-splitters-and-resizable-panels/

Il y a plusieurs plugins référencés qui simulent que l'interface utilisateur.

Answer 3

Il y a quelques plugins jQuery qui peuvent faire quelque chose comme ça. Je pense que ce plugin jQuery Splitter est ce que vous cherchez.