問題タブ [resizable]

現在東または西にドラッグされているハンドルを知る必要があります。

どんな助けでも大歓迎です。ありがとうございました。

さて、私は文字通り「マイコンピュータ」ウィンドウを純粋にCSS3から作成しました。完成させます。やりたいのは、移動してウィンドウのサイズを変更することです。

子クラスの中には、幅のサイズを変更したいだけのものもあれば、幅と高さのサイズを変更したいものもあります。それはかなりの作業のように思えます、そして私は実際にdivの移動についてもっと心配しています。私はそれを数回試してみましたが、うまくいきません！

誰かが私を助けることができますか？多分それのJFiddleは機能していますか？みんなありがとう！

編集：これがサイトです、ごめんなさい！：

http://projects.beauaugust.co.uk/windows98/

ソースを見る、それはすべてそこにあります！

stackoverflow の読み込みを読むと、数え切れないほど私を救ってくれました! :)次のことについて、可能であれば助けが必要です。

サイズ変更機能を持つwrap1というdivがあり、これは水平方向にのみ機能します

この div の中には、コンテンツを持つ別の div があります。

私が必要とするのは、wrap1がコンテンツの幅よりも小さくする場合にのみ、divの高さを自動的に増やして、wrap1 divの外に出ないようにすることです(現在、2行目に正しく強制されています)しかし、divの高さが間違っています

どんな助けでも大歓迎です:)

これを見てください - > http://jsfiddle.net/Zj23S/1/

サイズ変更可能でドラッグ可能を使用しています。私が直面している問題は、ドラッグ可能です。おそらくdiv.position = absoluteを設定しているため、divの外にドラッグできないようです。これを取り除くと、サイズ変更によって他の要素が移動しますが、これは望ましくありません。絶対位置を維持しながら、要素を画面上の任意の場所にドラッグするにはどうすればよいですか?

ありがとう！

私はJqueryを使用してフォローしていますが、どういうわけか、サイズ変更アイコンが表示されている右下隅にサイズを変更できます。サイドエッジにはサイズ変更のために<->が表示されますが、エッジからサイズ変更するために伸ばすことができませんか？何が問題なのですか？

2 列のコンテナーが必要です。詳細：

コンテナ

• 幅は親要素の 100% に調整する必要があります (簡単に実現できます)。
• 高さは両方の列を含むように調整する必要があります (つまり、その高さは 2 つの列の大きい方の高さと正確に等しくなければならないため、オーバーフローが発生せず、スクロールバーが表示されません)
• 左の列の幅の 2 倍に等しい最小サイズが必要です。

コラム全般

• コンテンツの高さに合わせて高さを可変にする必要があります。
• 上端が一直線になるように並べて配置する必要があります。
• ボーダー、パディング、またはマージンが 1 ピクセルでもどちらかに適用されている場合でも、レイアウトを壊したり、相互にラップしたりしないでください。非常に不安定で不幸なことになるからです。

具体的には左の列

• 固定の絶対幅をピクセル単位で指定する必要があります。

特に右の列

• 幅は、コンテナー内の残りのスペースを埋める必要があります。言い換えると...
• 幅は、コンテナーの幅から左の列の幅を引いた値に等しくなければなりません。つまり、この列内に DIV ブロック要素を配置し、幅を 100% に設定し、高さを 10px のように指定し、背景色を指定します。左の列の右端からコンテナーの右端まで、高さ 10px の色付きのストリップが表示されます (つまり、右の列の幅を埋めます)。

必要な安定性

コンテナーは、(ブラウザー ウィンドウのサイズを変更することによって) 最小幅 (以前に指定された) まで、またはレイアウトを壊すことなく、より大きな幅までサイズ変更できる必要があります。「壊れる」には、左の列のサイズがまったく変更されないこと (ピクセル幅が固定されていることを思い出してください)、右の列が左の列の下に折り返されること、スクロールバーが表示されること、右の列のブロック要素が列の幅全体を占めることができないことが含まれます。 、および一般に、前述の仕様のいずれも当てはまりません。

バックグラウンド

フローティング要素が使用されている場合、右の列が左の列の下に折り返されたり、コンテナーが両方の列を含むことができなくなったりする可能性はありません (列の一部を切り取ったり、列の一部を境界からオーバーフローさせたりすることにより)。 ）、またはスクロールバーが表示されます（したがって、フロート要素の封じ込めをトリガーするために、overflow:hidden 以外のものを使用することを提案するのはうんざりです）。列に境界線を適用しても、レイアウトが崩れないようにする必要があります。列のコンテンツ、特に右側の列のコンテンツがレイアウトを崩してはなりません。

これには単純なテーブルベースの解決策があるようですが、あらゆる状況下で惨めに失敗します。たとえば、Safari では、コンテナーが小さくなりすぎると、指定した幅を維持するのではなく、固定幅の左側の列が縮小されます。また、CSS 幅が TD 要素に適用された場合、最小幅を参照し、その中に大きなものが配置された場合に拡張されるようです。table-layout:fixed; を使用してみました。役に立ちません。また、右側の列を表す TD 要素が残りの領域を埋めるために拡張されない、またはそのように見える場合も見てきました (たとえば、1 ピクセル幅の 3 番目の列が右側に押し出されます)。右側の列の周りに境界線を配置すると、インライン コンテンツと同じ幅しかないことが示されます。

私が見た1 つの潜在的な解決策は複雑すぎます。IE8、Firefox 4、および Safari 5 で動作する限り、IE6 についてはあまり気にしませんでした。

JFrame を使用しているときに、ユーザーがウィンドウを展開できないようにすることは可能ですか?

キャンバスタグ内にドラッグ可能でサイズ変更可能なテキストエリアを追加することは可能ですか?

私はすでにこれを試しました：

しかし、=S は何も表示されません。

他に何を試す必要がありますか？

ありがとう。

MAAttachedWindowのサイズを変更するには、次のコードを使用します。

}

ウィンドウをドラッグすると、サイズを変更できます。しかし、時々少しの跳ね返りがあります。デモプロジェクトをダウンロードできます。プロジェクトを実行し、ステータスメニューのアイコンをクリックしてウィンドウを開きます。簡単に再現できるように、前後に伸ばしてみてください。誰かが私がこれを修正するのを手伝ってくれることを願っています。

重複の可能性:
IE で z-index をクリックしてもアクセスできないテキスト入力

このリンクをたどると、ドラッグ可能な画像の上にあるdiv内にテキストボックスを表示しようとしていることがわかります。

http://jsfiddle.net/N87CX/27/

2 つの問題があります

1. IE 8 では、テキスト ボックス内をクリックできません。
2. また、div のサイズを変更すると、テキスト ボックスのサイズに問題が発生し、親 div からはみ出してしまいます。

これらの問題の両方を解決するように、これをpeoperlyに再構築できますか?

ありがとう。