>ホーム [1] >KeyNavi [3] >KeyNavi対応方法 サイト情報 資料請求・お問合せ
     ホーム [1]       新着情報 [2]       KeyNavi [3]       技術紹介 [4]       FAQ [5]       サイトマップ [6]     
   

KeyNavi対応方法

− KeyNaviへの対応メインページ
KeyNavi対応はカンタン。。。

HTMLにスクリプト指定を1行追加するだけでOK。
ショートカットはリンクのタイトルに括弧を使うだけで作れます。
またスクリプトを使って柔軟なカスタマイズが可能です。

  KeyNavi対応方法

赤字部分のように<body>タグ内のどこかにスクリプトの指定を 1行追加します。

【KeyNaviスクリプトとショートカットの指定例】

<html>
<head>...</head>
<body>
<!-- 以下のスクリプト指定を追加します -->
<script language="javascript" src="http://www.keynavi.net/files/keynavi_ja.js" ></script>

<!-- 指定例1:「Shift-H」でHomeに移動するショートカット -->
<a href="/">Home [Shift-H]</a> = <a href="/">Home [sH]</a>

<!-- 指定例2:idやname属性でも指定できます -->
<a href="/" id="kl_click_sH">Home</a> = <a href="/" name="kl_click_sH">Home</a>

<!-- 指定例3:CtrlやALT、Function 任意組合わせも可能です -->
<a href="/">Top[Ctrl-T]</a> = <a href="/">Top[cT]</a>
<a href="/">Top[ALT-T]</a> = <a href="/">Top[aT]</a>
<a href="/">Top[Ctrl-ALT-Shift-T]</a> = <a href="/">Top[casT]</a>
<a href="/">Top[F1]</a>
。。。。。
</body>
</html>

とりあえず試すには 赤字部分をHTMLソースに「コピー&ペースト」すればOKです。 通常はKeyNaviダウロードページ [Shift-C] からファイルをダウンロードして使ってください。

ショートカットは青字部分のようにリンクやフォームのタイトルに 括弧 "[ ]"を使ったり idやname属性を工夫するだけで作成できます。

注:必要に応じて動作を無効にしたり割当ルールを変更することもできます。


 上位ページ[Shift-U] 先頭へ [W or O] 

ダウンロード [Shift-C] | サンプル集 [Shift-D] | ブラウザ対応情報 [Shift-E] | 対応FAQ [Shift-F]
JavaScript@KeyNavi.Net [Shift-J] | KeyNavi API リファレンス [Shift-K]

KeyNavi使い方 [Shift-A] | KeyNavi対応方法
イントラネットでの活用 [Shift-G] | Zopeでの活用 [Shift-H] | 写真なび [Shift-I]