忍者ブログ
管理人・颯来の近況や、オススメのものを紹介! イラスト中心サイト→http://sora9.web.fc2.com/
サイトのレイアウトを変更するにあたって、フレーム分割を変更。
その結果、リンククリックで複数フレーム内容を同時に更新したくなりました。

ちょっと調べたところ、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>

変更したいフレーム名は、submenumain

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

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

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


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


人気ブログランキングへ PINGOO!カテゴリイラスト・写真
PR
→ Comment
name title
url mail
comment                                  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
color pass
→ Trackback
TrackbackURL
699  698  697  696  695  694  693  692  691  690  689 
プロフィール
名前:颯来(そら)
自作イラストを載せています。
オリジナルイラスト中心。
ファンタジー系多め
…more
HP:Jumble Junk
手書きブログ pixiv
ついった(近況報告)
ブログ内カウンター
ランキング
人気ブログランキングへ にほんブログ村 イラストブログ オリジナルイラストへ PINGOO!カテゴリイラスト・写真
アーカイブ
これ以前のアーカイブ一覧
ブログ内検索
カレンダー
06 2020/07 08
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Admin / Write
忍者ブログ [PR]
Related Posts Plugin for WordPress, Blogger...