menufolder.js 3.01 リリース
Tag：[]
折りたたみスクリプトの menufolder.js をマイナーバージョンアップしました。
今回の修正は MacIE 用の対処です。3.00での MacIE で折りたたみが正常に動作しない問題について修正致しました。MacIE をご使用の方は多くないかも知れませんが、折りたたみ可能なブラウザが拡大されますのでアップグレードされることをお勧めします。
なお今回の修正は TOY COZY MUSEUM：toycozy さんおよび、Mellout,inc.：mellout さんのご助言およびご協力によりリリースすることができました。この場をお借りしてお礼申し上げます。
アップグレードされる場合は下記のリンクでスクリプトのページ（あちこちにリンクを貼るとメンテナンスが大変なので新しく作りました）へジャンプし、そこからダウンロードしてください。
なお 3.00 のスクリプトから修正される場合は下記の変更を行ってください。
まず95行目あたりにある赤色部分の行を青色のものに入れ替えます。
for(var x = 0; x < list.length; x++) {
if (list[x] != name) {
newData.push(list[x]);
}
}for(var x = 0; x < list.length; x++) {
if (list[x] != name) {
newData[newData.length] = list[x];
}
}次にスクリプト冒頭に配している各設定データ（赤色部分）
//--------------------------------------------------------
// Configuration
//--------------------------------------------------------
// サイドメニュー用折りたたみマーク
var openMarkForSideBarMenu = '▽';
var closeMarkForSideBarMenu = '△';
：
（中略）
：
// サブカテゴリー用折りたたみマーク
var openMarkForSubCategories = '▽';
var closeMarkForSubCategories = '△';
//--------------------------------------------------------をごっそり切り取り、下記の位置（切り取り前の行数で言うと172行と173行の間）に移動します。
：
：
function FoldNavigation(idName,initMode,viewNum) {
//--------------------------------------------------------
// Configuration
//--------------------------------------------------------
// サイドメニュー用折りたたみマーク
var openMarkForSideBarMenu = '▽';
var closeMarkForSideBarMenu = '△';
：
（中略）
：
// サブカテゴリー用折りたたみマーク
var openMarkForSubCategories = '▽';
var closeMarkForSubCategories = '△';
//--------------------------------------------------------
var openMark; // The mark for opening, when having closed
var closeMark; // The mark for closing, when open
var preMark; // The insertion position of a mark.
：
：具体的な修正内容は下記の通りです。
- 現状のスクリプトで用いている push 関数が MacIE では期待する動作とならないため、push 関数による処理を配列の代入処理に変更。
- グローバル変数として設定している各設定値用の変数のスコープが正常に認識できないため、ローカル変数として配置するように変更。
- ListfolderプラグインをMovable Typeに適用する
- サイドメニューの折りたたみ（Movable Type 4.x デフォルトテンプレート用）
- サイドメニューの折りたたみ（定義リスト編）
- サイドメニューの一部を折りたたむ
- サイドメニューの折りたたみマークに画像を使用する
- サイドメニューの折りたたみ（Movable Type デフォルトテンプレート用）
- サイドメニューの折りたたみ（v5.0：ゆっくり折りたたむ）
- サイドメニューの折りたたみに画像を使用する
- サイドメニューの折りたたみ（v4.0）
- Movable Type ユーザー・マニュアルをサイドメニューに追加
- サブカテゴリーリストの折りたたみ
- サイドメニュー折りたたみスクリプト（cookie等改善版）
- サイドメニューの折りたたみスクリプト改修中
- サイドメニュー折りたたみの動作遅延対処
- サイドメニュー折りたたみ状態保持スクリプト
≫ 折りたたみスクリプト3.01 from Bamkero.net
小粋空間: menufolder.js 3.01 リリースmenufolder.js 3.01 リリース
折りたたみスクリプトの menufolder.js ... [続きを読む]
≫ やっと手をつけました from PHAT∴LOVESICK
いつもお世話になっている、「小粋空間」様の●menufolder.js 3.01... [続きを読む]
≫ サイドメニュー折り畳み改修 from 都会の片隅で
以前のエントリにあるとおり、小粋空間さんの記事を参考にサイドバーの折りたたみを導... [続きを読む]
≫ ブログのサイドメニュー折りたたみスクリプト（小粋空間 ） from HiMAT
ブログのサイドメニュー折りたたみスクリプト（小粋空間 ） 導入してみる。 coo... [続きを読む]
≫ Movable Type のカスタマイズ その２ from 医療関係者のためのPalm?ひとりごと
実はこのところ、「医療関係者のための Palm リンク集」の機能強化版を構築中で... [続きを読む]
≫ menufolder.js 3.01 リリース from Air Castle
menufolder.js 3.01 リリース 今更ですが，一昨日当ブログを少々... [続きを読む]
≫ サイドの折りたたみ from RED BICYCLE RECORDS.org
サイトをまた、少しいぢりまして 右側のサイドメニューに全部のアーカイブ、カテゴリ... [続きを読む]
≫ カテゴリーに折りたたみを付ける from のんびりオーストラリア自転車横断Blog
▲のを付けて、折りたためるようにした。個人的には見やすいように細分化してしまうのが好みだが、欠点はドンドンと長くなってしまうこと。 その欠点を補うために、導入し... [続きを読む]
≫ サイドバーの折りたたみ from Chiffon's MT Blog
今度も小粋空間さんを参考に サイドバーの折りたたみに挑戦。 テンプレートが小粋空... [続きを読む]
このmenufolder.jsに変更しますと
▽マークが一つ下のsidetitleに表示されてしまいます。
どうしたらよいのでしょう。
＞イチローさん
こんにちは。
ご質問の件ですが、動作状況を確認したいので恐れ入りますがURLをご連絡頂けますでしょうか。
よろしくお願い致します。
3.00を修正してアップしなおしました。
Macユーザーの方は少数派だと思うけど、できるだけ多くのかたに 自分の意図したように見て欲しいですものね。
こんばんはー。
早速のご利用ありがとうございます！
はい、些細な変更ではありますがこれで折りたたみできる方が増えるといいなぁと。
yujiro様
バージョンアップおめでとうございます?。多少なりとも素人ながら協力（ワタシというよりほとんどmellout氏ですが・・・）出来て光栄です。
これからもお世話になると思いますが、どうぞよろしくデス?。
＞toycozyさん
こんばんはー。
ありがとうございます。
ようやくリリースすることができました。
こちらこそ、今後ともよろしくです！
差し替えしました。
うちでは、無事に動いてるようです。
うちの場合MacよりなぜがWin及びMacのFirefoxで来る人多し、、。
これも謎。
＞みよたんさん
こんにちは。
差し替えありがとうございます。
無事に動作しているようで安心しました。
ブラウザ、不思議ですね。Firefoxユーザ向けサイトなんでしょうか？（謎）
おはようございます。
別件でコメントしているのですが、もう一つ自分では解決できない問題ができたので質問させていただきます(._.)
少し説明しにくいので、分かりにくくなってしまったらすいません。
サイドメニューの折りたたみカスタマイズの方を使わせていただいてます、
その際にエントリーの本文の部分、そしてサイドバー全体をdivで囲い、
高さをスタイルシートでheight:100%にしているのですが、エントリー本文のheight:100%がサイドバー全てのサイドタイトル(折りたたみ部分)が閉じた状態での100%の高さとなってしまっており、エントリー本文の部分がサイドタイトル全てを開いた状態だとサイドバー全体の高さより低くなってしまっています。(サイドタイトルすべてを閉じた状態では100%になっています)
具体的には私のblog"http://worldx.ff-info.com/report"の方で個別エントリーなどエントリー数の少ないページをご覧いただければ分かると思います。
サイドバー全体は、positionで位置を設定しています。
エントリー本文の部分も同様です。
サイドタイトルすべてを開いた状態でエントリー本文部分の高さを100%にできれば解決するとは思うのですが、その方法が分かりません。
(初期状態は全てonにしました。)
内容違いかもしれませんが、どうしても分からないので質問させていただきました。
＞Worldxさん
こんにちは。
ご質問の件について、問題点は把握できました。回答としては、カラムデザインを absolute 指定のものから float 指定に変更されることをお勧めします。
absolute 指定は左右カラムの高さが中央カラムに反映されない（その逆も同様）ため、デザイン面で制約があります。
実は私も以前、同じようなことを JavaScript で実装しようと試みましたが、途中で挫折しました。（笑）
で、現在の float 指定による3カラムになっています。ソースをご覧頂ければ仕組みはお分かりになると思いますが、公開しておりませんので自力で解決頂けると幸いです。
以上です。
それではよろしくお願い致します。
あー・・・なるほど・・・
製作当初はfloat指定にしていたのですが、エントリー投稿する前に変えちゃったんですよね＞＜
問題がはっきり分かってよかったです。
ありがとうございます！
実はソースは以前から参考にさせてもらってました(汗)
本当に助かりました！
＞Worldxさん
どういたしまして。
それではご健闘をお祈り致します。
無事なおりましたー！
ありがとうございます
javascriptじゃむずかしいんですねぇ
精進しますっ
＞Worldxさん
直ったようですね。
おめでとうございます！
