maketree.js 1.01 リリース

maketree.js 1.01 リリース

Posted at February 13,2005 8:00 PM
Tag:[Customize, MovableType, Tree]

ツリー化スクリプトの maketree.js をマイナーバージョンアップしました。
今回の修正はツリー状のリスト(ul-li-ul-liという構造)に対する対処です。1.00ではサブカテゴリーリストにしか対応していなかったため、これを他のツリー状リストに対応させるように修正致しました。端的に申し上げますとユーザー・マニュアルメニューリストに対する対処です。
ユーザー・マニュアルを表示していない、またはツリー化表示しない場合、アップグレードの必要はありません。またアップグレードされても既存の動作には影響ありません。

アップグレードされる場合は下記のリンクでスクリプトのページへジャンプし、そこからダウンロードしてください。

download

以下、ユーザー・マニュアルで利用する場合のカスタマイズ方法を記します。

1.id 属性の変更

ユーザー・マニュアル表示用タグの id 属性(赤字部分)を、同ページの他の id 属性と重複しない任意の文字列に修正してください。ここでは hogehoge という id 属性にした例です。

<div class="sidetitle" id="manualname">
Official User's Manual
</div>
 
<div class="side" id="manuallist">
<div id="categorieshogehoge">

2.スタイルシートの追加

サブカテゴリー用のスタイル定義をコピー&ペーストして同じスタイルシートの任意の位置に追加し、id 属性(赤字部分)を1項で付与した名称に変更します。

.side #categorieshogehoge ul {
    padding-left: 15px;
    margin: 0px;
    margin-bottom: 0px;
}
 
.side #categorieshogehoge ul ul {
    margin-bottom: 0px;
}
 
.side #categorieshogehoge li {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: circle;
}

3.maketree.js起動スクリプト追加

ユーザー・マニュアル表示用タグの下に下記を追加します。

<script type="text/javascript">
<!--
generateTreeForTreeStructure('hogehoge');
//-->
</script>

以上です。

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

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


トラックバック

ユーザーマニュアルもツリー化 from やむやむ
ここ数日 スッタモンダの サイドメニューツリー化・・・ なぜか IEでだけ 最後... [続きを読む]

Tracked on February 13, 2005 10:04 PM

ブログの改造 from New York Watch
僕のホームページもメインはすっかりブログに移行し、これまでのようにデザインを変え... [続きを読む]

Tracked on April 9, 2005 4:41 AM

最新コメントをツリー化 from 気まぐれアメリカ日記
最新のコメントをサイドバーにツリー化表示させることにしました。 既にツリー化スク... [続きを読む]

Tracked on June 12, 2006 8:53 AM
コメント

( `  ▽  ´ )/ ヤッター ありがとうございますぅ。早速やってみますね。
でも不思議ですねぇ、FirefoxやNetscapeでは 1.00でもちゃんとユーザーマニュアルもツリーになってるんですから。

[1] Posted by さえら : February 13, 2005 8:57 PM

w(゜o゜)w オーッ できましたぁ。ツリーになってますぅ。
( `  ▽  ´ )/ ヤッター

[2] Posted by さえら : February 13, 2005 9:08 PM

そういえばユーザー・マニュアルツリー化忘れてた。
不具合あった事も全然(汗。

最新版ダウンロードしてやってみますね。

[3] Posted by みよたん : February 13, 2005 10:43 PM

>さえらさん
こんばんは。
トラックバックありがとうございます。
id属性名、私の失敗でした。すいません。
完成、おめでとうございます!

>みよたんさん
早速のアップグレードありがとうございます。
うまくできましたね。

[4] Posted by yujiro : February 15, 2005 1:38 AM

カスタマイズではいつも参考にさせていただいています。
ところでトラックバックをお送りしたところタイムアウトで更新処理が終わってしまいました。三度も送る予定は無かったのですが、ブラウザの戻るボタンを使って行き来しているときに謝って更新をかけてしまいました。恐れ入りますが不要な分は削除していただけますでしょうか。

今後とも更新楽しみにしています。

[5] Posted by ひ@NY : April 9, 2005 4:49 AM

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

ご連絡遅くなりましたがトラックバック重複削除しておきました。
どうぞお気遣いなく。

こちらこそ今後ともよろしくお願い致します。

[6] Posted by yujiro : April 10, 2005 1:22 AM
コメントする
greeting

*必須

*必須(非表示)


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

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

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

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