複数フレーム同時変更【javascript無効対応版】

サイトのレイアウトを変更するにあたって、フレーム分割を変更。
その結果、リンククリックで複数フレーム内容を同時に更新したくなりました。

ちょっと調べたところ、javascriptを使用するみたいですね→<frameset> - フレームセット
けどリンクに完全にjavascriptを使用すると、javascript無効の人は全くリンクで移動できなくなる。

それを解消するために、いろいろ試行錯誤してみました。
ちょっと調べた限りでは、この方法は出てこなかったので、紹介しますね。



【追記（2010/11/2）】→改良版できました。

例

<script type="text/javascript">
<!--
function jumpmain(main) {
    top.main.location.href = main;
}
// -->
</script>

<a href="illust/menu.html" target="submenu" onclick="jumpmain('illust/mainira.html');">イラスト</a>

変更したいフレーム名は、submenuとmain。

まずは、<script>～</script>部分をそのページのどこかにコピペ。
中のオレンジのmainの部分はフレームターゲット名にしてください。
そして、複数フレームを変更したいリンクを例のように変更。

こうすることで、赤字のメニューへのリンクはjavascriptが無効でも行けるはずです。
javascriptなしだと複数同時はできないみたいだから、とりあえずメニューなどその先のページに辿れる重要なページだけでも、javascriptを使用しないでリンクを張ろうというものです。

もちろんjavascriptが有効だと、一度のリンククリックで２つのページが切り替わります。
動作確認は、とりあえず現在は私のサイトのメニューリンクにこれを使ってますので、確認してみてください。


調べている途中で、フレームを使用すること自体があまり推奨されていないって書いてあるの読んだけど
フレームでメニュー作ると、スクロールしてもメニュー見れるし、共通のメニューが利用できて便利だよね～