TopMovable Typeカスタマイズ最近のコメント > 最近のコメントのツールチップにコメント内容を表示する(MTCollate版)
2006年6月22日

最近のコメントのツールチップにコメント内容を表示する(MTCollate版)

Posted at June 22,2006 12:58 AM
Category:[最近のコメント]
Tag:[, , ]

以前公開した、「最近のコメントのツールチップにコメント内容を表示する」は、デフォルトのMTタグを使用した方法でしたが、本エントリーでは MTCollate プラグインで「最近のコメント」を表示している場合で、さらにコメントのツールチップにコメント内容を表示するカスタマイズを紹介します。

最近のコメントのツールチップにコメント内容を表示する

ここでは「MTCollate を使って「最近のコメント」を表示する」の3.1および3.2のリストを用いて、「最近のコメントのツールチップにコメント内容を表示する」との差分のみを掲載しています。

デフォルトのMTタグを用いたツールチップ表示は、a 要素に

title="<$MTCommentBody remove_html="1" encode_html="1" strip_linefeeds="1" trimj2_to="100">"

という title 属性を与えていますが、MTCollate の場合は

<MTCollateSetField name="comment_body"><$MTCommentBody remove_html="1" encode_html="1" strip_linefeeds="1" trimj2_to="100"$></MTCollateSetField>

という風に、コメント本文を取得する MTCollateSetField を追加し、

title="<$MTCollateField name="comment_body"$>"

をコメントリンクの a 要素に与えています。

以下、上記の内容を加えたリストを掲載しますので、そのままお使いになるか、現在使用されている「最近のコメント」に適宜修正を加えてください。

1.br 要素と "└" でツリー表示している場合

MTCollate を使って「最近のコメント」を表示するの3.1項からの追加部分を青色で示しています。
<MTCollateCollect>
<MTComments lastn="10">
<MTCollateRecord>
<MTCollateSetField name="comment_id"><$MTCommentID$></MTCollateSetField>
<MTCollateSetField name="comment_author"><$MTCommentAuthor encode_html="1"$></MTCollateSetField>
<MTCollateSetField name="comment_date"><$MTCommentDate format="%m/%d"$></MTCollateSetField>
<MTCollateSetField name="comment_body"><$MTCommentBody remove_html="1" encode_html="1" strip_linefeeds="1" trimj2_to="100"$></MTCollateSetField>
<MTCommentEntry>
<MTCollateSetField name="entry_key"><MTComments lastn="1"><$MTCommentDate format="%y%m%d%H%M%S"$></MTComments></MTCollateSetField>
<MTCollateSetField name="entry_link"><$MTEntryPermalink$></MTCollateSetField>
<MTCollateSetField name="entry_title"><$MTEntryTitle encode_html="1"$></MTCollateSetField>
</MTCommentEntry>
</MTCollateRecord>
</MTComments>
</MTCollateCollect>
 
<div class="sidetitle">
Recent Comments
</div>
 
<div class="side">
<MTCollateList sort="entry_key:#:- comment_id:#:+">
<MTCollateIfHeader name="entry_key">
<a href="<$MTCollateField name="entry_link"$>" title="<$MTCollateField name="entry_title"$>"><$MTCollateField name="entry_title"$></a><br /></MTCollateIfHeader>
└ <a href="<$MTCollateField name="entry_link"$>#<$MTCollateField name="comment_id"$>" title="<$MTCollateField name="comment_body"$>"><$MTCollateField name="comment_author"$></a> <$MTCollateField name="comment_date"$><br />
</MTCollateList>
</div>

2.リスト要素(ul -li)で表示している場合

