技 巧 鍵 盤 ─ KeyNavi：キーボードを活用してホームページを快適に─    
■ キー割当表示[Shift-H]        
ホーム KeyNavi対応方法 [0] JavaScript＠Keynavi.Netトップ [1] ウィンドウリサイズ時のNS4レイヤーバグ回避 ・サイトマップ [Shift-S]

■ ウィンドウリサイズ時のNS4レイヤーバグ回避

Netscape4.xで絶対座標で配置したレイヤーは ブラウザのウィンドウサイズ変更でレイアウトが崩れます。
<div style='position:absolute; ...'>...</div>

この問題を回避するには ブラウザのサイズ変更があったら 自動でページ内容を再読込みします。 簡単な方法としては「window.onresize=new Function('location.reload()');」 などとしますがNS4.0x系で問題が出ます。

詳しくはロード時にonResizeが実行される(＜JavaScriptバグ＆回避法リスト)。

KeyNaviでは「KL_RELOAD_ONRESIZE」オプションを指定すればOKです。 特にNS4向けに「KL_RELOAD_ONRESIZE_NS4」オプション...

リサイズ問題はKeyNavi側で対応 (2003/09/23追加)
NS4専用オプションは廃止し 代わりに 「KL_RELOAD_ONRESIZE="auto" (デフォルト)」という指定値を用意しました。 ウィンドウのリサイズイベント発生時に Netscape4.x 且つ レイヤーが存在する(document.layers.length>0)か調べ 必要な場合に自動でページを再読み込みします。 また先のNS4.0x系のバグにも対応しています。

このオプションはデフォルトで有効なため KeyNaviを採用したページではリサイズ対策が不要です。 以前の「NS4」専用オプションを指定していても 無視されるので問題ありません。

リサイズ時の再読み込みの是非を直接指定したい場合は「KL_RELOAD_ONRESIZE」に 真か偽の値を与えて下さい。

position:absolute指定のあるページ(リサイズでレイアウト崩れる)

KeyNaviを組み込んでバグを回避したページ




【JavaScript@Keynavi.Net ： レイヤー編：基本 】
「Ctrl-矢印」でフォーカスを上下左右に移動できます。

  - レイヤーの表示・非表示切替え：kl_layer_show/hide(id)
  - レイヤーを移動：kl_layer_moveto,by(id,x,y)
  - レイヤーを上下左右/中央寄せ：kl_layer_setpos(is,pos)
  - レイヤーの背景色を指定：kl_layer_setbgcolor(id,...)
  - レイヤーの背景画像を指定：kl_layer_setbgimage(id,...)
  - 前景色(文字色)変更：kl_layer_setfgcolor(id,...)
  - レイヤーの各種属性(位置,大きさ,...)を取得：kl_layer_xxx()
  - ウィンドウリサイズ時のNS4レイヤーバグ回避
  - レイヤーメニューとJavaScriptモジュール化
トップへ戻る [1] Back[Q] ・Top[W] ・Up[E] ・PgUp[R] ・Focus[Ctrl-矢印]  
ホーム KeyNavi対応方法 [0] JavaScript＠Keynavi.Netトップ [1] ウィンドウリサイズ時のNS4レイヤーバグ回避 ・サイトマップ [Shift-S]
■ キー割当表示[Shift-H] ─ KeyNavi Project 2003 ─