ドラッグ可能でサイズ変更可能な JavaScript ポップアップ ウィンドウを作成するにはどうすればよいですか?
-
09-06-2019 - |
質問
ブラウザ間で使用できるように、ドラッグ可能でサイズ変更可能なウィンドウを JavaScript で作成したいのですが、できる限りフレームワークの使用は避けたいと考えています。
誰かが使用できるリンクまたはコードを持っていますか?
解決
JQuery は多くの優れたユーティリティ関数に重点を置いており、DOM の操作を非常に簡単にします。基本的にはJavaScriptであるべきだと考えています。これは、JavaScript 言語自体に非常に役立つ追加機能です。
ExtJS は、特定の API を備えた GUI コンポーネントのスイートです。そのようなコンポーネントを簡単に作成したい場合はこれを使用します。それ以外の場合は、より柔軟なフレームワークを使用してください。
他のヒント
JQuery 良い方法でしょう。そして、 JQuery UI プラグイン(など) ドラッグ可能)、それは簡単です。(あります デモ ここ)。
「純粋」を保つためにフレームワークを使用しないのは、私にとっては単なる時間の無駄のように思えます。膨大な時間を節約できる優れた機能があり、アプリケーションをさらに改善するために時間を費やしたほうがよいでしょう。
ただし、いつでもソースをチェックして「インスピレーション」を得ることができ、使用しないもののオーバーヘッドなしでそれを適応させることができます。よくできていて読みやすく、思いもよらなかったクロスブラウザーのハックを発見することもよくあります。
編集:ああ、本当にフレームワークを使いたくないのなら、そのソースをチェックしてみてください。もちろん、その一部をアプリケーションに使用することもできます。
環境やアーキテクチャを選択できないため、フレームワークが使用できないなどの制約の中で作業することになる場合があります...
フレームワークを完全に回避すると、大量のコードと面倒なブラウザー テストが必要になります。
フレームワークを検討する場合は、jQuery を推奨します。 jqDnR プラグイン。それがあなたの問題を解決するか、おそらく次の機能を組み合わせることができると思います。 jQuery のドラッグ可能オブジェクト とともに jQueryのサイズ変更可能
たった 1 つの非常に小さな理由で、クライアントへの大規模なフレームワークのダウンロードを回避しようとしているだけです。おそらく私は愚かです。
私は jQuery だけでなく ExtJS も調べましたが、ドキュメントと UI の「見た目」は ExtJS の方がはるかに優れていてプロフェッショナルなようです...jQuery を推奨する特別な理由はありますか?