●サイドメニューをゆっくり折りたたむ
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>
このカスタマイズ、かなり気に入っています。
何かとてもいー感じです。 ≪ 続きを隠す
