ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

Smooth Navigational Menuのリスト

日時: 2015/10/06 01:32
識別: IDlJOMReOdy0Y
名前: 80min

Smooth Navigational Menuを使おうと思っています。
設置はうまく出来たのですが、複数ページのリスト変更した時、
毎回すべてのページを修正するのは大変なので
リスト部分の記述を別ファイルにしたいのですが、
どのようにしたらよいでしょうか?

Re: Smooth Navigational Menuのリスト ( No.1 )
日時: 2015/10/10 10:25
名前: 名無しさん

別ファイルにするならjQueryのloadを使うとかでしょうか。
ただ、JavaScriptやjQueryの使い方を覚える必要があります。

例えばメニューを配置する場所に下のようにコンテナを配置しておき、
<div id="menu1"></div>

下のように別に作成したメニュー部分だけのhtmlファイル、menu1.htmlを挿入するような方法です。
これだとmenu1.htmlを書き換えれば全てのページで反映されます。
<script type="text/javascript">
$(function(){
$("#menu1").load("./menu1.html");
})
</script>


他は置き換えソフトを使う方法もあり、HTMLのコメントでメニュー部分の
コードを囲っておき、そこを新しいコードで置き換えるような方法です。
置き換えするソフトは複数ファイルに対応してるものがほとんどなので、
数十個あっても一瞬で置き換えできます。
こっちは

<!-- menu1 -->

ここがメニュー部分のコード

<!-- menu1_end -->

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved