AMTag:[]サイドメニュー折りたたみスクリプトを改版致しました。現在公開中のサイドメニュー折りたたみスクリプト(menufolder.js)は、cookie消費が大きいカスタマイズ性がよくないという問題がありました。cookieは「1つのコンピュータに対し最大20までしか保持できない」という仕様です。現状の折りたたみスクリプトでは1メニューに対して1cookieを利用しているため、20近いメニューに折りたたみを設定している場合、同一コンピュータで使用している他のcookieが無効になる可能性があります。最大2個しか使用しない方式に変更致しました。さんよりアドバイス頂きました。この場をお借りしてお礼申し上げます。ありがとうございました。カスタマイズ性については、例えばBlogPeople等のメニューでリンク数を表示する場合、aタグを数えてからバナー等の不要なリンク数分をスクリプト内で減算するようにしています(下リスト参照)。属性分のプログラムを新たに実装しなければならないため、この設定方法はJavaScriptを書けない方には障壁になります。その他の設定についてもプログラムを変更しなければならない実装になっており、その部分のカスタマイズについては説明を省いていました。途中で状態保持や動作遅延対処の機能追加を行った関係で、最初からエントリーを追ってカスタマイズを進めて頂くのも非効率的に感じておりました。今回の改版では他の設定も含めてプログラムの先頭で提供する機能のカスタマイズが可能な方式に改善しております。いう訳で手順を含めてこのエントリーにまとめました。ご利用になる方もこちらを参照頂ければ幸いです。折りたたみスクリプトの主な仕様は下記の通りです。サイドバーのメニューを折りたたむことができます。折りたたみマークをメニュータイトル部分に表示します。折りたたみマークはタイトルの左右または左端・右端のいずれかに表示します。表示位置は設定により切り替えられます。折りたたみマークは任意の文字に変更できます。メニュー内のリスト数をタイトル部分に表示することができます。リスト数表示・非表示は設定によりメニュー単位で切り替えられます。リスト数はタイトルの左右に表示します。表示位置は設定により切り替えられます。リスト数を"()"や"[]"等の任意の文字で括ることができます。cookieを利用して折りたたみ状態を保持することができます。状態保持の有効・無効を設定により切り替えられます。従来の一括表示での収集方法を設定により切り替えられます。差し替えと2項の設定です。属性名によっては他の項目についても変更が必要になります。ファイルもバックアップとして保存しておいてください。ダウンロード下記のリンクをクリックするとスクリプトのページへジャンプします。クリックし、同じファイル名でご自身のPCに保存してください。download本スクリプトはUTF-8で記述していますので、ブログで使用している文字コードがUTF-8以外の場合(Shift_JIS/EUC-JP等)は保存後、文字コードを適宜変更して再保存してください。属性を指定することで文字コードを変更しなくても良いという記事を見つけましたが動作実績がありませんのでこのような記述にしています。scriptタグの設定については3項に記してますのでお試し頂ければ幸いです。設定内容を修正ブログの設定内容に合わせてファイルの先頭にある下記の赤字部分を修正します。true;設定方法の詳細は下記の通りです。上記リストの青字部分が該当行、赤字が設定値を示しています。用途:折りたたみマークをタイトルの前後どちらに表示するかを設定します。true:タイトルの前に表示/false:タイトルの後に表示。true:タイトルの前に表示/false:タイトルの後に表示leftMarkForListNumber/rightMarkForListNumber名称:リスト数表示を括るマーク用途:「left?」には左側の文字('('、'['等)、「right?」には右側の文字(')'、']'等)を設定します。いう状態にしてください。片方だけの設定も可能です。:スタイルシートで折りたたみマークを左端または右端に配置する場合、タイトルがメニュー中央から外れるので、タイトル位置を補正するための方向を設定します。値に「0」を設定してください。補正する方向のオフセットを半角数字で指定します。「1」は半角1文字に相当します。不要な場合は「0」を設定。用途:BlogPeople・MyBlogList等のリンクリストの数を半角数字で設定します。設定値:任意の数字(1つであれば「1」)。リンクリストがない場合は「0」。タグが含まれている場合があります。タグの数をメニュー毎に設定します。部分にはそのメニューが(リンクの中で)何番目に表示されるかを指定します。...という具合に設定してください。メニューが表示される順番は画面の左上から右下です。エントリーやカテゴリー等の他のメニューは数に含みません。何番目に表示されるかを計算します。「0」に設定した場合はこの設定を変更する必要はありませんので、そのままにしておいてください。用途:トラックバックのリスト数を表示する場合、aタグの数の合計を表示するのですが、トラックバック先のリンクとトラックバック元のリンクを同時に表示しているとリスト数が倍になってしまいます。この値はその除数を指定するものです。「2」となっている場合はリスト数の合計を2で割ります。タグ(従来の一括表示)で計数するかを指定します。保持する/しないを設定します。「保持」を設定した場合、最後に変更した折りたたみ状態が他のページへのジャンプ時やブラウザ起動時、および更新時に反映されます。設定内容の変更に自信のない方はそのままお使いください(右端に折りたたみマークを設定・リスト数をタイトル前に表示する設定になっています)。その際、6項のスタイルシートは一番最初のものをお使いくださいますようお願い致します。修正の際にはカスタマイズ箇所以外の部分に全角文字(全角空白)を含まないようお気をつけください。修正が終わったら保存し、ローカル・サイト・パスに配置してください。「配置」とはレンタルサーバの場合はFTPツール等によるアップロード、自宅サーバの場合は単なるコピーを示します。間に下記のタグを追加してください。文字コードを指定してください。属性追加)下記の要領で、折りたたみたいサイドメニューのタイトルに「id="xxname"」、リストの方に「id="xxlist"」を付与します。"name"と"list"は固定名称です。"xx"の部分にはメニュー毎に異なる名称を付与します(例えばカテゴリーリストは"category"、エントリーは"entry"等)。同じ名称が存在すると正常に動作しませんのでご注意ください。属性を追加してください。"linkx?"(xは半角数字)で統一してください。その場合のタイトル部は「id="link1name"」、リスト部は「id="link1list"」という具合になります(複数存在する場合は数字の部分が増えていきます)。実行スクリプトを追加)折りたたみたい各メニューの下(サンプルは5項のカテゴリーリスト)に青色部分のスクリプトを追加します。type="text/javascript"><!--FoldNavigation('idName','initState',viewListNumber);//--></script>赤字部分は適宜変更します。それぞれの意味と設定値は下記の通りです。用途:折りたたむメニューのid属性を指定します。type="text/javascript"><!--FoldNavigation('category','on',true);//--></script>という内容で配置します。下に下記(注:青色部分のみ)を内容を追加します。以前のものと異なりますが動作的には同じです(多分)。2項の設定パターンによってスタイルシートの設定内容が若干異なりますので該当するものをお選びください。*/}上記サンプルはそのままでも使える値に設定していますがデザインに応じて適宜変更ください。追記6項の記述を修正しました。属性を削除しました(HTML4.01/XHTMLで非推奨あるいは廃止されているため)。サイドメニュー折りたたみスクリプト(cookie等改善版)を導入しました。excuse!!もうべったりお世話になってます小粋空間さま。Bamkero.net☆?('(ェ)'*)♪うふ。ーく読めばいとも簡単にできました。いつもながらありがとうございます。別館いろんなサイトでお見かけする「サイドバーの折り畳み」。excuse!!小粋空間さんのサブカテゴリーリストの折りたたみを使わせていただきました。BLOGこれまた軽く懸案事項であった、サイドバーの折りたたみの実装をしました。Blog!このBlogも色々いたずらしたせいか、メニューがやたらと多くなってきました。CEFA::Blog小粋空間様提供の折り畳みスクリプトを導入した際の作業内容覚書です。営業日誌サイドメニュー折り畳みスクリプトを変更しました。SITEテンプレートに引き続き小粋空間さんのサイドメニュー折りたたみ機能を実装。*Blog*いや〓楽しかった。カブいっしょにいただいたテンプレートからちょっとレトロ風味に改装してみました。いじりやすくてよい感じにできました。*Blog*いや〓楽しかった。無線LANテック小粋空間yujiroさん作のサイドメニュー折りたたみスクリプトを組み込みました。ぷりりんのお気楽Blog最近ブログをいじって遊んでおります。今回はブログのサイドバー折り畳みに挑戦しました。小粋空間様の配布しているスクリプトを使わせて頂きました。サイドメニューを折りたためるようにしました。̄)v(仮)久しぶりに、BLOGの設定を色々と変更してみました。このBLOGに引っ越してからは、小粋空間さんのテンプレートを使用しています。あやの雑記サイドバーがどんどん長くなってきたので、折りたたみ式にしました。参考エントリーありがとうございました。KillerPierceトップページで「サイトマップ」となっているのがカテゴリーリスト。Shout!!たいしたブログネタもないんで、ブログ弄り。̄;)ページ作成途中に情報収集で回った場所。AKI部屋・日記&小説・漫画・映画の感想チマチマとブログデザインを変更。「default」のテンプレートを元に作ってみました。サイドバーの折りたたみは、「小粋空間」さんのスクリプトをお借りしました。MetLog以下のサイトを参考に、あるいは利用させていただきました。VITA?甘い生活?再びこんばんは。MetLogこのブログ作成にあたり、以下のサイトを参考に、あるいは利用させていただきました。リニューアルしてみる・2。しょころぐ今回も本家発注品です。分家のリニュもやっと終わったので、Blogもちょこっと。縦に長くなっていきます。そこで長くなったサイドメニューに開閉ボタンをつけて簡易表示させるスクリプトを紹介します。cache*cacheにチャレンジしてみました。サイドメニューの折りたたみ。おかち日和SereneBachでウェブログを新しく作るにあたり、たくさんの技をお借りしました。yozoの気が向いたと記2.0いつの間にか、ここのブログもサイドバーに色々設置していて、全部を見るためには大きくスクロールしなきゃいけなくなっていました。私のブログは2カラムですので、どうしてもサイドが長くなってしまいます。webook小粋空間さんで紹介されているメニュー折りたたみ方法です。menufolder.jsをダウンロードして各自のサーバーにアップしてください。PMコメント大幅見直しお疲れ様です。暇なときに入れ替えさせていただきますです。AMお疲れさまですー。今日お休みなので、いまからさっそくやりますわー(汗。(折りたたみは、お休みの日じゃないと出来ないのよー(涙。AMで・・・・できましたぁ。状態保持ができてます。AM私も、早速・・・。なんとも、簡単にできました。AM必要にして最小限の変更で済むあたり、さすがです。使わせていただきました。ありがとうございます。AM先日来何度もお邪魔しています。状態保持が出来なくて・・・・。何度やり直しても旨くいかず諦めかけていました。今朝またお邪魔したら・・・、新しく書き直されたんですね。ありがとうございます。今まで旨くいかなかったのがウソみたいに出来てしまいました。嬉しくてつい書き込んでしまいました。「jsファイルを文字コード変更で再保存」に頭をひねりました。