軽量のプロトタイプベースのフローティング/サイズ変更可能なポップアップウィンドウ

Question

Meeboスタイルのフローティングウィンドウを実装する最良の方法は何ですか？ Prototypeを使用したいと思います（ただし、適切なJquery実装があれば、それを調べていただければ幸いです）。ウィンドウをドラッグ/サイズ変更可能で、一般的に「軽量」にしたいレスポンシブ。

Answer 1

jQuery UIでダイアログコンポーネントをチェックアウトすることをお勧めします。 jQueryが提供する公式のUIライブラリの一部です。 jQuery および jQuery UI を実行し、ページ内の両方のスクリプトへの参照があることを確認します。次に、jQueryオブジェクトでdialog（）を呼び出すのと同じくらい簡単です。詳細については、ダイアログドキュメントをご覧ください。

<script type="text/javascript">
$(function() {
   $("#dialog").dialog();
});
</script>

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>