忍者ブログ
管理人・颯来の近況や、オススメのものを紹介！ イラスト中心サイト→http://sora9.web.fc2.com/
[PR]
2025/01/18 (Sat)
×

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

by.
複数フレーム同時変更【改良版】
2010/11/02 (Tue) Trackback() Comment(0)
以前もjavascriptで作ってみたけど、
前回のだとリンクを張る側で毎回指定しないといけないのね。
しかもそれぞれ対応したメニューとメインページを指定しないといけないから、サイトマップやらなんやらっていろいろリンクしてたら面倒。

なので、今度はリンクを張る時はシンプルにして、
リンク先のページが直接対応したもう一つのページを開くようにしてみた。



人気ブログランキングへ PINGOO!カテゴリイラスト・写真



javascriptの関数コードを複数のページに書くのは保守の面でも大変なので
jsファイルを用意。

中身はこちら
ファイル名：jumppage.js
function jump(main) {
    top.main.location.href = main;
}


そして、２つ同時に切り替えるページ（フレームで、メニューとメインに分けたいページ）の内、
javascript無効でも必ず開くページ（メニューがいいかな）を編集。
編集するファイル名をmenu.htmlとします。

<head></head>内に
<script type="text/javascript" src="css/jumppage.js"></script>
追加。
src=""の中身は、先ほどのjsファイルへの相対パス。
なぜか私はcssフォルダに突っ込んだ。


そして、bodyタグに以下のように追加。
<BODY onLoad="jump('mainira.html')">
jumpの引数には、同時に切り替えたいファイルを指定。



これだけで、あとはjavascript用に編集したページ（メニュー）に普通に貼るだけ。
<A HREF="illust/menu.html">イラスト</A>



こっちの方がシンプルで便利だと思います♪
現在私のサイトのメインメニューから飛ぶリンクはだいたいこの方式なのでお試しあれ。
何か不具合があれば教えていただけると嬉しいです。
PR
by.颯来（そら） [ネタ/得]ネタ/得
→ Comment
name title
url mail
comment　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Vodafone絵文字 i-mode絵文字 Ezweb絵文字
color pass
→ Trackback
TrackbackURL
≪ Prev 　HOME　 Next ≫
750  749  748  747  746  745  744  743  742  741  740 
プロフィール
名前：颯来（そら）
自作イラストを載せています。
オリジナルイラスト中心。
ファンタジー系多め
…more
HP:Jumble Junk
手書きブログ pixiv
目次
┣オススメ本紹介目次
┣オススメ音楽紹介目次
┣オススメゲーム紹介目次
┣オススメその他紹介目次
┣おすすめフリーソフト目次
┣メール
┗その他
カテゴリー
ついった（近況報告）
最新記事
ブログの整理 (05/02)
トップページ構成変更してみた (01/24)
開発環境っぽいもの (01/23)
イラレの勉強しています。 (11/29)
課題図書というか、最近読んだ本 (11/25)
ブログ内カウンター
ランキング
人気ブログランキングへ にほんブログ村 イラストブログ オリジナルイラストへ PINGOO!カテゴリイラスト・写真
アーカイブ
これ以前のアーカイブ一覧
RSS
RSS 0.91 / RSS 1.0 / RSS 2.0 /
最新コメント
あけましておめでとうございます。 [01/04 颯来]
あけましておめでとうございます。 [01/01 龍之進]
久々にお絵かきだよ [05/13 颯来]
久々にお絵かきだよ [05/12 龍之進]
ICOとワンダとポストカード [11/28 颯来]
ブログ内検索
カレンダー
12 2025/01 02
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...