ツリー化したものを更に折りたたみする方法は?
旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=6226
奏 2005-12-15 15:52:54
件名 :ツリー化したものを更に折りたたみする方法は?
使用OS/ブラウザ:WinXP/Sleipnir,IE6
使用テンプレート名:blog_note3c
ブログURL:http://kanazakana.blog4.fc2.com/
初めて投稿します。
ワンダと巨像と土と空 カテゴリーのツリー化の手順 を参照して、カテゴリのツリー化をしました。
このツリー化したカテゴリの、カテゴリ自体ではなく…小カテゴリを折りたたむにはどうすればよいでしょうか?
現在は、ツリー化が成功し、とりあえずカテゴリ自体が折りたためている状態です。
以前のトピック 、そして 春木屋 さん のページを参照してここまでは出来たのですが、大カテゴリをスイッチにすることが出来ません。
修正途中のプレビューがこちらです。
http://kanazakana.blog4.fc2.com/?style2=blog_note3c &index
よろしくお願い致します。
2005年12月15日 15:52 by FC2スタッフ
旧フォーラムの記事です
奏 2005-12-15 17:13:09
件名 :
tree → js_close への置き換え、やってみました。
赤字が変更部分です。
プレビューで見てみた限り、何も変わりがないようにみえるのですが…これであっているのでしょうか?
/*ツリー化関連の設定*/
ul{
margin: 0px;
padding: 0px 0px 0px 16px;
list-style-type: none;
}
ul.js_close {
list-style-type: none;
margin: 0px;
padding: 3px;
}
ul.js_close li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(<a class="postlink" href="http://blog4.fc2.com/k/kanazakana/file/tree_norm al_01.gif">http://blog4.fc2.com/k/kanazakana/file/ . .. mal_01.gif</a>);
background-repeat: no-repeat;
}
ul.js_close li.end {
background-image: url(<a class="postlink" href="http://blog4.fc2.com/k/kanazakana/file/tree_end_ 01.gif">http://blog4.fc2.com/k/kanazakana/file/tree_ end_01.gif</a>);
}
それから、今気づいたのですが、カテゴリ以外の部分のツリー化したところ(この場合コメントのところなんですが)も、折りた たまれるようになってしまいました。こちらは普通に開いておきたいのですが、そういった表示も可能なんでしょうか?
2005年12月15日 17:13 by FC2スタッフ
旧フォーラムの記事です
Chako 2005-12-15 17:01:43
件名 :
スタイルシートの方での設定変更は
『tree』を『js_close』におきかえればいいということでしょうか?
2005年12月15日 17:01 by FC2スタッフ
旧フォーラムの記事です
奏 2005-12-15 16:43:43
件名 :
Chakoさん、ありがとうございます。
大カテゴリをスイッチ化することができました。
スタイルシートの方での設定変更は
『tree』を『js_close』におきかえればいいということでしょうか?
現在、何もいじっていない状態でのスタイルシートの設定部分は以下になります。
/*ツリー化関連の設定*/
ul{
margin: 0px;
padding: 0px 0px 0px 16px;
list-style-type: none;
}
ul.tree {
list-style-type: none;
margin: 0px;
padding: 3px;
}
ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(<a class="postlink" href="http://blog4.fc2.com/k/kanazakana/file/tree_norm al_01.gif">http://blog4.fc2.com/k/kanazakana/file/ . .. mal_01.gif</a>);
background-repeat: no-repeat;
}
ul.tree li.end {
background-image: url(<a class="postlink" href="http://blog4.fc2.com/k/kanazakana/file/tree_end_ 01.gif">http://blog4.fc2.com/k/kanazakana/file/tree_ end_01.gif</a>);
}
2005年12月15日 16:43 by FC2スタッフ
旧フォーラムの記事です
Chako 2005-12-15 16:20:33
件名 :
大カテゴリをスイッチにするには、その次の要素にclass="js_close" ;を指定すればいいので
ツリー化スクリプトの
gTreeOption['top'] = ''; /* ツリー本体 の最初 */
2005年12月15日 16:20 by FC2スタッフ
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー