注目タグ

テンプレート・プラグイン

トピック詳細

ツリー化したものを更に折りたたみする方法は?

旧フォーラムの記事です 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スタッフ

コメント一覧 14件中、11~14件表示

  • 旧フォーラムの記事です
    奏 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スタッフ

<< < 1 2