技 巧 鍵 盤 ─ KeyNavi:キーボードを活用してホームページを快適に─    
キー割当表示[Shift-H]        
ホーム KeyNavi対応方法 [0] JavaScript@Keynavi.Netトップ [1] レイヤーの表示・非表示切替え ・サイトマップ [Shift-S]

■ レイヤーの表示・非表示切替え:kl_layer_show/hide(id)

【レイヤーを表示/隠す「kl_layer_show/hide()」<keynavi_tools.js】

//-----------------------------------------------------------------------------
//kl_layer_show/hide(id)
//返り値:成功時は1失敗時は0
//id:対象となるレイヤー(オブジェクト)かそのID
//-----------------------------------------------------------------------------
function kl_layer_show(id){
        var e=kl_getelem(id); if(!e) return 0;
        if(KL_NS4) e.visibility='show';
        else if(e.style) e.style.visibility='visible';
        else return 0;
        return 1;
}
function kl_layer_hide(id){
        var e=kl_getelem(id); if(!e) return 0;
        if(KL_NS4) e.visibility='hide';
        else if(e.style) e.style.visibility='hidden';
        else return 0;
        return 1;
}

【kl_layer_show/hide()を使ったサンプル】

<script language="javascript" src="http://www.keynavi.net/files/keynavi_ja.js"></script>
<script language="javascript" src="http://www.keynavi.net/files/keynavi_tools.js"></script>
.....
<a href="javascript:void(0);" onclick="kl_layer_show('lay1'); return false;">表示</a>
<a href="javascript:void(0);" onclick="kl_layer_hide('lay1'); return false;">非表示</a>
.....
<div style="position:relative; ..." id="lay1">レイヤー「lay1」です。</div>

レイヤー「lay1」です。

Netscape4.xにも対応したい場合は スタイルシートで 「position:absolute」か「position:relative」と指定します。
関連:Netscape4でのレイヤー処理の問題(<JavaScriptバグ&回避法リスト)




【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]
ホーム KeyNavi対応方法 [0] JavaScript@Keynavi.Netトップ [1] レイヤーの表示・非表示切替え ・サイトマップ [Shift-S]
キー割当表示[Shift-H] ─ KeyNavi Project 2003 ─