MTCollate を使って「最近のコメント」を表示するの3.2項からの追加部分を青色で示しています。
<MTCollateCollect>
<MTComments lastn="10">
<MTCollateRecord>
<MTCollateSetField name="comment_id"><$MTCommentID$></MTCollateSetField>
<MTCollateSetField name="comment_author"><$MTCommentAuthor encode_html="1"$></MTCollateSetField>
<MTCollateSetField name="comment_date"><$MTCommentDate format="%m/%d"$></MTCollateSetField>
<MTCollateSetField name="comment_body"><$MTCommentBody remove_html="1" encode_html="1" strip_linefeeds="1" trimj2_to="100"$></MTCollateSetField>
<MTCommentEntry>
<MTCollateSetField name="entry_key"><MTComments lastn="1"><$MTCommentDate format="%y%m%d%H%M%S"$></MTComments></MTCollateSetField>
<MTCollateSetField name="entry_link"><$MTEntryPermalink$></MTCollateSetField>
<MTCollateSetField name="entry_title"><$MTEntryTitle encode_html="1"$></MTCollateSetField>
</MTCommentEntry>
</MTCollateRecord>
</MTComments>
</MTCollateCollect>
 
<div class="sidetitle">
Recent Comments
</div>
 
<div class="side">
<MTCollateList sort="entry_key:#:- comment_id:#:+">
<MTCollateIfHeader name="entry_key">
<a href="<$MTCollateField name="entry_link"$>" title="<$MTCollateField name="entry_title"$>"><$MTCollateField name="entry_title"$></a><ul></MTCollateIfHeader>
<li><a href="<$MTCollateField name="entry_link"$>#<$MTCollateField name="comment_id"$>" title="<$MTCollateField name="comment_body"$>"><$MTCollateField name="comment_author"$></a> <$MTCollateField name="comment_date"$></li>
<MTCollateIfFooter name="entry_key"></ul></MTCollateIfFooter>
</MTCollateList>
</div>
Posted by yujiro
関連記事
人気エントリー
トラックバックURL


トラックバック

タイトル属性追加 from Coffee Time
小粋空間:最近のコメントのツールチップにコメント内容を表示する(MTCollat... [続きを読む]

Tracked on July 8, 2006 10:18 AM

最近のコメントのツールチップにコメント内容を表示する from ツール・ド・もんち - Tour De MonChi -
既にご存知の方もいらっしゃると思いますが、当ブログのサイドバーにある「Recent Comments(最近のコメント)」の投稿者名にマウスをポイントす... [続きを読む]

Tracked on September 13, 2006 4:56 PM

MTCollate from akemi's カスタマイズ
MTCollate を使って「最近のコメント」を表示する http://www... [続きを読む]

Tracked on November 23, 2006 12:08 AM

MTTagInvoke from akemi's カスタマイズ
エントリー・アーカイブで同一カテゴリーのコメントを表示する http://www... [続きを読む]

Tracked on November 23, 2006 12:30 AM
コメント

yujiroさん、どうもありがとうございます。
の中に属性まで書けば良かったんですね。
おかげさまで無事にツールチップが表示されるようになりました。
これからも宜しく御願い致します。

[1] Posted by 鹿之助 : June 22, 2006 1:16 PM

毎度お世話になります(笑)。
実現させたかったカスタマイズなので、早速導入させていただきました。これって、後で内容をチョット確認したいときにイイですよね。
助かりました。有り難うございます。

[2] Posted by toycozy : June 23, 2006 1:02 AM

>鹿之助さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようでよかったです。
ではでは!

>toycozyさん
こんばんは。
ご利用ありがとうございました。
このサイトもMacIEはノーコメントで(笑)。

[3] Posted by yujiro : June 23, 2006 11:38 PM
コメントする

*必須



お知らせ:2008年5月現在、多忙のため、7月頃までコメントを速やかに回答できない状態が続きます。ご質問の内容によっては回答が7月以降になる可能性がありますので、予めご了承ください。

太字 イタリック アンダーライン ハイパーリンク 引用

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

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

Now loading...
Entry Trackbacks
タイトル属性追加
 [Coffee Time] 07/08 10:18
最近のコメントのツールチップにコメント内容を表示する
 [ツール・ド・もんち - Tour De MonChi -] 09/13 16:56
MTCollate
 [akemi's カスタマイズ] 11/23 00:08
MTTagInvoke
 [akemi's カスタマイズ] 11/23 00:30
Entries of this Category
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
BlogPeople
Now loading...
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 4.1
 
List Me!