Smooth Navigational Menuのリスト | ホームページ作成初心者質問掲示板

トップページ > 記事閲覧

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



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

>>引用

返信フォーム　（上記スレッドに返信する場合は以下のフォームから投稿します）
題名	※必須スレッドをトップへソート
名前
E-Mail
URL
パスワード	記事メンテ時に使用します（メンテは該当記事のアイコンをクリック）
返信内容	>>1 > 別ファイルにするなら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 --> ※必須エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定	・問題が解決したら解決を選択して投稿して下さい HELP(新しいウィンドウが開きます) ・既存記事の状態設定はメンテ（アイコン）から修正する事ができます。
	投稿内容をご確認下さい（記事の削除は出来ません）クッキー保存