忍者ブログ
 
 
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

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

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

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



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


人気ブログランキングへ にほんブログ村 イラストブログ オリジナルイラストへ blogram投票ボタン PINGOO!カテゴリイラスト・写真

<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つのページが切り替わります。
動作確認は、とりあえず現在は私のサイトのメニューリンクにこれを使ってますので、確認してみてください。


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

PR
この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
管理人・颯来の近況や、オススメのものを紹介! イラスト中心サイト→http://sora9.web.fc2.com/
           
プロフィール
名前:颯来(そら)
自作イラストを載せています。
オリジナルイラスト中心。
ファンタジー系多め
…more
HP:Jumble Junk
手書きブログ pixiv
ついった(近況報告)
フリーエリア
pixiv
instagram
ブログ内ページランキング
ブログ内カウンター
ラクガキ一覧
ブログランキング
アクセス解析
レコメンデーションエンジン track feed jumblejunk颯来ブログ
ランキング
blogram投票ボタン

人気ブログランキングへ にほんブログ村 イラストブログ オリジナルイラストへ PINGOO!カテゴリイラスト・写真
アーカイブ
これ以前のアーカイブ一覧
RSS
ブログ内検索
カレンダー
08 2017/09 10
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
リンク/BlogPeople
++++++++++++++++++++++
忍者ブログ [PR]


Designed by Pepe
Related Posts Plugin for WordPress, Blogger...