問題タブ [resizable]

要約すると、ウィンドウの高さと幅の両方で「サイズ変更可能なページ」を取得しようとしています。私も2つの固定ブロックを持っています。1 つはページの上部に、もう 1 つは左側にあります (たとえばFlowアプリのように)。

ご覧のとおり、画面の黄色の部分をサイズ変更可能 (css のみ) にしようとしていますが、高さの部分で問題が発生します。スクロール ゾーンは、常に一番上のブロック (赤いブロック) の高さをカウントしています。

JavaScriptを使わないようにする方法はありますか?

次のリンクに示されている簡単なページがあります。これは、ブラウザ ウィンドウのサイズを変更すると拡大できます: http://pastehtml.com/view/1eg346q.html

現在動作しているように、左にフロートし、列に別のボックスのスペースがあると、写真が動き回ります。

問題は、ブラウザウィンドウを大きくしようとすると、最終的に新しいボックス用のスペースができるまで多くの空白ができることです - 次のように: http://imageshack.us/photo/my-images/220/scal1 .jpg/

サイズを変更するときに両方のサイトの余白を広げる方法はありますか?つまり、左に 50%、右に 50% のようになりますか? おそらくこのように: http://imageshack.us/photo/my-images/641/scal2.jpg/

私が考えることができる唯一の方法は、ボックスを中央に配置することですが、サイズを変更するときだけ、常に中央に配置したくありません...

これを行う方法がない場合、私が現在行っているようにスケーリングするためのより良い提案があり、同時に白いスペースを取り除く方法はありますか?

私は夜の大半をネットで検索してきましたが、ほとんど成功しませんでした。

私の友人と私は、jquery UI ではなく jquery を使用したドラッグ可能なダイアログを求めています。

私が特に求めているのは、サポートするものです

• iframe および/または HTML
• ドラッグ可能
• オプションの非モーダル使用
• 一度に複数表示する機能
• サイズ変更可能

これを投稿している間、私はstackoverflowの提案を見てきました

• jQueryUI を使用しない jQuery モーダル ダイアログ
• jQuery シックボックスの最良の代替手段は何ですか
• 優れた jQuery ポップアップ ダイアログ プラグイン

これまでに見つけた最高のものは次のとおりです。

• ColorBox - jQuery 用のカスタマイズ可能なライトボックス プラグイン
• FancyZoom と jQuery の出会い
• ファンシーボックス

そしてThe Lightbox Clones Matrix（かなりクールなサイト）を検索しました

こんにちは。次のコードがあります。

http://jsfiddle.net/g7Cgg/

ご覧のとおり、2 つの単純な DIV が上下に重ねられています。これらの DIV はそれぞれ、サイズ変更およびドラッグ可能に設定されています。ただし、最初の要素のサイズを変更しようとすると、2 番目の要素が最初の要素の上に折りたたまれます。私が見ることができることから、これはサイズ変更可能が要素を絶対位置に変更するためです。この動作を防ぐにはどうすればよいですか? 要素をドラッグする機能を保持しながら、要素のサイズを変更することは可能ですか?

また、要素の位置を相対位置に変更すると (.demo スタイルに position:relative !important を追加)、折りたたみが防止されますが、サイズ変更またはドラッグを開始すると要素が「ジャンプ」することにも注意してください。もう一つの奇妙な行動。ご協力いただきありがとうございます。

サイズ変更可能な jQuery UI Demo は、次のページを提供します: http://jqueryui.com/demos/resizable/textarea.html

そして、それに従って同様のページを作成しました。

しかし、私のページにはハンドル画像（右下のもの）がありません！私のコードをサンプルと比較しました。実際には、js および css ファイルを「含む」ヘッダーを除いて、それらはほぼ同じです。私は何かが恋しいですか？

サイズ変更可能な画像の上限値を設定して、含まれている div 内に保持しようとしています。私は mootools を使用して、画像を移動可能かつサイズ変更可能にしています (実装Drag.MoveしmakeResizable、そうするために)。

私の一時的な解決策はoverflow:hidden;、サイズ変更された画像がコンテナーを超えてサイズ変更されたときにページの残りの部分を追い越さないようにすることですが、コンテナーの外で画像のサイズを変更できないようにする方法が必要です。

limitが on に設定されている'domready'ため、画像のサイズが変更されると値が変化する変数 (つまり: onDrag) に設定しようとすると、 limit パラメータはその場で更新されないことがわかっています。同じパラメーターを持っていないように見えるので、Drag.Move containerパラメーターと同様の効果を達成する方法について誰かが洞察を持っているかどうか疑問に思っています。makeResizable

HTML:

CSS:

JS:

前もって感謝します、

マット

jQuery 1.8.12 と 1.8.13 の両方で、要素の右下に配置され、この要素がサイズ変更可能であることを示すハンドル アイコンが表示されなくなりました。

http://jsfiddle.net/wYcWU/を確認してください

1.8.13 を 1.8.11 に切り替えると、動作します。

現在、次のページで作業しています。

divResizable は、次のコードを使用して jQuery によって変更されています。$().ready()

ご覧のとおり、divResizable が小さくなると divContent の幅を広げようとします。ただし、このコードでは、divContent は常に左側だけに「成長」するとは限りません。時には、無関係な div の右側に拡張されることがあります。

これらの 2 つの div の幅を一致させるためのより洗練された方法への入力はありますか?

私が考えることができるのは、divContent の幅を

jQueryを使用してこれをどのように正確に行うのですか?

午前 8 時から午後 5 時までのタイム スロット (カレンダーの日ビュー) のテーブルがあり、1 時間に 1 行あります。特定のイベントのタイムスロットの上にいくつかのイベントを重ねています。イベントは基本的に、テーブルの上に絶対配置された div です。午後 1 時から午後 3 時までのイベントが、午後 1 時スロットから午後 3 時スロットにまたがるのに十分な高さになるように、イベント div を配置して適切なサイズにすることができます。

私の問題は、このイベント div をサイズ変更可能にしたいということです。だから私はjqueryコードを使用します：

私がする必要があるのは、リサイザーがドラッグされたときにイベントがカバーしているタイムスロットを把握することです。したがって、イベント div の上部を午後 1 時のスロットから午前 9 時のスロットにドラッグすると、ユーザーがリサイザーのドラッグを停止したときに、午前 9 時のスロット要素を取得できる必要があります。イベントのサイズが変更されるタイムスロット行を確認するにはどうすればよいですか?

複数のクラスのサイズを変更できました

しかし、サイズ変更したメインオブジェクトの属性からサイズ変更可能なオブジェクトを取得したいと思います。そこで属性値を取得するにはどうすればよいですか？

私は試した：

しかし、それは機能していません。誰かが助けることができますか？

これがテスト用のjfiddleです：Fiddle