注目タグ

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

トピック詳細

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

旧フォーラムの記事です 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件中、1~10件表示

  • 旧フォーラムの記事です
    奏 2005-12-16 07:11:18
    件名 :

    試してみました。無事最近のコメントのところもツリー展開後リンク、の形に変えることができました。

    Chakoさん、ひろえさん、ありがとうございました!

    2005年12月16日 07:11 by FC2スタッフ

  • 旧フォーラムの記事です
    Chako 2005-12-16 01:05:59
    件名 :

    ワタシも色々試してみたのですが...

    スクリプトを以下のようにしてみたら、できました。

    <script type="text/javascript">
    -1 || idName.indexOf('tb') > -1) {
    var tmpText = objList.innerHTML.split("⇒");
    tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/< BR/i));
    [色:FF0000] this.base = Array('<strong>', tmpText[0],'</strong>').join('');[ /色]
    this.elem = objLink.innerHTML.link(linkUrl);
    ・・・以下略・・・


    http://beigefeelings.blog26.fc2.com/?style2=x mas-snow-tree&index

    これが本当に正解かどうか、スクリプトは詳しくないのでわかりませんが
    一度お試し下さいませ。

    追加:
    ちなみに、プラグインの中身は
    <div id="commentlist">{recent_comment_l ist}</div>

    このままで大丈夫みたいです。

    2005年12月16日 01:05 by FC2スタッフ

  • 旧フォーラムの記事です
    奏 2005-12-15 23:24:20
    件名 :

    ひろえさん、ありがとうございます。

    ご指摘の通りにプラグインのhtmlを書き直しました。
    今は以下の通りになっています。

    <div id="commentlist">


    <%rcomment_etitle><br />
    <a href="<%rcomment_link>#comment<%rcomme nt_no>" title="<%rcomment_body>"> <%rcomment_name></a>


    </div>


    上手く行ったかと思ったんですが、今度は最近のコメントの部分だけ、ツリーが閉じっぱなしになってしまいました…。
    スクリプトをどこか直さなければだめなんでしょうか?

    2005年12月15日 23:24 by FC2スタッフ

  • 旧フォーラムの記事です
    ひろえ 2005-12-15 22:49:48
    件名 :

    <%rcomment_etitle><br />
    ではないかと思うのですが。

    参照先:http://blog2.fc2.com/hiyokokun/blog-entry-106.html

    2005年12月15日 22:49 by FC2スタッフ

  • 旧フォーラムの記事です
    奏 2005-12-15 22:14:42
    件名 :

    プラグインのhtml、赤字を青字へと書き直してみました。
    が、上手く表示されません…。

    http://kanazakana.blog4.fc2.com/?style2=blog_note3c &index
    ↑ 上手くいっていないままのプレビューです。

    タイトルと名前だけが表示されてる?(タイトルのないコメントが空白と名前の表示?)のと、ツリー化ができていない…ってこ となんでしょうか(--;)

    2005年12月15日 22:14 by FC2スタッフ

  • 旧フォーラムの記事です
    Chako 2005-12-15 21:58:56
    件名 :

    <div id="commentlist">

     →
    <%rcomment_title><br />
    <a href="<%rcomment_link>#comment<%rcommen t_no>" title="<%rcomment_body>">& lt;%rcomment_name></a>
     →

    </div>

    ここが違ってましたね。


    過去ログの方は大丈夫だったのかしら?

    2005年12月15日 21:58 by FC2スタッフ

  • 旧フォーラムの記事です
    奏 2005-12-15 21:12:59
    件名 :

    教えていただいたトピックから、スクリプトを修正してみました。

    変更した箇所は、HTMLのほうは下記赤字部分です。

    function makeTreeElements (idName,objList) {
    if (!objList.innerHTML) return;
    var objLink = objList.getElementsByTagName(' ;a')[0];
    var linkUrl =objLink.getAttribute('href');
    if (idName.indexOf('comment') > -1 || idName.inde xOf('tb') > -1) {
    var tmpText = objList.innerHTML.split("⇒");
    tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/ i));
    this.base = tmpText[0];
    this.elem = objLink.innerHTML.link(linkUrl);

    } else if (idName.indexOf('entry') > -1) {
    var tmpText = objList.innerHTML;
    tmpText.match(/\((\d\d\/\d\d)\)/);
    this.base = Array('<strong>[',RegExp.$1,&# 039;]</strong>').join('');
    this.elem = Array('<a href="',linkUrl,&# 039;">',objLink.innerHTML,'</a>' ;).join('');
    } else if (idName.indexOf('link') > -1) {
    var tmpText = objList.innerHTML;
    if ( tmpText.match(/\[(.+)\](.+)/) ) {
    this.base = Array('<strong>[',RegExp.$1,&# 039;]</strong>').join('');
    this.elem = Array('<a href="',linkUrl,&# 039;" target="_blank">',RegExp.$2,� 39;</a>').join('');
    }
    }
    return this;
    }


    また、プラグインの設定のところには以下を記述しました。

    <div id="commentlist">


    <%rcomment_title><br />
    <a href="<%rcomment_link>#comment<%rcomme nt_no>" title="<%rcomment_body>"> <%rcomment_name></a>


    </div>


    で、現状はというと…最近のコメント部分が何も表示されなくなってしまいました。

    …どこがおかしいんでしょう…?(^^;;

    2005年12月15日 21:12 by FC2スタッフ

  • 旧フォーラムの記事です
    Chako 2005-12-15 20:49:56
    件名 :

    過去ログに、こういうのがありましたが、参考になりますでしょうか?
    ツリー表示後 のカスタマイズに付いて

    プラグインのHTMLも書き換える必要がありそうですね。

    2005年12月15日 20:49 by FC2スタッフ

  • 旧フォーラムの記事です
    奏 2005-12-15 19:23:27
    件名 :

    なるほど、openとcloseの違いだったんですね。言われてみれば納得です。無事ツリー化ができました。ありがとうござ います。

    あとは「最近のコメント」部分の折りたたみされてしまう状態だけなんですが…、これは折りたたまれてしまうのはしょうがない ものとしてこのままにしようと思います。

    ただ、問題が一点あります。
    カテゴリ部分では大カテゴリにリンクがあるわけではなかったので、普通にツリーが展開できるんですが、コメントのところは大 カテゴリに当たる部分であるエントリー名がそのエントリーへのリンクになっているんです。なので、ツリーを展開しようとすると、 展開すると同時にその記事が表示される…ということになってしまっていることです。

    現在はコメント部分のツリー化をするために、プラグインのHTMLが

    <div id="commentlist">{recent_comment_list }</div>

    となっています。

    ひょっとしてこの部分を変更すれば、エントリー名でのリンクをはずせるのか?とも思っているのですが、どう直せばいいのか… (--;;

    どんな方法があるか、教えていただけたら嬉しいです。

    2005年12月15日 19:23 by FC2スタッフ

  • 旧フォーラムの記事です
    Chako 2005-12-15 18:51:32
    件名 :

    あ...折りたたみが開いたときに適用されるには
    tree → js_closeではなく、tree → js_openじゃないとダメですね 。すみません。

    カテゴリ以外の部分のツリー化したところ(この場合コメントのところなんですが)も、折りたたまれるようになってし まいました。こちらは普通に開いておきたいのですが、そういった表示も可能なんでしょうか?

    これは、スクリプトを書き換えないと無理だと思います。
    または、別のスクリプトにするか...
    でも、どのようにすればよいかはちょっと今わかりません。
    お役に立てなくてすみません。

    このツリー化スクリプトはカテゴリーだけに使用して、コメントなどは他のモノを使用するとか...
    (効率悪いですよね... <img src="{SMILIES_PATH}/icon_sad.gif " alt=":(" title="Sad" /> )

    2005年12月15日 18:51 by FC2スタッフ

1 2 > >>