ドラッグ可能でサイズ変更可能なJavaScriptポップアップウィンドウを作成するにはどうすればよいですか？

Question

クロスブラウザの使用のためにJavaScriptでドラッグアンドリサイズ可能なウィンドウを作成したいのですが、できればフレームワークを使用しないようにしたいと思います。

誰かにリンクまたは使用できるコードがありますか？完全なフレームワークを回避

Answer 1

jQueryのは、素敵なユーティリティ機能の多くに、より集中し、DOMの操作がずっと容易になります。基本的には、Javascriptであったはずです。それはJavascript言語自体に非常に有益な追加です。

ExtJSにはそうでない場合は、より柔軟なフレームワークで行く、あなたは簡単にそのように見えるのコンポーネントを作成したい場合は、それを使用して...固有のAPIとGUIコンポーネントのスイートです。

Answer 2

は、コードと退屈なブラウザテストの束の多くであなたを残します。

あなたは私がjqDnRプラグインでjQueryのをお勧めしたいの枠組みを検討する場合。あなたの問題を解決するか、おそらくあなたはjQuery draggablesの機能とjQuery resizables

Answer 3

の機能を組み合わせることができます。環境やアーキテクチャを選択できない場合がありますので、フレームワークを使用できないような制約...

Answer 4

JQueryは良い方法です。そして、プラグイン（draggableなど）の場合は、これは簡単です（ここにはdemoがあります）。

フレームワークを使用しないで、「純粋」に保つためには、時間が無駄だと思われます。あなたのアプリケーションをさらに良くするために費やされる時間が膨大になります。

しかし、あなたは常にいくつかの「インスピレーション」を取得するには、ソースをチェックアウトし、あなたが使用することはありませんもののオーバーヘッドなしにそれを適応させることができます。それはうまくやり遂げられており、読んでも簡単です。あなたはよく考えていないクロスブラウザのハックを発見することがあります。

編集：ああ、本当にフレームワークを失ったことはありません。彼らのソースはあなたのアプリケーションのためにいくつかを使用することができます。

Answer 5

ちょうど1つの非常に小さなことのために、大規模なフレームワークのダウンロードをクライアントに避けるようにしようとしている、おそらく私は大嫌いです。

私はjQueryのを見ていただけでなく、ExtJSに、ドキュメント、およびUI「見た目」はExtJSの中ではるかに優れており、プロのように見える... jQueryのを推薦君たちのためにそこに特定の理由は？