忍者ブログ
管理人・颯来の近況や、オススメのものを紹介! イラスト中心サイト→http://sora9.web.fc2.com/
以前もjavascriptで作ってみたけど
前回のだとリンクを張る側で毎回指定しないといけないのね。
しかもそれぞれ対応したメニューとメインページを指定しないといけないから、サイトマップやらなんやらっていろいろリンクしてたら面倒。

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





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

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


そして、2つ同時に切り替えるページ(フレームで、メニューとメインに分けたいページ)の内、
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>



こっちの方がシンプルで便利だと思います♪
現在私のサイトのメインメニューから飛ぶリンクはだいたいこの方式なのでお試しあれ。
何か不具合があれば教えていただけると嬉しいです。

人気ブログランキングへ PINGOO!カテゴリイラスト・写真
PR
→ Comment
name title
url mail
comment                                  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
color pass
→ Trackback
TrackbackURL
750  749  748  747  746  745  744  743  742  741  740 
プロフィール
名前:颯来(そら)
自作イラストを載せています。
オリジナルイラスト中心。
ファンタジー系多め
…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...