問題タブ [onresize]

ドッキングステーションに接続すると、NumLockの状態を変更するシンプルなアプリがあります。問題は、2台目のモニターが接続されている（および切断されている）ことを検出する方法がわからないため、接続されたときにのみ状態を設定することです。だから私はScreen.Resizeイベントなどを探しています。

私はWindows7に取り組んでいるので、可能であればもっと普遍的なソリューションが欲しいのですが、Windows7のみのソリューションに落ち着きます。

もう1つ-これはVS2008C ++ Express互換ソリューションである必要があります;-)ですが、私は仕事で完全なVSにアクセスできるので、MFC要件も管理可能です。

イベントに応答してページ上の要素の位置を変更するresize()場合 (たとえば、min-width型の状況をエミュレートするため)、Firefox はイベント ハンドラーが完了するのを辛抱強く待ってから、ウィンドウを再描画します。一方、Chrome は最初に描画し、次にイベント ハンドラーを処理し、必要に応じて再描画します。

Chrome では、再配置される要素が最初に新しい位置 (元の位置 +/- 新しいウィンドウの寸法に基づく) で描画され、次に再計算された位置 (イベント ハンドラーの指示)。

イベントハンドラーを以前に取得するか、Chrome に指示するまで強制的に再描画しないようにする方法が必要です。

これはデバウンス/スロットルの問題ではないことに注意してください。実際、それはこの問題をさらに顕著にします!

サイズ変更に反応するウィジェットを作成するには?

以下は動作しません。onResize() は最初に 1 回だけ呼び出されます。DIV のサイズが変更されているにもかかわらず、後でブラウザー ウィンドウのサイズを変更しても、このメソッドは呼び出されません。

}

とメインモジュール

更新 1

ResizComposite に基づくバージョンも動作しません。この場合、onResize はまったく呼び出されませんでした。

}

サイズ変更後に新しいブラウザ幅を取得しようとしています。私はすべてを試しました..bind、live、resize、今setTimeout。私はjqueryが苦手ですが、ある程度は理解できます。ここの誰かが手を差し伸べてくれることを願った。これは私のコードです

ブラウザのサイズを変更した後、幅が変更されるたびに関数を実行したい。または、サイズ変更後に新しい幅を取得します。

よろしくお願いします！

レイアウトには石積みを使用しています。ブラウザのウィンドウのサイズが変更されたら、Masonryがレイアウトをやり直す前に、いくつかの計算を実行したいと思います。

これまで、jquery.masonry.jsファイルを変更し、オプションにコールバック関数を追加することでこれを行うことができました。しかし、石積みのコードを変更せずにそれを実行したいと思います。

追加されたオプションは次のとおりです（石積みの初期化）：

そして、doPreResize私がしなければならないことは何でもします。.jsファイルの変更は、次のresize関数に含まれています（バージョンv2.0.110927の293行目付近）。

私がやりたいのは、isResizableオプションをに設定してMasonryを初期化falseし、スマートサイズ変更イベントを維持しながら、半手動でサイズ変更をトリガーすることです。

「smartresize」イベントを設定して、次のような関数を呼び出すことはできresizeLayoutますか？

私が見逃しているのは、サイズ変更イベントが常にトリガーされないように設定する方法ですが、代わりに、がである場合にMasonryが行うのと同じ方法で実行されisResizableますtrue。

ウィンドウのサイズを変更するときに jCarouselLite プラグインを再調整または破棄して再適用しようとしていますが、成功しません。これは、各ページが「li」である Web サイトを作成したためです。メニューをナビゲートするときにスクロールします。その「ページ」...

サイズ変更時にこれを使用し、jcarousellite を再適用しようとしましたが、うまくいきませんでした:

これは私が使用しているコードですが、jcarouselLite を再適用し続けると、カルーセルが狂ってしまいます!

解決：

「idrumgood」、「li」のみでこれを実行しようとしていましたが、プラグインの非アクティブ化についてもう少し調べたところ、クリックもバインド解除する必要があることがわかりました。適用する必要があったコードは次のとおりです。

私たちのサイトは Websocket を使用しているため、すでに最新モデルのブラウザーが必要です。それを考えると、要素のサイズが変更されたときにどのように通知を受けることができますか? 親 DOM 要素のサイズ変更に応じてサイズ変更が必要な canvas 要素と svg 子要素がある場合があります。

エレガントな方法は「onresize」をフックすることですが、残念ながら、要素に対して呼び出されません（少なくともChrome 18ではそうではありません）。要素サイズの変化をテストするためにタイマーを定期的に起動するための回答が提供されないようにすることをお勧めします。

また、窓や本体のリサイズによるリフローではない場合もありますので、ご遠慮ください。

華麗でシンプルでエレガントなアイデアは、非常に高く評価されます。

これは本当に具体的なニーズです。基本的に、約 20 個の DOM オブジェクトのいずれかが高さまたは幅を変更するタイミングをリッスンしたいと考えています。この変更は、ウィンドウのサイズ変更、含まれるコンテンツの変更、または DOM オブジェクトで動作する JavaScript によって発生する可能性があります。

IE は、ビューポートだけでなく、任意の DOM オブジェクトに対して onresize() を提供します。このイベントは非常に効率的です。実際、関数 onresize() を呼び出すと、関連する DOM オブジェクトのサイズ変更中に関数が継続的に起動します。たとえば、別の DOM オブジェクトを onresize() を使用してオブジェクトの高さに合わせて調整すると、2 つのオブジェクトの高さが相互に反映され、サイズ変更されたオブジェクトの高さが大きくなるようにアニメーション化されている場合でも、認識できるほどの遅延はありません。驚くばかり。ただし、IE を除くすべてのブラウザーでは、onresize() はビューポートのサイズ変更 (ブラウザー/フレーム) でのみ機能します。シャック。

オブジェクトのサイズが変更されているかどうかをポーリングする必要があります。これは非常にコストがかかり、オブジェクトをミラーリングしようとすると非常に顕著な遅延が発生します。

それで、私の質問: DOM オブジェクトのサイズが変更されたときにイベントを発生させる最もパフォーマンスの高い方法は何ですか?

長い質問で申し訳ありません。また、純粋な CSS でこれを達成しようとは特に考えていません。これは実験の一部です。

返信する時間があれば誰にでも感謝します!

ここに私がやったことのリンクがあり
ます 低解像度のテキストの一部が親ボックスから出て、切り取られます。修正方法は？
jQuery を使用することが望ましいですが、JavaScript は気にしません。
更新
私がやりたかったのは、ページのサイズが変更されたときに、親ボックスに合わせてテキストを作成する方法ですか?

ブラウザー ウィンドウのサイズに応じてサイト コンテンツのルック アンド フィールを調整する必要があるプロジェクトのプロトタイプに取り組んでいます。

プロトタイプでは、サンプル画像を使用しています。ウィンドウの高さと幅に合わせて画像の高さと幅を調整したいと考えています。

私が使用しているコードは次のとおりです。

上記のコードは正しく動作しません。ユーザーがウィンドウのサイズを変更すると、画像の高さと幅を動的に変更したいと考えています。私もこのソリューションを実装しようとしました。しかし、それもうまくいきませんでした。どうすればこれを解決できますか？