忍者ブログ
 
 
×

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

以前もjavascriptで作ってみたけど
前回のだとリンクを張る側で毎回指定しないといけないのね。
しかもそれぞれ対応したメニューとメインページを指定しないといけないから、サイトマップやらなんやらっていろいろリンクしてたら面倒。

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



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



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>



こっちの方がシンプルで便利だと思います♪
現在私のサイトのメインメニューから飛ぶリンクはだいたいこの方式なのでお試しあれ。
何か不具合があれば教えていただけると嬉しいです。
PR
この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
管理人・颯来の近況や、オススメのものを紹介! イラスト中心サイト→http://sora9.web.fc2.com/
           
プロフィール
名前:颯来(そら)
自作イラストを載せています。
オリジナルイラスト中心。
ファンタジー系多め
…more
HP:Jumble Junk
手書きブログ pixiv
ついった(近況報告)
フリーエリア
pixiv
instagram
ブログ内ページランキング
ブログ内カウンター
ラクガキ一覧
ブログランキング
アクセス解析
レコメンデーションエンジン track feed jumblejunk颯来ブログ
ランキング
blogram投票ボタン

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


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