サイドメニュー折りたたみスクリプト(cookie等改善版)

サイドメニュー折りたたみスクリプト(cookie等改善版)

Posted at December 6,2004 2:00 AM
Tag:[]

サイドメニュー折りたたみスクリプトを改版致しました。
現在公開中のサイドメニュー折りたたみスクリプト(menufolder.js)は、

  • cookie消費が大きい
  • カスタマイズ性がよくない

という問題がありました。cookieは「1つのコンピュータに対し最大20までしか保持できない」という仕様です。現状の折りたたみスクリプトでは1メニューに対して1cookieを利用しているため、20近いメニューに折りたたみを設定している場合、同一コンピュータで使用している他のcookieが無効になる可能性があります。
今回は cookie を最大2個しか使用しない方式に変更致しました。なお本方式は日頃お世話になっている facet-divers さんよりアドバイス頂きました。この場をお借りしてお礼申し上げます。ありがとうございました。

またカスタマイズ性については、例えばBlogPeople等のメニューでリンク数を表示する場合、aタグを数えてからバナー等の不要なリンク数分をスクリプト内で減算するようにしています(下リスト参照)。

if (idName == "link1") {
    counter = objItems.length - 3;
} else if (idName == "link2") {
         :

が、複数のリンクを追加する場合、ここに id 属性分のプログラムを新たに実装しなければならないため、この設定方法はJavaScriptを書けない方には障壁になります。またその他の設定についてもプログラムを変更しなければならない実装になっており、その部分のカスタマイズについては説明を省いていました。さらに途中で状態保持や動作遅延対処の機能追加を行った関係で、最初からエントリーを追ってカスタマイズを進めて頂くのも非効率的に感じておりました。今回の改版では他の設定も含めてプログラムの先頭で提供する機能のカスタマイズが可能な方式に改善しております。
そういう訳で手順を含めてこのエントリーにまとめました。はじめてご利用になる方もこちらを参照頂ければ幸いです。

折りたたみスクリプトの主な仕様は下記の通りです。

  • サイドバーのメニューを折りたたむことができます。
  • 折りたたみマークをメニュータイトル部分に表示します。折りたたみマークはタイトルの左右または左端・右端のいずれかに表示します。表示位置は設定により切り替えられます。また折りたたみマークは任意の文字に変更できます。
  • メニュー内のリスト数をタイトル部分に表示することができます。リスト数表示・非表示は設定によりメニュー単位で切り替えられます。リスト数はタイトルの左右に表示します。表示位置は設定により切り替えられます。またリスト数を"()"や"[]"等の任意の文字で括ることができます。
  • cookieを利用して折りたたみ状態を保持することができます。また状態保持の有効・無効を設定により切り替えられます。
  • サブカテゴリーのリスト数表示を li タグ数で収集します。また従来の一括表示での収集方法を設定により切り替えられます。

以下設定手順です。なおこれまでの menufolder.js をご利用下さっている方でご利用になる場合、基本的に必要な作業としては新しい menufolder.js への差し替えと2項の設定です。ただし文字コードや id 属性名によっては他の項目についても変更が必要になります。また念のためこれまでの js ファイルもバックアップとして保存しておいてください。

1.menufolder.js ダウンロード

下記のリンクをクリックするとスクリプトのページへジャンプします。そこで menufolder.js をクリックし、同じファイル名でご自身のPCに保存してください。

download

本スクリプトはUTF-8で記述していますので、ブログで使用している文字コードがUTF-8以外の場合(Shift_JIS/EUC-JP等)は保存後、文字コードを適宜変更して再保存してください。この問題につきましては js ファイルのインクルード時、script タグにcharset 属性を指定することで文字コードを変更しなくても良いという記事を見つけましたが動作実績がありませんのでこのような記述にしています。scriptタグの設定については3項に記してますのでお試し頂ければ幸いです。

2.menufolder.js の設定内容を修正

ブログの設定内容に合わせてファイルの先頭にある下記の赤字部分を修正します。

// サイドメニュー用折りたたみマーク
var openMarkForSideBarMenu  = '';
var closeMarkForSideBarMenu = '';
 
// 折りたたみマーク挿入位置
// タイトル前に折りたたみマークを配置:true
// タイトル後に折りたたみマークを配置:false
// 左端または右端に折りたたみマークを配置(スタイルシートの設定が必要です):true
var preMarkForSideBarMenu = true;
 
// リスト数表示位置
// タイトル前にリスト数を表示:true
// タイトル後にリスト数を表示:false
var listNumberPosition = true;
 
// リスト数表示を括るマーク
var leftMarkForListNumber = '';
var rightMarkForListNumber = '';
 
// タイトル表示位置補正方向(スタイルシートで左端または右端に配置した場合)
// タイトルを右方向に移動:true
// タイトルを左方向に移動:false
var centeringPosition = true;
 
// タイトル表示位置補正オフセット(スタイルシートで左端または右端に配置した場合)
var offsetForCentering = 2;
 
// リンクメニュー数
// 他にリンク数を減算する必要があるメニューもここに含めてください
var linkNumber = 2;
 
// 各リンクメニューのオフセット値
// 注:id属性名は「linkx(xは数字)」であること
var offsetValue = new Array(linkNumber);
offsetValue[0] = 3;
offsetValue[1] = 2;
 
// トラックバック数の除数
// 注:id属性名は「trackback」であること
var trackbackNumber = 2;
 
// カテゴリーリスト数計算方法
// サブカテゴリーのカテゴリー数を適正に計数する
// サブカテゴリーに対応:true
// 従来のカテゴリーに対応:false
var subCategoryCount = false;
 
// 状態保持フラグ
// 状態保持を有効にする:true
// 状態保持を無効にする:false
var holdState = true;

設定方法の詳細は下記の通りです。上記リストの青字部分が該当行、赤字が設定値を示しています。

openMarkForSideBarMenu/closeMarkForSideBarMenu

  • 名称:サイドメニュー用折りたたみマーク
  • 用途:サイドメニューのタイトル横に表示する折りたたみ用リンクのマーク
  • 設定値:任意の文字(設定したマークを''で括るように)

preMarkForSideBarMenu

  • 名称:マーク挿入位置
  • 用途:折りたたみマークをタイトルの前後どちらに表示するかを設定します。
  • 設定値: true:タイトルの前に表示/false:タイトルの後に表示。ただしメニューの左端または右端に表示する場合は true を設定(スタイルシートで位置を調整します)

listNumberPosition

  • 名称:リスト数表示位置
  • 用途:リスト数表示位置をタイトルの前後どちらに表示するかを設定します
  • 設定値: true:タイトルの前に表示/false:タイトルの後に表示

leftMarkForListNumber/rightMarkForListNumber

  • 名称:リスト数表示を括るマーク
  • 用途:「left?」には左側の文字('('、'['等)、「right?」には右側の文字(')'、']'等)を設定します。何も設定しない場合はいずれも '' という状態にしてください。また片方だけの設定も可能です。
  • 設定値:任意の文字

centeringPosition

  • 名称:タイトル表示位置補正方向
  • 用途:スタイルシートで折りたたみマークを左端または右端に配置する場合、タイトルがメニュー中央から外れるので、タイトル位置を補正するための方向を設定します。補正する必要がない場合は本項目はそのままの状態にして、次の offsetForCentering の値に「0」を設定してください。
  • 設定値: true:タイトルを左方向に移動/false:タイトルを右方向に移動

offsetForCentering

  • 名称:タイトル表示位置補正オフセット
  • 用途:上記の centeringPosition で補正する方向のオフセットを半角数字で指定します。なお「1」は半角1文字に相当します。
  • 設定値:任意の値。不要な場合は「0」を設定。

linkNumber

  • 名称:リンクメニュー数
  • 用途:BlogPeople・MyBlogList等のリンクリストの数を半角数字で設定します。
  • 設定値:任意の数字(1つであれば「1」)。リンクリストがない場合は「0」。

setValue[x]

  • 名称:各リンクのオフセット数
  • 用途:タイトル左にリスト数を表示する際、a タグの数の合計を表示するのですが、リンクリストの場合はバナー等の計数に不要な a タグが含まれている場合があります。この不要な a タグの数をメニュー毎に設定します。また [x] の部分にはそのメニューが(リンクの中で)何番目に表示されるかを指定します。 1番目に表示されるものはプログラムの都合上 [0] 、2番目に表示されるものは [1] …という具合に設定してください。メニューが表示される順番は画面の左上から右下です。エントリーやカテゴリー等の他のメニューは数に含みません。先に指定した linkNumber で何番目に表示されるかを計算します。linkNumber を「0」に設定した場合はこの設定を変更する必要はありませんので、そのままにしておいてください。
  • 設定値:任意の数字(1つ減算する場合は「1」)

trackbackNumber

  • 名称:トラックバック数の除数
  • 用途:トラックバックのリスト数を表示する場合、aタグの数の合計を表示するのですが、トラックバック先のリンクとトラックバック元のリンクを同時に表示しているとリスト数が倍になってしまいます。この値はその除数を指定するものです。「2」となっている場合はリスト数の合計を2で割ります。
  • 設定値:除数を半角数字で設定

subCategoryCount

  • 名称:カテゴリーリスト数計算方法
  • 用途:カテゴリーリスト数計算方法を li タグ(サブカテゴリー表示)で計数するか、a タグ(従来の一括表示)で計数するかを指定します。
  • 設定値: true:li タグで計数/false:a タグで計数

holdState

  • 名称:状態保持フラグ
  • 用途:折りたたみ状態を cookie に保持する/しないを設定します。「保持」を設定した場合、最後に変更した折りたたみ状態が他のページへのジャンプ時やブラウザ起動時、および更新時に反映されます。
  • 設定値: true:有効/false:無効

設定内容の変更に自信のない方はそのままお使いください(右端に折りたたみマークを設定・リスト数をタイトル前に表示する設定になっています)。その際、6項のスタイルシートは一番最初のものをお使いくださいますようお願い致します。
修正の際にはカスタマイズ箇所以外の部分に全角文字(全角空白)を含まないようお気をつけください。

3.menufolder.js 配置

menufolder.js の修正が終わったら保存し、ローカル・サイト・パスに配置してください。「配置」とはレンタルサーバの場合はFTPツール等によるアップロード、自宅サーバの場合は単なるコピーを示します。

4.テンプレートの設定1(menufolder.js のインクルード文追加)

折りたたみを利用する各テンプレートの <head>~</head> の間に下記のタグを追加してください。charset 属性は menufolder.js の文字コードを指定してください。

<script type="text/javascript" src="<$MTBlogURL$>menufolder.js" charset="utf-8"></script>

5.テンプレートの設定2(各メニューに id 属性追加)

下記の要領で、折りたたみたいサイドメニューのタイトルに「id="xxname"」、リストの方に「id="xxlist"」を付与します。"name"と"list"は固定名称です。"xx"の部分にはメニュー毎に異なる名称を付与します(例えばカテゴリーリストは"category"、エントリーは"entry"等)。同じ名称が存在すると正常に動作しませんのでご注意ください。
下記は設定例です。この例と同じように各メニューに青色部分の id 属性を追加してください。

<div class="sidetitle" id="categoryname">
Categories
</div>
 
<div class="side" id="categorylist">
<MTCategories>
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a>  [<$MTCategoryCount$>]<br />
</MTCategories>
</div>

なおリスト数表示を補正する必要がある BlogPeople や MyBlogList 等のリンクメニューにつきましてはid属性を "linkx?"(xは半角数字)で統一してください。その場合のタイトル部は「id="link1name"」、リスト部は「id="link1list"」という具合になります(複数存在する場合は数字の部分が増えていきます)。

6.テンプレートの設定3(menufolder.js 実行スクリプトを追加)

折りたたみたい各メニューの下(サンプルは5項のカテゴリーリスト)に青色部分のスクリプトを追加します。

<div class="sidetitle" id="categoryname">
Categories
</div>
 
<div class="side" id="categorylist">
<MTCategories>
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a>  [<$MTCategoryCount$>]<br />
</MTCategories>
</div>
 
<script type="text/javascript">
<!--
FoldNavigation('idName','initState',viewListNumber);
//-->
</script>

赤字部分は適宜変更します。それぞれの意味と設定値は下記の通りです。

idName

  • 名称:id属性名
  • 用途:折りたたむメニューのid属性を指定します。
  • 設定値:このスクリプトの直前のメニューのid属性名("name"または"list"を除去した形)

initState

  • 名称:初期状態
  • 用途:ページを最初に表示した時の折りたたみ状態を指定します
  • 設定値: on:開いた状態/off:閉じた状態

viewListNumber

  • 名称:リスト数表示
  • 用途:メニュータイトル横にリスト数の表示・非表示を設定します
  • 設定値: true:表示/false:非表示

例えば、カテゴリーリストメニュー用のid属性に"category"を指定、初期状態は「開く」、リスト数を表示する場合、カテゴリリストメニューの直下に、

<script type="text/javascript">
<!--
FoldNavigation('category','on',true);
//-->
</script>
という内容で配置します。

7.スタイルシート設定

スタイルシート(styles-site.css)の .sidetitle の下に下記(注:青色部分のみ)を内容を追加します。以前のものと異なりますが動作的には同じです(多分)。2項の設定パターンによってスタイルシートの設定内容が若干異なりますので該当するものをお選びください。

右端にマークを表示
.sidetitle a.foldmark {
    float: right; /* マークを右端に配置 */
    font-size:9px; /* マークのフォントサイズ */
    padding-right:3px; /* 右端からのパディング */
    text-decoration: none; /* マークの文字装飾(何も表示しない) */
}
左端にマークを表示
.sidetitle a.foldmark {
    float: left; /* マークを左端に配置 */
    font-size:9px; /* マークのフォントサイズ */
    padding-left:3px; /* 左端からのパディング */
    text-decoration: none; /* マークの文字装飾(何も表示しない) */
}
タイトル前にマークを表示
.sidetitle a.foldmark {
    font-size:9px; /* マークのフォントサイズ */
    padding-right:3px; /* タイトルとマーク間のパディング */
    text-decoration: none; /* マークの文字装飾(何も表示しない) */
}
タイトル後にマークを表示
.sidetitle a.foldmark {
    font-size:9px; /* マークのフォントサイズ */
    padding-left:3px; /* タイトルとマーク間のパディング */
    text-decoration: none; /* マークの文字装飾(何も表示しない) */
}

上記サンプルはそのままでも使える値に設定していますがデザインに応じて適宜変更ください。

2005.06.08 追記
6項の記述を修正しました。

2006.04.04 追記
リストから language 属性を削除しました(HTML4.01/XHTMLで非推奨あるいは廃止されているため)。

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

折りたたみスクリプト改善版へ移行 from Magic White
使わせて頂いた小粋空間さんのサイドメニュー折りたたみ(改)とサイドメニュー折りた... [続きを読む]

Tracked on December 6, 2004 4:57 AM

サイドメニュー折りたたみ状態保持できたぁ! from やむやむ
嬉しいです♪小粋空間 さまが 最新記事「サイドメニュー折りたたみスクリプト(co... [続きを読む]

Tracked on December 6, 2004 10:13 AM

サイドメニュー折りたたみスクリプト(cookie等改善版)を導入しました。 from 喜怒哀楽
小粋空間様:「サイドメニュー折りたたみスクリプト(cookie等改善版)」 今回... [続きを読む]

Tracked on December 6, 2004 10:27 AM

サイドメニュー折りたたみスクリプト from Stupid excuse!!
もうべったりお世話になってます小粋空間さま。(笑) 「cookieはひとつのPC... [続きを読む]

Tracked on December 6, 2004 10:48 AM

折りたたみスクリプト(改善版)に移行 from 今日の覚え書き
私のMTのお師匠さま・「小粋空間」さんのところで、サイドメニューの折りたたみスクリプトの改善版が公開されていたので、早速... [続きを読む]

Tracked on December 6, 2004 12:30 PM

折りたたみメニューのニューバージョン from Bamkero.net
☆?('(ェ)'*)♪うふ。よーーく読めばいとも簡単にできました。いつもながらありがとうございます。 [続きを読む]

Tracked on December 7, 2004 10:10 AM

サイドメニュー改 from う・わ・き・も・の
小粋空間さんで、サイドメニュー折りたたみスクリプト(cookie等改善版) と言... [続きを読む]

Tracked on December 7, 2004 12:13 PM

ちょっとクセになる折り畳み・・・ from TOY COZY MUSEUM 別館
いろんなサイトでお見かけする「サイドバーの折り畳み」。どういうふうにしているのか... [続きを読む]

Tracked on December 7, 2004 10:53 PM

サイドメニュー折りたたみスクリプト(cookie等改善版)やってみました from **ORANGE**
今までも折りたたスクリプトは使わせていただいてたんですが 現在公開中のサイドメニ... [続きを読む]

Tracked on December 8, 2004 10:09 AM

サイドメニュー折りたたみ改 from blogっぱぐ。
このblogのように画面に表示できるサイズが小さい所では必要不可欠な小粋空間さん... [続きを読む]

Tracked on December 8, 2004 8:43 PM

サイドメニュー折りたたみ from sea of tranquility
Nucleusに移行してからは使用タグが変わってしまったことも あって、外観はあまりいじれずにいたのですが、いいかげん Bloglistがうざい…と思ったの... [続きを読む]

Tracked on December 12, 2004 12:50 PM

サブカテゴリーリストの折りたたみ from Stupid excuse!!
小粋空間さんのサブカテゴリーリストの折りたたみを使わせていただきました。 これ、... [続きを読む]

Tracked on December 13, 2004 11:15 AM

MT3.1 サイドバーの折りたたみを実装 from ぼくたび BLOG
これまた軽く懸案事項であった、サイドバーの折りたたみの実装をしました。 参考にさ... [続きを読む]

Tracked on December 14, 2004 8:39 AM

プチリニュ from dimanche
もう12月だっていうのにコスモスはないよなぁ…(汗) 気にはしてたのですが面倒臭くってやる気が起きなかった…orz 重い... [続きを読む]

Tracked on December 14, 2004 11:11 PM

サイドバー折りたたみ from サイドバーを充実させる!
参考サイトは、小粋空間さんの サイドメニュー折りたたみスクリプト(cookie等... [続きを読む]

Tracked on December 17, 2004 9:57 PM

サイドメニューの折りたたみ from pmLabo.
【採用の動機】 ■もともとここはアフィリエイトサイトだったので完全ブログ化した後... [続きを読む]

Tracked on December 21, 2004 12:58 PM

サイドメニュー折りたたみ from (´д`)ブログ
小粋空間さんの●サイドメニュー折りたたみスクリプト(cookie等改善版)を参考... [続きを読む]

Tracked on December 24, 2004 2:24 AM

サイドメニューを折りたたむ from Blog!
このBlogも色々いたずらしたせいか、メニューがやたらと多くなってきました。 だ... [続きを読む]

Tracked on December 28, 2004 2:49 PM

折りたたみ from 朔ぶろぐ?
小粋空間さまからお借りしたスクリプトで、サイドメニューにある「カテゴリー」やらな... [続きを読む]

Tracked on December 28, 2004 11:46 PM

サイドバーを折りたため from angeli-x ++ monologue
テンプレートをお借りした小粋空間さんの「小粋空間: サイドメニュー折りたたみスクリプト(cookie等改善版)」を読みながらサイドバーの開閉設置&サイドバーの整... [続きを読む]

Tracked on December 29, 2004 7:51 PM

サイドメニューの折りたたみ from ?風を追いかけて?
ずーっとやりたかったサイドメニューの折りたたみにトライ! サイドメニュー折りたた... [続きを読む]

Tracked on December 31, 2004 12:11 PM

折りたたみ from 鮭網blog
小粋空間さまからお借りしたスクリプトで、サイドメニューにある「カテゴリー」やらな... [続きを読む]

Tracked on January 10, 2005 9:31 AM

サイドメニューの折りたたみ完成 from Dontkoi OMG! ヽ(; ̄▽ ̄)ノ
苦しかった・・結局は凡ミスでしたね、ソースの書き込む場所が悪かっただけ、後で冷静... [続きを読む]

Tracked on January 18, 2005 2:03 PM

小粋にカスタマイズ:サイドメニュー編 from 妖精日記
最近、サイドメニューの中身がどんどんどんどん増えてきて、 見づらいというよりも、作っている本人が我慢できなくなったので、 ついに「サイドメニューの折りたたみ」機... [続きを読む]

Tracked on January 19, 2005 5:23 PM

サイドメニューの折りたたみ from クルもば
ブログをオープンさせる前にいろいろ準備しているのですが、サイドメニューの折りたた... [続きを読む]

Tracked on January 19, 2005 9:45 PM

折り畳みスクリプトの変更 from CEFA::Blog
小粋空間様提供の折り畳みスクリプトを導入した際の作業内容覚書です。 [続きを読む]

Tracked on January 26, 2005 5:10 PM

折りたたみメニュー from hinata
折りたたみメニュー [続きを読む]

Tracked on January 27, 2005 11:31 AM

ドリコムブログでサイドメニュー折り畳み(小粋空間スクリプト) from ぐったり営業日誌
サイドメニュー折り畳みスクリプトを変更しました。 今回は↓ 小粋空間: サイドメニュー折りたたみスクリプト(cookie等改善版) を使用。 外部J... [続きを読む]

Tracked on January 27, 2005 4:53 PM

テンプレートに引き続き・・ from SAKSAK RECORDS WEB SITE
テンプレートに引き続き小粋空間さんのサイドメニュー折りたたみ機能を実装。 men... [続きを読む]

Tracked on February 1, 2005 12:01 PM

コメントプレビューとサイドメニュー・続きを読むの折りたたみ from neko no 肉球@BLOG
JUGEM時代はこの3つを搭載していたのですが、 MTに移動してからはまだ手を付... [続きを読む]

Tracked on February 9, 2005 6:46 PM

MTの折りたたみメニューに挑戦! from Eternal☆Avenue *Blog*
いや〓楽しかった。このブログのカスタマイズって超面倒で、思い立たないとなかなか手... [続きを読む]

Tracked on February 10, 2005 11:53 PM

大改造ビフォーアフター from つのとカブいっしょに
いただいたテンプレートからちょっとレトロ風味に改装してみました。 とってもいじりやすくてよい感じにできました。 [続きを読む]

Tracked on February 11, 2005 10:52 PM

[PB] サイドメニューの折りたたみ化 from [PB] Pastor's Blog
「小粋空間」のサイドメニュー折りたたみスクリプト(cooki... [続きを読む]

Tracked on February 14, 2005 11:24 PM

MTの折りたたみメニューに挑戦! from Eternal☆Avenue *Blog*
いや〓楽しかった。このブログのカスタマイズって超面倒で、思い立たないとなかなか手... [続きを読む]

Tracked on February 16, 2005 10:06 PM

折りたたみ♪ from Moony*Moony
小粋空間様で 3カラムテンプレートをお借りした時に サイドメニューの折りたたみス... [続きを読む]

Tracked on February 17, 2005 10:23 PM

サイドバーの折り畳み化 from ismist.net
 どうしてもエントリーを読みやすくする為に、2コラムにする方法はないかと考えた結... [続きを読む]

Tracked on February 18, 2005 5:50 PM

サイドメニュー折りたたみ from SHO's**My...Day...**
今日はお休み♪ 小粋空間さんのサイドメニュー折りたたみにチャレンジするぞぉ〓〓〓... [続きを読む]

Tracked on February 19, 2005 9:05 AM

サイドメニューの折りたたみ from FFF HP
小粋空間さんのサイドメニュー折りたたみスクリプト(cookie等改善版)を使って... [続きを読む]

Tracked on February 26, 2005 6:58 PM

カスタマイズメモ: サイドメニュー折りたたみ from 無線LANテック
小粋空間yujiroさん作のサイドメニュー折りたたみスクリプトを組み込みました。 参考記事 サイドメニュー折りたたみスクリプト(cookie等改善版) 今日は雪... [続きを読む]

Tracked on February 26, 2005 8:59 PM

サイドメニューを隠すスクリプト from Ui-ed
サイドメニューを隠すスクリプトを、またまたまた、小粋空間さんからいただいてきまし... [続きを読む]

Tracked on February 27, 2005 10:24 PM

サイドバー折りたたみ from ぷりりんのお気楽Blog
最近ブログをいじって遊んでおります。 今回はブログのサイドバー折り畳みに挑戦しました。 小粋空間様の配布しているスクリプトを使わせて頂きました。 有難うござい... [続きを読む]

Tracked on March 11, 2005 12:07 AM

サイドメニューを折りたためるようにしました。 from くまダーツ( ̄(エ) ̄)v(仮)
久しぶりに、BLOGの設定を色々と変更してみました。 このBLOGに引っ越してからは、小粋空間さんのテンプレートを使用しています。3段カラムのテンプレートは、色... [続きを読む]

Tracked on March 13, 2005 12:12 AM

サイドメニューを折りたたみ! from Spicy-Chips
ちまちまカスタマイズ? 今回も全面的に小粋空間さんにお世話様です! ↓でサイドバ... [続きを読む]

Tracked on March 17, 2005 4:16 PM

折りたたみマークのCSS from noelkit.com
折りたたみメニューのマークにスタイルを! [続きを読む]

Tracked on March 20, 2005 3:38 PM

伸びたり縮んだり☆ from langsam
 だいぶ分量が増えてきたので、小粋空間さんのこちらのスクリプトを参考にして、サイ... [続きを読む]

Tracked on March 20, 2005 4:01 PM

サイドメニューの折りたたみ from あやの雑記
サイドバーがどんどん長くなってきたので、折りたたみ式にしました。 使わせていただ... [続きを読む]

Tracked on March 21, 2005 2:17 AM

サイドメニューの折りたたみ from スヌーピーキャンディー
参考エントリーありがとうございました。 サイドメニュー折りたたみスクリプト(co... [続きを読む]

Tracked on March 23, 2005 6:28 PM

サイドメニュー from M's Blog
忘れないように覚書! 下記のリンクをクリックするとスクリプトのページへジャンプ... [続きを読む]

Tracked on March 27, 2005 11:38 PM

サイドバーの折りたたみ from dreaming purple blog
今回ブログを再設定するにあたり、HINAGATAさんの3カラムテンプレートを使い... [続きを読む]

Tracked on April 2, 2005 10:30 PM

サイトまるまるMT化メモ 3.カテゴリーリストのカスタマイズ from KillerPierce
トップページで「サイトマップ」となっているのがカテゴリーリスト。こちらも小粋空間... [続きを読む]

Tracked on April 9, 2005 9:29 PM

サイドメニュー折りたたみ from Toxic
テンプレートもあんまり気に入ってないんだけど、その前にだらだら長いカテ一覧をどう... [続きを読む]

Tracked on April 11, 2005 2:30 PM

ブログ弄り from Shout!!
たいしたブログネタもないんで、ブログ弄り。 テンプレは、小粋空間様のを使わせても... [続きを読む]

Tracked on April 22, 2005 12:00 AM

なんかいろいろまわったなぁ from おたんこなす 打倒!!ジオン軍 Σ( ̄□ ̄;)
ページ作成途中に情報収集で回った場所。 いろんなところを回って、いろんことを吸収... [続きを読む]

Tracked on May 2, 2005 5:25 PM

http://akichauu.blog3.fc2.com/blog-entry-151.html from [AI] AKI部屋・日記&小説・漫画・映画の感想
チマチマとブログデザインを変更。「default」のテンプレートを元に作ってみました。サイドバーの折りたたみは、「小粋空間」さんのスクリプトをお借りしました。テ... [続きを読む]

Tracked on May 3, 2005 11:03 AM

http://bless.babyblue.jp/wp/?p=130 from Taste of Wind
... [続きを読む]

Tracked on June 5, 2005 10:52 PM

参考CGI/カスタマイズサイトなど from MetLog
以下のサイトを参考に、あるいは利用させていただきました。 MTカスタマイズ 小粋... [続きを読む]

Tracked on June 23, 2005 10:19 AM

やっとひと息。 from DOLCE VITA?甘い生活?
再びこんばんは。凛子です(*^^*)何しろ仕事の合間に二日続けてあちこち弄っていたので、こんな時間になってやっとひと息吐けました夜には禁物のモカがいい香りです(... [続きを読む]

Tracked on July 3, 2005 11:01 PM

参考CGI/カスタマイズサイトなど from MetLog
このブログ作成にあたり、以下のサイトを参考に、あるいは利用させていただきました。... [続きを読む]

Tracked on July 4, 2005 8:21 PM

リニューアルしてみる・2。 from しょころぐ
今回も本家発注品です。 分家のリニュもやっと終わったので、Blogもちょこっと。 [続きを読む]

Tracked on July 12, 2005 1:09 AM

サイドメニュー折りたたみ from 7-oceans
ブログに記事を書き続けていくとアーカイブは、 縦に長くなっていきます。そこで長くなったサイドメニューに開閉ボタンをつけて簡易表示させるスクリプトを紹介します。 ... [続きを読む]

Tracked on August 11, 2005 10:23 AM

サイドメニュー折りたたみ from cache*cache
にチャレンジしてみました。 テンプレートをお借りしている小粋空間サマのサイドメニ... [続きを読む]

Tracked on September 15, 2005 12:00 AM

サイドバーの折りたたみ from 風まかせDiary
ブログに慣れてる人は、いいかと思うが、慣れてない人が見に来ると、サイドバーがごち... [続きを読む]

Tracked on November 29, 2005 10:23 AM

サイドメニューの折りたたみ。 from せつないなら、空をごらん*annex*
... [続きを読む]

Tracked on September 1, 2006 12:03 AM

weblogカスタマイズ2・小粋空間さんより from おかち日和
SereneBachでウェブログを新しく作るにあたり、たくさんの技をお借りしました。 [続きを読む]

Tracked on January 17, 2007 7:30 PM

サイドメニューの折りたたみの設定 from yozoの気が向いたと記2.0
 いつの間にか、ここのブログもサイドバーに色々設置していて、全部を見るためには大きくスクロールしなきゃいけなくなっていました。そこで、この記事のカスタマイ... [続きを読む]

Tracked on January 19, 2007 6:05 PM

サイドバーの折りたたみ from のんびり前進じたばた生活
私のブログは2カラムですので、どうしてもサイドが長くなってしまいます。(^^;; そこでいろいろ悩んだのですが、サイドバーの折りたたみを導入することにし... [続きを読む]

Tracked on March 14, 2007 4:52 PM

日記デザイン修正 from Hinemosu
小粋空間: サイドメニュー折りたたみスクリプト(cookie等改善版) 小粋空間からスクリプトを頂いて、サイドバーを折りたためる... [続きを読む]

Tracked on August 31, 2007 11:13 AM

JavaScriptで折りたたみ可能なメニュー from webook
 小粋空間さんで紹介されているメニュー折りたたみ方法です。menufolder.jsをダウンロードして各自のサーバーにアップしてください。menufold... [続きを読む]

Tracked on January 5, 2008 11:27 PM

サイドメニュー折りたたみ&ツリー化 from SWEET WATER
先日ちらっと触れましたが、やっと2つのスクリプトが共存できるようになりましたヽ(´ー`)ノ このカスタマイズに切っては切れないスクリプトを提供してくださっ... [続きを読む]

Tracked on January 8, 2011 1:32 PM
コメント

大幅見直しお疲れ様です。暇なときに入れ替えさせていただきますです。^^

[1] Posted by Border. : December 6, 2004 2:27 AM

お疲れさまですー。
今日お休みなので、いまからさっそくやりますわー(汗。

(折りたたみは、お休みの日じゃないと出来ないのよー(涙。)

[2] Posted by みよたん : December 6, 2004 3:51 AM

で・・・・できましたぁ。
ちゃんと状態保持ができてます。ヽ(^◇^*)/ ワーイ

[3] Posted by さえら : December 6, 2004 9:31 AM

私も、早速・・・。
なんとも、簡単にできました。

毎度毎度、ありがとうございます!!

[4] Posted by ミッチ : December 6, 2004 10:28 AM

必要にして最小限の変更で済むあたり、さすがです。早速使わせていただきました。
ありがとうございます。

[5] Posted by 198 : December 6, 2004 10:35 AM

先日来何度もお邪魔しています。m(__)m
折りたたみは出来るようになったのに、
状態保持が出来なくて・・・・。
何度やり直しても旨くいかず諦めかけていました。
今朝またお邪魔したら・・・、新しく書き直されたんですね。
ありがとうございます。
今まで旨くいかなかったのがウソみたいに出来てしまいました。(^^ゞ
嬉しくてつい書き込んでしまいました。^^;

あ、私はShift_JIS指定してますので、
「jsファイルを文字コード変更で再保存」に頭をひねりました。(笑)

[6] Posted by 木綿 : December 6, 2004 12:07 PM

こんにちは。
いつも大変な作業 お疲れ様です。
早々に入替えさせて頂きました。成功♪
ありがとうございます。

[7] Posted by miaow : December 6, 2004 5:06 PM

>我楽さん
こんばんはー。
はい、お暇な時にご利用ください。
そういえばこのカスタマイズも我楽さんから頂いたのが最初でしたね…(しみじみ)。

>みよたんさん
こんばんはー。
早速のご利用ありがとうございます。
とりあえず順調に動作しているようで良かったです。
が、menufolder.jsは差し替えが必要かもしれません…(涙)

>さえらさん
こんばんはー。
状態保持、おめでとうございます。
さえらさんの一言がなければcookieの方式改善は多分なかったかと(笑)。

>ミッチさん
こんばんはー。
ご利用ありがとうございます。
うまくできてよかったです。
はい、できるだけこれまでのカスタマイズを崩さないようにしました(たまたまという噂も(笑))

>198さん
こんばんはー。
早速のご利用ありがとうございます。
折りたたみスクリプトはこれで完成形?(前にも言った記憶が…)

>木綿さん
こんばんはー。
ご利用ありがとうございます。
これまでのものよりは幾分簡単に設定できるようになったと思います。
うまくできてよかったです。
文字コードはUTF-8のままでも可能かも知れませんが…ちょっと自信がないもので。

>miaowさん
こんばんはー。
こちらもご利用ありがとうございます。
お気遣いくださりどうもありがとうございます。
今回の改善スクリプトはちょっと時間かかりました。
うまく動作できているようで良かったです。

[8] Posted by yujiro : December 7, 2004 1:48 AM

はじめまして。
折りたたみスクリプト使わせていただきまして、サイトがすごくスッキリして使いやすくなりました。
カンドーです。
こんなすごいの作るのって大変だったでしょうねぇ。
ほとにお疲れ様でした。

[9] Posted by chaos : December 7, 2004 1:56 AM

相変わらずヘタレな私は、上手く行かず、スクリプトをメインテンプレートに
貼り付けちゃいました^^;

動いているから、良いですよね?(笑)

[10] Posted by 真希 : December 7, 2004 12:13 PM

yujiroさん、こんばんは!
いつもお世話になっております。

昨日から、こちらの折りたたみスプリクトと月送りカレンダー状態保持の記事を参照させてもらってカスタマイズしました。

当初、ページの下に「実行しましたがページでエラーが発生しました」というエラーメッセージが出てしまいとても悩みましたが、何とか解決しました。
(原因究明にあちこち触りましたが、基本的なミスでした)

このたびも、いろいろありがとうございました!
カレンダーも月送り&状態保持できましたし、
サイドバー折りたたみもちゃんと機能しています。
嬉しいです( ^∇^)

今後とも宜しくお願いいたします。

[11] Posted by ポムポム : December 7, 2004 7:17 PM

>chaosさん
はじめまして。
ご利用ありがとうございます!
まぁ折りたたみ自体の部分は他の方のスクリプトを拝借したものですので…。
労いのお言葉、ありがとうございます!

>真希さん
こんばんはー。
ご利用ありがとうございます。
はい、直接貼り付けでも全然問題ありません。
が、何がダメだったんでしょうか…。

>ポムポムさん
こんばんはー。
ご利用ありがとうございます。
記事にご苦労の跡が…大変お疲れ様でした!!
パスを変更した件はご迷惑をおかけ致しました。
以前の記事では説明が考慮不足でしたたので変更したのですが、災いしてしまいましたね。
すいません…m(__)m

でもこういう履歴が他の方が同じカスタマイズされる時にきっと役にたつと思います。
こちらこそ今後ともよろしくお願い致します!

[12] Posted by yujiro : December 8, 2004 1:43 AM

こんにちは♪mayutan改めmayumiと申します
いつもお世話になっています

 スクリプト使わせていただきました
menufolder.jsをUPする場所を間違えていたようで つまづきましたが 
なんとか出来ました(*^-^)

ブログの移転やらで ご迷惑おかけしてますが
これからも よろしくお願いします♪

[13] Posted by mayumi : December 8, 2004 10:15 AM

>mayumiさん
こんばんはー。
早速のご利用ありがとうございます!
また新サイトでもテンプレートご利用くださりありがとうございました。
それでは引き続きどうぞよろしくお願い致します。

[14] Posted by yujiro : December 8, 2004 11:16 PM

ずっと旧バージョンを使ってましたが
時の流れを感じて、JS版?にしてみました
案外スムーズに変更出来ましたです

小粋な3カラムユーザーとして
細く長くがんばっております・・

[15] Posted by Deepsnow : December 8, 2004 11:32 PM

>Deepsnowさん
こんばんはー。
ご利用ありがとうございます。
スムーズに設置できてホッとしております。

こうやって長くテンプレートを使って頂け、感謝しております。
こちらこそ今後とも引き続きよろしくお願い致します!

[16] Posted by yujiro : December 9, 2004 12:01 AM

はじめましてです。
おかげさまで、折り畳みメニューを嬉しさのあまり意味もなくクリックして楽しんでいます(笑)。感謝。
コメントまで頂いて、ブログビギナーとしては感謝感激です。Macでもなんの問題もなく表示・機能している方のいらっしゃるようで、も?ちょっと無知な私なりに調べてみます。会社のMacは未だにOS9.1なんかで使っているせいでしょうかね?(笑)。

[17] Posted by toycozy : December 9, 2004 12:41 AM

>toycozyさん
はじめまして。
記事参照くださりありがとうございます。
折りたたみは機能的にも優れていますが操作するだけで楽しいですよね。
Mac+IEはコメントさせて頂いた通りなんとも…というところです。すいません。

[18] Posted by yujiro : December 10, 2004 12:25 AM

yujiro様

先日はコメントいただき有り難うございました。

Mac&IEの件、同僚に相談してみたところ、jsファイルの一部にMacIE用の記述を追記してあげることで、対応出来ました。詳細はエントリーしておきましたので、時間のあるときにでも御覧いただければ幸いです。

ユーザーの設定環境によっても違うと思いますので、MacIE対策としての暫定改変版として御了承いただければと思います。

MacのIEって、ちょっと問題アリ・・・なんですね。検索していくなかで、結構出くわしました(笑)。

[19] Posted by toycozy : December 10, 2004 8:43 PM

>toycozyさん
こんばんはー。
貴重な情報ありがとうございます!
別途この対処を盛り込んでMac用のスクリプトとして有難く使わせていただきたいと思います。
どうもありがとうございました!

[20] Posted by yujiro : December 11, 2004 1:05 AM

>ローカル・サイト・パスに配置

上記の意味だとFTP転送じゃなくて、編集項目の「ファイルのアップロード」を使うって事ですか?

URL/cgi/mtの中じゃないのは分るんですが・・・。
すいませんが、このあたりの説明だけもう少しお教え願いませんでしょうか?m(_ _)m

[21] Posted by @oyume : December 12, 2004 4:18 PM

>@aoyumeさん
こんにちは。
説明不足ですいません…。
FTP転送でOKですよ。
くだんの記述は修正しておきました。

ファイル操作については、私の環境が自宅サーバで(コピーするだけで配置できるので)、レンタルサーバユーザさんの作業がよく理解できていないというのがそもそもの原因です。
他にも分かりにくい部分がございましたらご指摘ください。

[22] Posted by yujiro : December 13, 2004 9:54 AM

yujiro様

コメントアリガトです。MacIE対策版jsファイルのデータ設定の件ですが、私がお答えするにはちと怪しいので(笑)、mellout氏に確認中でございます。しばしお待ちを・・・。

[23] Posted by toycozy : December 14, 2004 12:29 AM

yujiro様

メニューの開閉マークを変えてみようと思い、最初の記述部のところを変えてみたのですが反映されなかったので、再記述部のトコロを変えたらきちんと反映されました。・・・・で、ひょっとしたらと思い、最初の方をごっそり削除して確認してみたら、Win、Macともにサイドメニューの開閉は機能しました。

途中の"void"の記述と、その後の変数定義という順番を間違えてなければ、両OSともにOKっぽいですね。

・・・とはいうものの、こんな素人の結果オーライ的結論でいいものかどうか・・・。賢人の意見を聞くまではなんとも・・・(笑)。

[24] Posted by toycozy : December 14, 2004 1:21 AM

>toycozyさん
こんばんはー。
こちらへのコメントありがとうございました。
では冒頭の設定は中間部に移動した形で公開する方向でいきたいと思います(お時間少々ください)。

まぁ結果オーライの世界ですから(笑)。
もし新たな情報ございましたらお待ち申し上げます。
どうもありがとうございました。

[25] Posted by yujiro : December 14, 2004 1:36 AM

こんにちわ^^
できました?。ありがとうございます♪
(ついでにちょこっと色替え)

[26] Posted by moo : December 19, 2004 12:13 PM

>mooさん
こんばんはー。
記事参照ありがとうございます。

うまくできましたね!
色合いもいいですね!

[27] Posted by yujiro : December 19, 2004 11:46 PM

大変申し訳ありません、自分のブログの過去記事を直していたら、前に送ったトラックバックのキャッシュが残っていたみたいで3回もダブって送ってしまいました。
お手数ですが削除しておいてください。
以後気をつけます。m(。_。)m ペコッ

[28] Posted by KM : December 26, 2004 3:15 PM

>KMさん
こんばんはー。
遅くなってすいません!

ということで削除しておきました。
どうぞお気遣いなく。

[29] Posted by yujiro : December 27, 2004 12:39 AM

こんばんわ、はじめまして。
テンプレートや、こちらのサイドバー折りたたみなどを設置させていただきました。
こちらのエントリーにトラックバックのエラーがでたのですが、再構築したとき、再送信されて、2重トラックバックしてしまいました^^;
大変失礼しました。お手数ですが邪魔でしたら削除してください。

小粋空間さんのテンプレートはすっきりしていてとても使いやすいし、こちらのスクリプトも設置が簡単で感動しました。
また勉強しにきます^^
そして何気に駄洒落もたのしみだったりしてます。

[30] Posted by 蓮華 : December 29, 2004 7:59 PM

>蓮華さん
はじめまして。
テンプレートご利用くださり、ありがとうございます!(パッと見は全然気がつきませんでした)
素敵なイラスト満載で驚きです!

トラックバックは先程削除しておきました。
どうぞお気遣いなく。
また色々お褒めくださりありがとうございます。光栄です。
ダジャレもお楽しみいただいているようで(笑)。

あと勝手ながらBlogPeople登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します!

[31] Posted by yujiro : December 30, 2004 12:07 PM

はじめまして。
テンプレートとサイドバーの折りたたみを設置させていただきました。
このお正月からブログをはじめたばかりですがそんな私にも設置できたので感激です。
ありがとうございました。

[32] Posted by munemo : January 6, 2005 9:58 PM

>munemoさん
はじめまして。
テンプレートご利用&ご連絡ありがとうございました!
また折りたたみもありがとうございます。

ご不明な点がございましたらお気軽にご連絡ください。
それでは今後ともどうぞよろしくお願い致します。

[33] Posted by yujiro : January 8, 2005 12:06 AM

こんにちわ、私もサイドメニュー導入に踏切りましたがエラーが出ます、で、ちと質問させてください。とりあえずテストということで私のページのMy Petのみ折りたたみを導入してみました。
? 3項のmenufolder.jsの配置場所はmt.cfgと同じ場所で良いですか?自分はURL/cgi/mtに配置しています。

? 6項のmenufolder.js実行スクリプトの追加位置を具体的に教えてください。
div class="side" id="My Petlistの真下で良いでしょうか?

なにぶん知識が無く、手探り状態なもので、お手数かけますが良かったらソース見てみてください。

[34] Posted by dontkoi : January 16, 2005 2:33 PM

とりあえず折りたたみは出来るようになりましたぁ、しかし数が反映されません、もう少しがんばってみます。取り急ぎ報告まで

[35] Posted by dontkoi : January 17, 2005 2:36 PM

お騒がせしましたが無事解決、完成しましたー。

[36] Posted by dontkoi : January 18, 2005 2:08 PM

>dontkoiさん
こんにちは。
ご返事遅くなって申し訳ありません。

記事参照ありがとうございました。
無事に折りたためたようですね。おめでとうございます!

[37] Posted by yujiro : January 25, 2005 12:51 PM

はじめまして
事後報告になりますがFC2blogでyujiroさんのこの折り畳みスプリクトを利用させてもらいテンプレートを作成&配布させていただいています。
なにか不都合などありますでしょうか?
今後とも利用させていただきたいと思っていますのでよろしくお願いします。

[38] Posted by はっぴ? : March 10, 2005 3:54 AM

>はっぴ?さん
はじめまして。
パッケージライセンスについての規定をまだ行ってないのですが、一応 Artistic License に基づくつもりでいます。

改変されないでお使いになる場合は著作権表示がそのまま含まれていればOKです(といってもソースの主要部分は別の方のものなのですが)。

加えてクレジット表示、ありがとうございます。
それでは今後ともどうぞよろしくお願い致します。

[39] Posted by yujiro : March 10, 2005 8:15 PM

いつも質問ばかりですみません。
どうしても▽が右端にきません。

// 左端または右端に折りたたみマークを配置(スタイルシートの設定が必要です):true
var preMarkForSideBarMenu = true;

trueになっていて、スタイルシートも
足しました。
(右端にマークを表示を足しました)
また、なんかおかしなことしてますでしょうか?

[40] Posted by misato : March 22, 2005 2:35 AM

>misatoさん
こんばんは。
遅くなってすいません。
こちらの説明不足も含めて下記の2ヵ所を修正ください。

まず前回と同様、styles-site.css に設定された

.sidetitle a.foldmark {     :   (中略)     : }

の間にある半角空白部分に「・」が設定されていますので除去してやってください。

もうひとつは、その設定のすぐ上の

右端にマークを表示

という文言を削除してください。これにつきましては説明不足でしたので本文を修正させて頂きました。すいません。
これで正常に動作すると思います。

以上です。
それではよろしくお願い致します。

[41] Posted by yujiro : March 23, 2005 1:41 AM

こんばんは。
また点々がはいっていましたか。
macでやっるといまいちだめですね。
ご指示道理で、右端に移動することができました。
ありがとうございました。

[42] Posted by misato : March 23, 2005 3:00 AM

>misatoさん
こんばんは。
ご連絡ありがとうございました。
無事にできたようでなによりです。
ではでは!

[43] Posted by yujiro : March 24, 2005 1:36 AM

はじめまして。テンプレートを使わせていただきました。
テストを兼ねてCategoriesだけ折りたたみに挑戦しているのですが、何度やってもマークが表示されません。
menufolder.jsをURL/blogとURL/cgi/mtの両方に置いてるのですが、それがいけないのでしょうか?
スタイルシートの記述も.sidetitleの下ということでこのように入れたのですが・・・。

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等 */
.side {
.sidetitle a.foldmark {
font-size:9px; /* マークのフォントサイズ */
padding-left:3px; /* タイトルとマーク間のパディング */
text-decoration: none; /* マークの文字装飾(何も表示しない) */
}

font-family: Verdana, Arial, sans-serif;
color:#666666;
background: none;
font-size:9px;
font-weight:normal;
line-height:150%;
padding:2px;
margin-bottom:25px;
/* word-break: break-all; *//* 半角文字折り返し対処 2004.10.14追加 */
}

半分挫折しかかっています。
どなたか良いアドバイスをお願いします。

[44] Posted by redicuit : April 2, 2005 9:40 AM

その後帰宅してからもう一度やり直してみました。
実はやり方をプリントアウトしていたのでもう一度じっくり読み直してみたらようやく表示されました!
スタイルシートの記述場所とmenufolder.js実行スクリプトの追加する位置が間違っていました。
お騒がせしましたm(__)m
他のところも追加してみようと思います。

[45] Posted by redicuit : April 2, 2005 10:05 PM

>redicuitさん
はじめまして。
ご利用ありがとうございます。

不具合の件、ご連絡ありがとうございました。
なにはともあれうまくできて良かったです。
こちらでも原因は判明しておりましたが、所用のためご返事遅れてしまいました。すいません。

それからテンプレートは3カラムから2カラムへの変更も可能ですので、別途エントリーしたいと思います。

あとBlogPeople登録、併せてありがとうございました。こちらからも先ほど登録させていただきました。
それでは今後ともどうぞよろしくお願い致します。

[46] Posted by yujiro : April 3, 2005 1:50 AM

おはようございます。
Blogのコメント、ありがとうございました。
昨日のサイドバー折りたたみで
こちらのエントリーも併せて参考にさせて頂いておりました(^^;
いつもありがとうございます。

[47] Posted by ねーさん : May 11, 2005 6:10 AM

>ねーさん
こんにちはー。
こちらもご利用&ご連絡ありがとうございました。
次回のバージョンアップ?をお楽しみに。

[48] Posted by yujiro : May 11, 2005 1:05 PM

いつもお世話になっております。
此の度、小粋空間さんの折りたたみめにゅーの設置を試みていますが、僕の能力のなさ故に、どうしても設置できません。
6月7日のhttp://j-mag.net/x/に細かく作業内容を記しましたが、おかしな点がありましたらお教えいただければさいわいです。
どうかよろしくお願いいたします。mag

[49] Posted by mag : June 7, 2005 2:18 PM

>magさん
こんばんは。
ご利用ありがとうございます。
記事へのご指摘ありがとうございます。内容は修正しておきました。

ご質問の件ですが、ページ右上の Categories のリストを折りたたみにする例で回答させて頂きます。

まずmagさんが記事に書かれている位置に

<script type="text/javascript"> <!-- FoldNavigation('category','on',true); //--> </script>

を追加してください。次に、これも記事に書かれてますように sidetitle を sidetitle2 に変更してください。

ここまでの状態ではおっしゃるようにメニュータイトル「category」が見えなくなりますので、menufolder.js の248行目を赤字のように

// リンク方式 // 折りたたみマークにリンク付与:'unblock' // メニュータイトル枠全体にリンク付与 'block' var linkType = 'block';

に変更してください。これで正常に表示されると思います。

以上です。
それではどうぞよろしくお願い致します。

[50] Posted by yujiro : June 8, 2005 12:57 AM

どうもありがとうございます。
ご指導いただいた点を修正しました。
現在、見栄えはともかく正常に動いているようで、とても嬉しいのですが
カテゴリの見出しが枠で囲われているところが、なくなってしまい現在「16 Categories」となってしまいました。
これを小粋空間さんの
http://yujiro.dyndns.org/blog/koikikukan/archives/cat_64.phpの最初にある形にしたいのですが、どのようにすれば良いかお教えいただければ幸いです。
重ね重ね申し訳ありません。mag

[51] Posted by mag : June 8, 2005 8:52 AM

>magさん
こんばんは。
作業お疲れ様です。

ご質問の件ですが、枠が表示されなくなったのはスタイルシートに .sidetitle2 の指定がなくなっているためと思われます(先のコメントでは既に設定されていたので説明は省略していました)。
ということで、改めてサイドメニューの折りたたみ(v4.0)の3項の設定を行ってください。
("sidetitle" という指定をご利用になっても構いませんが、複雑になるので回答の通りに進めてください)。

また、メインページに設定されている sidetitle3?sidetitle7(sidetitle8もあればそれも含めて)

<div class="sidetitle3" …       : <div class="sidetitle7" …

は、すべて

<div class="sidetitle2" …

に修正してください。この class属性は スタイルシートの .sidetitle2 を参照します。したがって sidetitle3?sidetitle7 の指定はスタイルシートに存在しないものを参照していることになります。

以上です。
それではどうぞよろしくお願い致します。

[52] Posted by yujiro : June 8, 2005 10:25 PM

何度も、お手数をかけ申し訳けありません。
再度、見直してみたのですが直らないようです、誠に申し訳ないのですが本日付けで作業内容をもう一度、整理し書き込んでみました。
お時間がございましたら、もう一度見ていただければ幸いです。

[53] Posted by mag : June 9, 2005 1:04 AM

>magさん
こんばんは。
先ほどそちらにアップロードされている menufolder.js をダウンロードした拝見させて頂いたところ、248行目が

// リンク方式 // 折りたたみマークにリンク付与:'unblock' // メニュータイトル枠全体にリンク付与 'block' var linkType = 'unblock';

となっておりますので、

var linkType = 'block';

に修正ください。
それでも直らないようでしたら、ブラウザのキャッシュを一度クリアしてみてください。

以上です。
それではどうぞよろしくお願い致します。

[54] Posted by yujiro : June 10, 2005 1:21 AM

小粋空間さんのご指摘のとおり昨日の状況は「menufolder.js」の248行目はvar linkType = 'block';としたと書き込んだ後にblockをunblockに変更した状態を見ていただこうとしたために、メニュータイトルの全てが「▽」に表示されていました。
そこで再びunblockをblockにもどしアップロードしたところ「▽」の表示は「16 Categories」のような表示となりました。
やはり、スタイルシートに書き込んだ『折りたたみの設定」が有効になっていないようです。
どのような状態でCSSが有効にならないのかは、いまの僕にはとうてい理解の範囲を超えているのですが、見栄えはともかく現在、折りたたみスクリプトは有効に働いていますのでしばらくはこのまま頑張ってみようと思っております。
本当に、この3日間も有り難うございました。

[55] Posted by mag : June 10, 2005 4:57 AM

なぜなぜ!
どうしようもなくなったので、全カテゴリーをサブカテゴリーにでも入れ替えようと、全カテゴリーをテキストエディターにコピペして保存。
サブカテゴリーをペーストしたところ表示が一部おかしかったのでもう一度もどそうとサブカテゴリーを保存しておいた全カテゴリーに入れ替えました。
そうしたら、カテゴリーメニューだけですがなんときちんと表示されたのです。
原因は解りませんしMonthly Archivesも同じようにしてみましたが今度はだめです。
どこかで半角スペースが多かったか少なかったか、あるいはテキストエディターに保存した時の文字コードを間違えていたのか、そのあたりがくさいようです。
しばらくは、自分のでたらめさと格闘ですが、本当に今までおつきあい下さりありがとうございました。
しばらくは、自分で格闘し、原因など解りましたらご報告させていただきたいと思います。
ちなみに僕のローカルはOld-iMacでOSはSafari100使用ですので文字コードのあたりがくさいのではないかと思っております。
本当にありがとうございました。mag

[56] Posted by mag : June 10, 2005 5:24 PM

>magさん
こんばんは。
ご連絡ありがとうございました。

まずはおめでとうございます!なお当方のブラウザでは全ての折りたたみができているようです。
あと、メニューリスト数が文字化けしているようですので、リスト数非表示にされた方がいいかも知れません。

以上です。
それではよろしくお願い致します。

[57] Posted by yujiro : June 10, 2005 10:39 PM

はじめまして。
いつも楽しく拝見させていただいてます。
ところで
onFocus="this.blur()"
を導入する方法はないでしょうか?

いろいろと検証したんですがこの点がクリアーできません。
お忙しいところ、よろしくお願いします。

[58] Posted by carl : September 8, 2005 1:32 PM

>carlさん
こんばんは。
ご利用ありがとうございます。

ご質問の件ですが、menufolder.js の中にある FoldNavigationByTagName 関数の1行に青色部分

var startTag = Array('<a class="foldmark" href="#" onfocus="this.blur();" onclick="',tmpText,'" onkeypress="',tmpText,'">').join('');

を追加すればでうまくいくと思います。

なおフォーカスを外すのは、Tabキーで操作される方(障害者等)にとっては操作性を損ねるものですので、当サイトでは非推奨であることをお伝えしておきます。予めご承知おきください。

以上です。
それではどうぞよろしくお願い致します。

[59] Posted by yujiro : September 10, 2005 1:29 AM

ありがとうございました。
疑問がやっと解けました。

サイトの趣旨は理解できました。

[60] Posted by carl : September 10, 2005 5:47 AM

>carlさん
ご連絡ありがとうございます。
ではでは!

[61] Posted by yujiro : September 11, 2005 1:22 AM

はじめまして。
お知らせするかどうか悩みましたが、参考にしていただければ幸いです。
Java Scriptを組み込んだリンクにbackgroundで画像指定がなされていると
IEでマウスカーソルのwaitがちらちら出たり消えたりするようです。
これは小粋空間さんの折りたたみスクリプトに特有の問題ではなくて
すべてのJava Scriptに共通の問題のようです。

問題があったら削除してください。

[62] Posted by ぷち : September 21, 2005 4:46 AM

>ぷちさん
こんばんは。
情報ありがとうございました。
参考にさせて頂きます。
ではでは!

[63] Posted by yujiro : September 22, 2005 1:57 AM

yujiroさん、こんにちは!
いつもお世話になっております。
折りたたみスクリプトを利用させていただいています。
Firefoxではスクリプトが動いているのですが、IEで見るとスクリプトエラーが発生してしまいました。
原因がわからず途方にくれています。
もし、よろしければアドバイスをいただけないでしょうか?
よろしくお願いします。

[64] Posted by ゆい : October 14, 2005 3:51 PM

>ゆいさん
こんばんは。
ご利用ありがとうございます。

ご質問の件ですが、menufolder.js を文字コード「UTF-8」で保存し直してみてください(現在「Shift_JIS」になっているようです)。

以上です。
それではどうぞよろしくお願い致します。

[65] Posted by yujiro : October 15, 2005 12:10 AM

yujiroさん、お忙しい中ありがとうございました。
保存ミスとは気づきませんでした(滝汗)
文字コード「UTF-8」で保存し直したら、きちんと動くようになりました。
単純ミスで申し訳なかったです。
これからもよろしくお願いします(ぺこり

[66] Posted by ゆい : October 15, 2005 8:30 AM

>ゆいさん
こんばんは。
無事に直ったようでなによりです。
こちらこそ今後ともどうぞよろしくお願い致します。

[67] Posted by yujiro : October 16, 2005 12:49 AM

マタマタ影でコッソリと遣っている山の爺です。皆さんは10分とか15分で出来た所を爺は1週間掛りましたm(。≧Д≦。)m、

今はソレらしき物が何とか動いているようです。取りあえずはお礼のコメントを・・。

[68] Posted by yamanojii : April 21, 2006 8:47 PM

>yamanojiiさん
こんばんは。
作業お疲れ様でした。
無事に表示されたようでよかったです。
ではでは!

[69] Posted by yujiro : April 22, 2006 1:26 AM

yujiroさん、こんばんはー♪
yujiroさんのスクリプトとこの記事のおかげで、無事(?)サイドメニューの折りたたみを設定することができました。本当にありがとーございまっす♪ m(_ _)m
=不出来な押しかけ弟子より=

[70] Posted by yozo : January 19, 2007 6:32 PM

>yozoさん
こんばんは。
ご利用ありがとうございました。
うまく設定できたようでよかったです。
ではでは!

[71] Posted by yujiro : January 20, 2007 3:57 AM

MovableType3.2のデフォルトテンプレートで
サブカテゴリーの折りたたみ設定を利用したい場合、
上記のように設定すると▲部分は表示されるのですが、▲部分をクリックしても開いたり閉じたりしません。どのように設定すればよいでしょうか?

お忙しいところ申し訳ございませんが、
ご教授いただけると助かります。

[72] Posted by nori : January 30, 2007 11:27 AM

yujiroさん、こんにちは。
いつもお世話になっております。
サイドメニュー折り畳みスクリプトをSerene Bachで使わせていただいています。
サイトを開いた時は問題はないのですが、
サイドメニューの折り畳み部分をクリックすると、
「オブジェクトがありません」とエラー表示されます。
(折り畳みの動作については問題なく動きます)
自分でいろいろ調べてみたのですが、
アクセス解析スクリプトを外すとそのエラー表示はなくなりました。
アクセス解析スクリプトの置く場所が悪いのかと、
折り畳みスクリプトの後に置いてみたのですが、
変わらずエラー表示されてしまいました。
ちゃんと動作はされるので問題はないのですが、
左下のビックリマークのエラー表示が気になってしまうんです^^;
何か解決方法はありますでしょうか?
設置URLについてはここでは控えたいので、
問い合わせフォームからの連絡可であれば、
そちらよりご連絡させて頂きたいと思います。
よろしくお願い致します。

[73] Posted by ponko : January 31, 2008 9:42 AM

>ponkoさん
こんにちは。
ご質問の件につきまして、問い合わせからURLをご連絡ください。
それではよろしくお願い致します。

[74] Posted by yujiro logo : February 3, 2008 11:05 PM

度々お騒がせしております。

これの4.1用設定方法をリクエストしておきます。

[75] Posted by mdot : February 5, 2008 7:58 PM

>mdotさん
こんばんは。
ご要望の件ですが、「サイドメニューの折りたたみ(定義リスト編)」でいかがでしょうか。
それではよろしくお願い致します。

[76] Posted by yujiro logo : February 11, 2008 11:16 PM

毎度お世話様です。

「サイドメニューの折りたたみ(定義リスト編)」を適用する前に
準備として何が必要でしょうか。
「サイドメニュー折りたたみ」カテゴリーもエントリーが沢山あって、
どれからやって良いか混乱しています。
これこれをやった後、これをやって、しかる後に(定義リスト編)を
適用するようにと、アドバイス頂けるとありがたいのですが。

[77] Posted by mdot : February 15, 2008 5:36 PM

>mdotさん
こんばんは。
ご質問の件ですが、このエントリーを基準にすると、1項・3項・4項を行って、「サイドメニューの折りたたみ(定義リスト編)」に書かれている設定を行ってください。
これで折りたたみは利用可能になると思いますが、希望通りにならない場合は再度ご連絡ください。
なお、このエントリーはMT3の内容で書かれているので、4項の「各テンプレート」はMT4では「テンプレートモジュールのヘッダー」になります。
それではよろしくお願い致します。

[78] Posted by yujiro logo : February 17, 2008 12:30 AM

yujiroさんいつもすみません。
mdot改め眞(shin)です。

このエントリの項・3項・4項を行ってから、サイドバーのリンクリストを閉じたいので、「サイドメニューの折りたたみ(定義リスト編)」のMT4の設定例にならいsidebar.mtmlのlinks項目に変更を加えたのですが、動かないようです。

[79] Posted by 眞(shin) : February 17, 2008 9:56 AM

>眞(shin)さん
こんばんは。
ご質問の件ですが、FoldNavigation 起動部分が、その直前にある「<!--」と1行になってしまっています。JavaScript ではこのように書くと「<!--」の後ろもコメントと扱うため、動作しなくなります。
まずはサンプル通り、改行した状態で確認してみてください。
それではよろしくお願い致します。

[80] Posted by yujiro logo : February 17, 2008 8:20 PM

yujiroさん、どうもありがとうございます。
ご指摘通りでうまく動きました。

#sidebar.mtmlをサンプル通りローカルで編集し、ie7でコピペしたのですが、
#路子さんも言われている通り、改行が反映されないのが原因でした。

[81] Posted by 眞(Shin) : February 17, 2008 10:10 PM

>眞(Shin)さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!

[82] Posted by yujiro logo : February 18, 2008 2:07 AM

 こんにちは。モカです。
 いつもお世話になっています。

 サイドバー折り畳みを入れてみたのですが、どうしてもIE7だけでページを開こうとしたり、リロードをしようとすると
「インターネットサイトhttp://mocamoca.biz/blog/を開けません。
操作は中断されました。」
 というエラーが出てしまいます。[こちら

 firefox(Mac、Windows)、Opera(Windows)、Safari(Mac)では出ません。

 ウィジェットは例えば「最近のブログ記事」では下記のようにしました。
 もしなにか間違えなどありましたら教えていただければとても嬉しいです。
 よろしくお願いいたします

<dt class="sidetitle" id="recentriesname">
最近のブログ記事
</dt>

<dd class="side" id="recentrieslist">
<ul class="pageicon">
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>" title="e<$MTEntryID$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</dd>

<script type="text/javascript">
<!--
FoldNavigation('recentries','off',false);
//-->
</script>

[83] Posted by id:pagode logo : August 14, 2008 4:12 PM

>id:pagodeさん
こんにちは。
ご返事遅くなってすいません。
ご質問の件ですが、現在は折りたたみを設定されていないでしょうか。
なお、(X)HTMLマークアップ誤りが(折りたたみではなく他の部分に)含まれていないか、Another HTML-lint gateway でご確認ください。
不具合が生じている状態で再度ご連絡いただければ(そのページを別のファイル名などにして)幸いです。
それではよろしくお願い致します。

[84] Posted by yujiro logo : August 21, 2008 11:58 PM

>yujiroさま

 こんにちは。モカ(ID:pagode)です。
 ご返事まことに有り難うございます。

 >現在は折りたたみを設定されていないでしょうか

  はい、していません。(ブログが見られなくなってしまうため)

 >Another HTML-lint gateway でご確認ください

 バリデートしてみました。
 小さい文法の間違いがあったのですが、それを修正しても直りませんでした。
  ↓そこで
 私は自分のブログに

  1. prototype.js
  2. scriptaculous.js
  3. lightbox.js
  4. lightwindow.js
  5. fscB.js
  6. ajaxCalendar.js
  7. dayChecker.js

 を入れているのですが、menufolder.jsを入れた状態で一つずつJSファイルをリンクさせてみたところ、lightbox.jsをリンクした時に不具合がIEで読み取れなくなりました。
 どうやらlightbox2のJSとぶつかっているようです。

 ちなみに、ajaxCalendar.js、dayChecker.jsもlightbox2のJSとぶつかってしまいました。
 スクリプトは[こちら]にあります。

 私の推論があたっているかどうかわかりませんが、もし何かわかりましたら教えていただければ嬉しいです。

 よろしくお願いいたします

[85] Posted by モカ(pagode) : August 22, 2008 5:00 PM

>モカ(pagode)さん
こんばんは。
ご質問の件ですが、確認できました。

objBody.appendChild(Builder.node('div',{id:'overlay'}));

で正常に処理できないようです(原因は分かりません)。

したがって、ソースコードの中に書かれているコメントの(X)HTMLマークアップがページ内に書かれていれば大丈夫のようです。

<div id="overlay"></div>
<div id="lightbox">
    <div id="outerImageContainer">
        <div id="imageContainer">
            <img id="lightboxImage">
            <div style="" id="hoverNav">
                <a href="#" id="prevLink"></a>
                <a href="#" id="nextLink"></a>
            </div>
            <div id="loading">
                <a href="#" id="loadingLink">
                    <img src="http://mocamoca.biz/blog/lightbox/images/loading.gif">
                </a>
            </div>
        </div>
    </div>
    <div id="imageDataContainer">
        <div id="imageData">
            <div id="imageDetails">
                <span id="caption"></span>
                <span id="numberDisplay"></span>
            </div>
            <div id="bottomNav">
                <a href="#" id="bottomNavClose">
                    <img src="http://mocamoca.biz/blog/lightbox/images/close.gif">
                </a>
            </div>
        </div>
    </div>
</div>

類似のスクリプトが色々あると思われますので、lightbox2以外のスクリプトを試してみてはいかがでしょうか。またはlightbox2の配布元にご確認頂ければ幸いです。

あと、申し訳ありませんが、当方の環境設定の時間を省きたいので、ご質問されるときは、必ず不具合のあるページを作成してください(不具合のあるページはファイル名を変更して保存しておけば、通常の運用には差し支えないと思います)。

それではよろしくお願いいたします。

[86] Posted by yujiro logo : August 25, 2008 12:54 AM

>yujiroさま

 こんにちは。モカです。
 お忙しい中スクリプトの検証をしていただき、大変有り難うございます。
 また、不具合のあるページをお示ししなかったためにyujiroさまの大切な時間を無駄に使わせてしまい、ほんとに申し訳なく思っています。
 今後は不具合ページをちゃんをお示しするようにいたします。

 やはりJavascriptで不具合が発生していたのですね。
 アドバイスに従い、Lightbox2をやめてHighslideに変更したところ、全部うまく共存させることが出来ましたヽ(^。^)ノ
 有り難うございます。

 今後とも何とよろしくお願いいたします<(_ _*)>

[87] Posted by モカ logo : August 25, 2008 3:41 PM

>モカさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[88] Posted by yujiro logo : August 25, 2008 8:41 PM

>yujiroさま

 ご返事有り難うございます。

 ほんとにyujiroさまのご尽力には心から感謝しています。
 日本のウエブ界への貢献はものすごいと思っています。
(CSSNite LP5MT4でも講演に感激しました)
 これからも是非よろしくお願いいたします!

[89] Posted by モカ logo : August 25, 2008 11:53 PM

>モカさん
こんばんは。
コメントありがとうございました。
ウェブ界に貢献しているという意識は全くありません(笑)。

[90] Posted by yujiro logo : August 28, 2008 1:50 AM

こんにちは。
先日はありがとうございました!

こことWPサイドメニューツリー化プラグインのエントリにトラックバックしたのですが、なぜか修正した際にまた送られてしまったようです(´;ω;`)
#プラグインで最初だけ送信するようにしているはずなのですが^^;

お手数かけます・・・申し訳ありませんm(__)m

[91] Posted by WIND : January 8, 2011 1:44 PM

>WINDさん
こんばんは。
重複トラックバックは削除しておきました。
ではでは!

[92] Posted by yujiro logo : January 9, 2011 1:17 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)