技 巧 鍵 盤 ─ 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)
//返り値：成功時は１失敗時は０
//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] Back[Q] ・Top[W] ・Up[E] ・PgUp[R] ・Focus[Ctrl-矢印]  
ホーム KeyNavi対応方法 [0] JavaScript＠Keynavi.Netトップ [1] レイヤーの表示・非表示切替え ・サイトマップ [Shift-S]
■ キー割当表示[Shift-H] ─ KeyNavi Project 2003 ─