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

Question

Meeboスタイルのフローティングウィンドウを実装する最適な方法は何ですか？私はプロトタイプを使用することを好むだろう（しかし、良いJqueryの実装があれば、私はそれを調べてもうれしい）。私は窓をドラッグ可能/サイズ変更可能で、一般的には「軽量」かつ応答性にしたいと思います。

Answer 1

jQueryのUIでdialog componentをチェックアウトしたい場合があります。 jQueryが提供する公式UIライブラリの一部です。 jQueryとjQuery UIをダウンロードしてから、両方のスクリプトへの参照がページにあることを確認してください。それから、jQueryオブジェクトのdialog（）を呼び出すのと同じくらい簡単です。詳細についてはdialog documentationをご覧ください。

<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>