問題タブ [onresize]

キャンバス要素に2つの矢印を描画し、画面の左右の高さの中央に配置しようとしています。ここでフィドル：http：//jsfiddle.net/Wzt5j/9/

これを試しているサイト（http://bit.ly/JV5I0Z）では、画像は描画されますが、ウィンドウのサイズを変更しても「placeArrows」関数が呼び出されません。フィドルウィンドウでは、それらは描画されておらず、何が問題なのかわかりません。

jq を使用してページの読み込み時に要素の幅を計算していますが、正常に動作し、ウィンドウのサイズ変更を自動化しようとしていますが、うまくいきません。望ましい効果: ボックスは、ウィンドウのサイズ変更時に自動的にサイズ変更され、ドロップダウンされないようにする必要があります。

http://jsfiddle.net/yMcXm/4/

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

CSSで「@mediaonlyscreen」を使用して、ユーザーの画面サイズに応じてどのような情報をどのように表示するかを決定しました。画面が767pxより大きい場合に表示するように設定されているpanelContainerというクラスと、画面がそれより小さい場合に表示するmobileContainerというクラスがあります。

2つのカスタムコントロールがあります。1つは標準のフォームレイアウトを含み、もう1つはモバイルデバイスのフォームレイアウトを含みます。もともと私は適切なstyleClassでそれぞれの周りにdivを配置しました。この方法の問題は、1つのフォームのみが表示されているにもかかわらず、両方がロードされているため、保存の問題が発生することでした。

その後、panelContainerのstyleClassを使用してXpageにdivを追加し、次にdivのstyle.displayを返すonLoadイベントとonResizeイベントを追加しました。これらは、結果をviewScopeに書き込む必要があります。しかし、onLoadのみを書き込み、関数がonResizeで呼び出されていても、viewScope変数は変更されないことがわかりました。

.....このviewScope変数は、次のように使用されます。

.....content_Companyから抽出.....。

手動で試した場合、フォームの1つだけが読み込まれ、期待どおりに機能するため、これが必要な結果を達成するためのより良い方法だと思います。

viewScopeが正しく設定されていない理由がわかりません。ページを読み込む前にページを縮小しても、常に「標準」に設定されています。隠し入力に値を書き込んでみましたが、これは機能しましたが、getComponent（ "hiddenInput1"）。getValue（）を使用して値にアクセスしようとすると、値が設定されていることを確認できたとしても、nullが返されます。ファイアバグ。

onresize リスナーを body タグに問題なくアタッチしましたが、コードを変更して にアクセスするwindow.innerWidthとwindow.innerHeight、サイズ変更イベントが 1 回しか機能しません。

ウィンドウに合わせてサイズ変更する JQuery ダイアログを作成しようとしています。水平方向にサイズ変更できますが、垂直方向のサイズは決して変わらないようです。コードは次のとおりです。

var dlg = $("#dialog"); // ダイアログ コンテナを取得します。

垂直に成長しない理由は何ですか？サイズ変更機能が呼び出され、寸法が正しいことを確認しましたが、ダイアログが作成された後、ダイアログの高さが変わらないようです。理由についてのアイデアはありますか?

重複の可能性:
Javascript で最大化/最小化されたブラウザー ウィンドウの検出

javascript で borwserwindow の最大化ウィンドウを検出することは可能ですか。

li 画像が左に浮いているリストがあり、ウィンドウのサイズに応じて異なる数の行に配置されます (メディアクエリと異なる img サイズを使用)。要素間の垂直方向の間隔は、下マージンを使用して指定します。ただし、一番下の行に表示されるリスト項目には下マージンは必要ありません。フッターの上に余白が残りすぎます。JQuery を使用して、一番下の行のアイテムの下マージンを取り除く (おそらく非効率的な) 方法を見つけました。

ほとんどの場合、これでうまくいきます。ただし、ページがロードされた場所から離れた場所で複数のメディアクエリのサイズを変更すると、最初のウィンドウのサイズ変更のマージンは変更されません。その厄介な下マージンを取り除く前に、もう一度サイズを少し変更する必要があります。なぜ 2 回のサイズ変更が必要なのですか?

わかりました、私は jQuery にまったく慣れていません。本当に素晴らしいオプションがたくさんあるので、もっと早くこれに取り掛かるべきだったようです。今..次のことをしたい：

ユーザーがページのサイズを変更するときに、さまざまな要素の ClassName を同時に設定できるようにしたいと考えています。したがって、幅が範囲 A と B の間にある場合は、クラス 1 を設定し、B と C の間にある場合はクラス 2 を設定します。これまでのところ、私はこれを持っています:

他のスタック オーバーフローの投稿からこのほとんど (特に jquery のもの) を取得しましたが、クラスの変更は 1 回だけ行われ、幅に応じて再度変更されることはありません。タスクを 1 回完了するように見えるだけで、テキスト フィールドもそうではないと思います。

それで、私は何を間違っていますか？sClass 値は正常に機能し、幅の読み取りと同様にデバッグ テキスト フィールドを更新します。ブラウザーによってわずかに異なる値を返す可能性があることはわかっていますが、それは問題ありません。超正確である必要はありません。

どうもありがとう。この jQuery のことをもっと徹底的に学び始めたいと思っています :) W

私が現在使用しているCSSは次のとおりです。

zeb と zah は、通常 div を置く場所です。影響を与えたくないdivがいくつかある可能性があるため、DIVを使用しないことをお勧めします。このようにして、自分のタグを思いのままに簡単に作成でき、これは完全にうまく機能します。<div></div> （だから私が入力する代わりに<zah>and </zah>）それらは機能します。動かないのは入力フィールドだけです。ありがとうございました ：）

これはテーブルです：

そして、私が言ったように、zeb と zah ではフォント サイズが適切に調整されます :) ウィンドウのサイズを変更しても、入力フィールドだけは変更されません。zeb と zah はそうします :)

iOS6で新しくなったSafariのフルスクリーン機能を活用したい。これで、javascript からフルスクリーン機能をトリガーすることはできないことがわかりました。それで問題ありませんが、ユーザーがいつフルスクリーン モードになるかを知りたいです。(ユーザーが全画面表示になるまで、「この Web サイトは全画面モードで表示するのが最適です」というテキストを含むポップアップを表示するには。)

ウィンドウ、ドキュメント、および「ラッパー」div (CSS で幅と高さを 100% に設定) を onresize イベント (通常の JavaScript および jQuery の「サイズ変更」イベントを介して) に設定しようとしましたが、それらはトリガーされません。フルスクリーンモードにします。

また、画面/ドキュメント/ラッパーの幅と高さの変化を確認する間隔を設定しましたが、変化は見られませんでした。

ユーザーが全画面表示モードに入った (または出た) かどうかを判断する他の方法はありますか?

w3によると、学校<textarea>はサポートしonresizeていますが、機能していません。

http://www.w3schools.com/jsref/event_onresize.asp

ブラウザが試しました：

Chrome 25.0.1364.172

Safari 6.0.3（7536.28.10）

Firefox 19.0

フィドル：http ：//jsfiddle.net/btevfik/5abR3/

アップデート

w3schoolsを100％信用しないというレッスンを学んだので、これを見つけました

https://developer.mozilla.org/en-US/docs/DOM/element.onresize