window
トップページ > 記事閲覧
*Smooth Navigational Menuのリスト
日時： 2015/10/06 01:32
識別： ID:iv1JxfVxPIH1
名前： 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 -->
メンテ

　返信フォーム　（上記スレッドに返信する場合は以下のフォームから投稿します）
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します （メンテは該当記事のメンテアイコンをクリック）
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ（メンテアイコン）から修正する事ができます。


投稿内容をご確認下さい（記事の削除は出来ません）

   クッキー保存