「サイドメニューの折りたたみ」でメニューリスト別に状態保持を設定する
「メニューリスト別に折りたたみ状態の保持を設定できないでしょうか」というご要望を頂きましたので、折りたたみスクリプトを修正し、メニューリスト別に状態保持を設定できる（厳密には無効化する）ようにしました。
１．概要
改めて説明致しますと、当サイトで配布しているメニューリストの折りたたみスクリプト menufolder.js には、リストの開閉状態をクッキーを利用して保持し、ブラウザ再起動・ページリロードや他のページにジャンプした際に同じメニューリストがある場合等、前回と同じ状態で表示するという機能があります。
これまでも menufolder.js の設定をカスタマイズすることで状態保持を無効にすることができましたが、スクリプト単位でしか有効・無効を設定できなかったため、今回の改修によりメニューリスト単位で設定できるようにしました。
新しいスクリプトをご利用になる場合、下記の download のリンクよりスクリプトのページにジャンプし、最新版の menufolder.js をダウンロードしてください。
２．メニューリストの状態保持を無効にする
ここではエントリーリストを例にします。下のリストはこれまでの設定内容です。
<div class="sidetitle" id="entryname">
Recent Entries
</div>
<div class="side" id="entrylist">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>" title="e<$MTEntryID$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>
<script type="text/javascript">
FoldNavigation('entry','on',false);
</script>このリストの折りたたみ状態を保持したくない場合は、起動部分のスクリプト（赤色）の FoldNavigation の部分を FoldNavigationStateless（青色部分） に書き換えてください。
<div class="sidetitle" id="entryname">
Recent Entries
</div>
<div class="side" id="entrylist">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>" title="e<$MTEntryID$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>
<script type="text/javascript">
FoldNavigationStateless('entry','on',false);
</script>状態を保持する場合はこれまでの設定と変わりません。
３．全てのメニューリストの状態保持をまとめて無効にする
既存機能ですが、全てのメニューリストの状態保持を無効にしたい場合は menufolder.js の中ほどにある
//--------------------------------------------------------
// 状態保持用設定データ
//--------------------------------------------------------
// 状態保持フラグ
// 有効にする：true
// 無効にする：false
var holdState = true;の赤色部分を
var holdState = false;に変更してください。
起動関数は FoldNavigation で構いません。
- Accordion によるサイドメニューの折りたたみ
- 追記文章の折りたたみ Web2.0
≫ menufolder.js アップデート と 折りたたみの考察 from Neuro-nex.net blog
# 連休ですねー． ちょっと飛ばしていけるかも． ここのサイドバーにある、カテゴ... [続きを読む]
≫ サイドメニューの折りたたみ from PARADISE CLUB
小粋空間様にて、配布されているメニューリストの折りたたみスクリプトを改善され m... [続きを読む]
≫ Firefoxで400 Bad Requestエラーが出た件 from ヲレサイト
うちのパソコンのOSをWindows7に入れ替えてから今までFirefoxは入れてなかったんですが、たまには表示確認しておくべえということでインストールし... [続きを読む]
こんばんは。
先日質問をさせていただいた みる です。
こんなに早く対応していただけるなんて思ってもいませんでした！
早速利用させていただき、希望通りの動作が確認できました。
たった1行書き換えるだけというありがたい仕様も嬉しい限りです。(笑)
お忙しい中本当に有難うございました。
これからも便利なスクリプトの登場を楽しみにしています。
yujiroさん、こんばんはー♪
バージョンUPですね。(□。□-) ﾌﾑﾌﾑ なるほど、開閉させないようにしていたところに設定してもいいわけですね。これはありがたいです。常に開きっぱなしにしていたいのですが、ブログパーツが激重になっているときなど時と場合によっては、閉じておきたいですもんね。さっそくバージョンUPさせていただきまっす。いつもありがとうございます。 m(_ _)m
（BlogPetのグループのmaRk様のトピックから飛んできました。）
初めまして．
MT 超初心者ですが、いつも参考にさせていただいております．
Blog いじり、MT いじりでどん詰まりになると、たいてい解決策が小粋空間に示されているという感じです．
menufolder.js、早速アップデートさせていただきました． ありがとうございます．
下らない内容ですが、このエントリに TB もさせてもらいました．
＞みるさん
こんばんは。
ご連絡ありがとうございました。
以外に簡単に実装できてホッとしています（笑）。
また何かご要望がありましたらご連絡ください。
それではよろしくお願い致します。
＞yozoさん
こんばんは。
バージョンアップ＆ご利用ありがとうございました。
BlogPetの方も少しずつメンバー増えてきているようで、有難い限りです。
ではでは！
＞まるちぷらいさん
はじめまして。
スクリプトご利用＆トラックバックありがとうございます。
また色々ご利用頂いているようで、ありがとうございます。
それでは今後ともどうぞよろしくお願い致します。
こんばんは、 yujiroさん
お世話になっています。
改良版の 「menufolder.js」 をDLさせて頂きました
ありがとうございます。
＞mituruさん
こんばんは。
ご利用＆コメントありがとうございます。
正常に動作しているようでホッとしました。
ではでは！
はじめまして、初心者ながらテンプレートをカスタマイズしております。サイドメニューの折りたたみをしたく、プラグイン非対応でも可能な方法を検索してやってまいりました。
showry様のページも参考にしつつ、なんとか折りたたみ可能になったのですが、設定を変更する方法が分からずに立ち往生しております。
テスト状態では「menufolder.js」そのままを「ファイルアップロード」して成功しましたので、今度はテキストソフト（マックでiTextExplessを使用）上で設定を書き換えて「HTML書類」で保存、その後拡張小を「.js」に変更して、同じ様に「ファイルアップロード」したのですが、設定が書き変わっていません。
試しにVer.6.00でもやってみると、アップロードしたものは全角文字が含まれた7.00と同一のものになってしまいます。
設定の変更方法はこの様なやり方でよろしいのでしょうか？
なにか根本的に間違っておりますでしょうか？
色々な設定ができる様なので、是非活用したいのですが、全く進めなくなってしまいました…
せめて折りたたみマークだけでも表示したいのですが…
なにかアドバイスなど頂けたら幸いです。
よろしくお願い致します。
なんとか、自力で解決できました。お騒がせしまして、すみませんでした。
とてもすっきりして、見やすくなりました。
ありがとうございました！
＞ゆうすけさん
こんにちは。
ご質問の件、自己解決されたようでよかったです。
ではでは！
: November 16, 2009 12:21 PM
