Quantcast
Channel: 日本カルチャー協会 認定講師 みずおち
Viewing all articles
Browse latest Browse all 3854

飲食店の儲かるphp活用術⑳ メニュー検索

$
0
0

おはようございます。みずおちです。

 

「メニューめもーら」には検索機能を付けました。

 

知りたい情報をすぐに見つけることが出来るのが紙のメモとは大きく違うところです。

 

 

上部のメニューバーをクリックするとタブが現れます。

 

ハイボールというリンクを押すとハイボールの動画にジャンプします。

 

この仕組みも簡単にしてありますので、

 

自分で追加、変更出来るようになっています。

 

 

枠の部分が1つのメニューバーを表しています。

 

「ハイボール」と書いてある部分がメニューバーに表示されている内容です。

 

ここを書き換えるとメニューバーが変わります。

 

<a href="#heightball">

 

#の後ろの部分が検索している部分で

 

<a   name="heightball"></a>

 

ページ内のnameの”heightball”を探してジャンプします。

 

よって、メニューバーの”heightball”と動画部分の”heightball”を

 

同じ言葉にする事でジャンプできるようになります。

 

同じ名前を複数使用するとちゃんとジャンプ出来ないので

 

名前はかぶらないように作成してください。

 

半角英数字を使用し、スペルミスが無いようコピー&ペーストで

 

貼りかえると良いでしょう。

 

追加する場合は

 

<li class="category7"><a href="#"></a></li>をコピー&ペーストし、

 

<li class="category8">カテゴリーを番号順に変更します。

 

番号の順序が間違っているとうまくメニューバーが動作しません。

 

細かい設定はCSSファイルとjavascriptファイルに保存していますので

 

プログラムが分かる方はそちらを変更して下さい。

 

プログラムが分からなくても、講義で教わってちょっと慣れれば出来るようになります。

 

ちょっと手間はかかりますが、その分、安く使用できると思ってもらえれば幸いです。

 

 

 


Viewing all articles
Browse latest Browse all 3854

Trending Articles