1. JavaScript ナビゲーションボタン テストぺージ

左のナビゲーションボタンのフレームのＨＴＭＬは、以下のとうりです。

<A HREF="navi_doc1.html" TARGET="frame_doc"><IMG SRC="../image/home_on.gif" WIDTH=100 HEIGHT=16 BORDER=1></A><BR>

<A HREF="navi_index2.html" onClick="parent.frame_doc.location='navi_doc2.html';"> <IMG SRC="../image/living_off.gif" WIDTH=100 HEIGHT=16 BORDER=1></A><BR>

1行目が、いまＯＮになっているボタンです。
2番目のボタンを押すと2行目が実行され、左のフレームには、'navi_index2.html'がロードされボタンのOn/Offが逆になります。
右のフレームには、onClickにより'navi_doc2.html'がロードされます。
2番目のボタンを押して試してください。

この仕組みの唯一の欠点は、ボタン１つ１つに対してHTMLファイルとON/OFF２つの画像を持つ必要があるので、ボタンの数が増えてくると、それに伴い作業量が大幅に増えてくるということです。