●サイドメニューをゆっくり折りたたむ
2006 年 5 月 16 日のエントリー、
「サイドメニューの折りたたみ」カスタマイズが済んでいる事が前提ですが､
文字通り、サイドメニューをゆっくり折りたためます。
Ruby on Rails：/spinoffs/scriptaculous/ から、
以下の 3 つの JavaScript を download してきます。
prototype.js (lib のところ)
controls.js (src のところ)
effects.js (src のところ)
それぞれソースを、エディタにコピペして､名前を付けて保存します。
既に他のカスタマイズのために upload 済みの menufolder.js を、
修正作業のために、ローカルへ download します。
//Element.show(effect.element); // prototype.js 修正要
//element.style.display = 'block';
//element.style.display = 'block';
614 行目の //を削除して､上の//に書き足します。
また、全てのサイドメニューを一括でゆっくり折りたたむ場合は､
menufolder.js の以下の設定を slow に修正します。
(各サイドメニュー個別に設定する場合は、normal のままです。)
//-----------------------
// 折りたたみスピード
//-----------------------
// 折りたたみスピード
//-----------------------
// 全てのメニューのスピード
// 通常：'normal'
// 遅い：'slow'
var speed = 'slow';
各サイドメニュー個別に設定する場合は、
ゆっくり折りたたみたいメニューリストの下に以下の記述を追加します。
<script type="text/javascript">
<!--
FoldNavigationSlowly('idName','initState',viewListNumber);
//-->
</script>
<!--
FoldNavigationSlowly('idName','initState',viewListNumber);
//-->
</script>
idName ・ initState ・ viewListNumber はそれぞれ適切な記述に改めます。
私の場合、既に折りたたみカスタマイズは済んでいますので､
Slowly を書き足しただけです。
という事は､個別に設定したのですが､
何かサブカテゴリーの折りたたみに原因不明の不具合があるらしく､
実際うまくいきませんでしたが､
カテゴリーメニューのみ、ゆっくりではなく､通常速度の折りたたみにしました。
次に､
prototype.js
controls.js
effects.js
menufolder.js
以上 4 つのファイルを､トップディレクトリに upload します。
最後に､テンプレートの <head> ～ </head>間に､以下の構文を書き足します。
<script type="text/javascript" src="<$MTBlogURL$>prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>controls.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>effects.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>controls.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>effects.js"></script>
このカスタマイズ､かなり気に入っています。
何かとてもいー感じです。 ≪ 続きを隠す
