問題タブ [resizable]

マウスの位置にサイズ変更可能な div を作成し、すぐに目的のサイズにサイズ変更しようとしています。これまでに失敗した試み：

http://jsfiddle.net/YKnfR/1/

この動作を達成する方法についてのアイデアはありますか?

デスクトップのようなルック アンド フィールの Web アプリを継承しました。レイアウトにはテーブルを使用します。GUI の「パネル」をサイズ変更可能にする必要があります (分割ペインなど)。

私が達成する必要があることの例: http://demos.dojotoolkit.org/demos/mail/ (サイズ変更可能なコンテンツ領域)

しかし、レイアウトに div を使用する代わりに、非常に複雑なネストされたテーブルを使用する必要があります。これを達成できるものはありますか、またはレイアウトにテーブルを使用しないようにコードを変換する必要がありますか?

サイズ変更可能な領域には、並べてサイズ変更したい 2 つの領域が含まれています。各領域の水平方向の成長率は 1:1 ですが、含まれる 2 つの領域が並んでいるため、それらの幅の合計はコンテナーの 2 倍の速さで成長します。含まれている 2 つの領域の水平方向の成長を半分にカットするにはどうすればよいですか。

これは実際には2つの部分からなる質問です。したがって、この透明なdiv要素を背景画像の上に浮かせています。必要なのは、ボックス内に画像（リンクとして）を配置することです。しかし、透明ではありません。透明なボックスを持っていますが、ボックス内の画像（リンクとして）もWebブラウザーに比例して拡大縮小したいので、コンテンツを透明にしない方法がわかりません。これまでの私のCSSはこれです：

そして私のhtmlはこれです

だから私が今持っているのは、ブラウザの高さ（およびそれに続く幅）に合わせて拡大縮小するgif画像です。そして、私がやろうとしているのは、それらの画像をボックスのスケールに合わせてスケーリングすることです。したがって、何らかの理由でブラウザをかなり小さくした場合、画像は小さい透明なボックスを超えて突き出ることはありません。

私はそれが可能であることを知っています、私はそれを機能させるためにcss/htmlの正しい組み合わせを理解することができません。

「質問する」ページのstackoverflowテキストボックスエディターと同じように、テーブルのサイズを変更できるかどうかを知りたい

resizable（）は、作成されたdivがクリックされたときに機能しなくなりました。私がしているのは、live（）でクラスを追加することだけです。この問題の解決策は何ですか。

サイズ変更可能なjqueryを使用している場合、画像サイズは自動的に検出されません。FirefoxとIEはどちらも画像をはるかに小さく表示し、chromeは何も表示しません。この問題に対する直接的な答えを見つけることができないようです。どうすればこれを修正できますか。

以下のコードは、ボタンがクリックされたときに画像を作成します。firebug DOM で作成した画像を確認できます。ただし、高さと幅は 0px です。画像の寸法が検出されていません。

サイズ変更可能なjquery-uiを使用しようとしています。

ここで私はサイズ変更可能なものを作成しています:

サイズ変更可能なものを作成した後のdivは次のとおりです。

今、これは機能しません。

divボックスのサイズを変更しようとすると、divのサイズが変更可能になりますが（ハンドルが表示され、アイコンが変更されるなど）、何をしても同じサイズのままです。これをデバッグしている間に onStop および onStart コールバックが起動したため、サイズ変更プロセスが発生します。

誰が私が間違ったことを教えてもらえますか?

絶対divと関係があると思います。

ありがとう、

タル

jQueryを使用してドラッグ可能とサイズ変更可能の両方を画像に適用しようとすると正しく機能しません。サイズは変更されますが、ドラッグはされません。これに対する既知の解決策はありますか？