カレンダーのリンクにツールチップを設定する

カレンダーのリンクにツールチップを設定する

Posted at December 4,2005 11:50 PM
Tag:[Calendar, Customize, MovableType]

カレンダーのリンクにツールチップを設定するカレンダーのリンクにマウスをポイントすると、その日にエントリーした記事の全タイトルをツールチップ(説明)としてポップアップするカスタマイズです。最近失敗が多いので、IE/Firefox/Opera でリアルタイムカレンダー(JavaScript版)で動作の正常性を確認しています。スクリーンショットは IE6.0 でデフォルトテンプレートを使った場合の表示例です(ツールチップの表示はブラウザによって異なります)。

カレンダーを表示するタグの赤色部分を青色のものに書き換えてください(カレンダー全体のタグは省略しています)。

      :
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfBlank><MTElse><span class="calendar"></MTElse></MTCalendarIfBlank>
<MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
</MTEntries>
<MTEntries><MTDateHeader><a href="<$MTEntryPermalink archive_type="Daily"$>" title="</MTDateHeader><$MTEntryTitle encode_html="1"$><MTDateFooter>" target="_top"><$MTCalendarDay$></a><MTElse>&nbsp;/&nbsp;</MTElse></MTDateFooter></MTEntries>
</MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> 
<MTElse></span></MTElse></MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar>
      :

上記のリストでは、記事を新着順に表示する設定になっています。順番を入れ替える場合は、

<MTEntries>

の部分を

<MTEntries sort_order="ascend">

に変更してください。

またタイトルとタイトルの区切り文字には "/" にしていますが、他の文字に変更する場合は

<MTElse>&nbsp;/&nbsp;</MTElse>

の赤色部分を任意の文字に書き換えてください。区切り文字の左右は文字実体参照 &nbsp; を使って空白を挿入していますので、不要であれば削除してください。

2007.03.06 追記
MTEntryTitle タグに encode_html 属性を追加しました。

関連記事
トラックバックURL


トラックバック

カレンダーにその日のエントリーを表示 from Blogのような日記のような
テンプレートを地味に更新しました。 左上のカレンダーの日付の上にマウスカーソルを... [続きを読む]

Tracked on December 6, 2005 11:26 PM

ちょこっとだけ修正 from dotabata.net
今日はちょこっとだけ修正しました。 何を修正したかはよーく見ないとわからないので... [続きを読む]

Tracked on December 12, 2005 10:20 PM

横一列カレンダー from WingMemo
横一列カレンダーは以前に1回導入したことがあります。その時はMdN社のウェブログ・デザインという本を参考にしてタグを組みました。要は普通のカレンダーからテ... [続きを読む]

Tracked on February 3, 2006 10:24 PM

カレンダーのリンクツールチップ from Daily Yummy
同一日付に複数エントリ存在した場合、そのリンク先は月別アーカイブのエントリ一覧... [続きを読む]

Tracked on March 5, 2006 11:22 AM

カレンダーに休日表示を追加 from showry's Blog
ずっと記事書いてなかったですね。Blogをカスタマイズしたので書いてみます。横型カレンダーに休日と土曜日のカラー表示を追加してみました。カスタマイズを適応... [続きを読む]

Tracked on March 28, 2006 10:23 PM

タイトルをポップアップ式に。 from PARADISE BLOG
以前、最近のコメントに、ツールチップを使ったカスタマイズを導入したけど今回は カ... [続きを読む]

Tracked on June 16, 2006 10:21 PM

カレンダーに、記事タイトルを表示 from PARADISE CLUB
以前、最近のコメントリストに、ツールチップを使ったカスタマイズを導入したけど カ... [続きを読む]

Tracked on March 10, 2007 6:17 PM
コメント

早速導入させていただきました?。
問題なく無事に動いております。感謝です。

[1] Posted by toycozy : December 5, 2005 7:02 AM

Hi there, just a question.^_^

How can I make pages navgation links as you at bottom of index page of MT?

This problem kick me for age.;(

感謝~

[2] Posted by Danny : December 5, 2005 7:53 AM

>toycozyさん
こんばんは。
意外にまだだったのですね(笑)。
あと11月30日の記事は参考になりました!(笑)

>Danny
Hello.
Please see the following page.^_^

http://www.koikikukan.com/archives/2005/11/13-235207.php

[3] Posted by yujiro : December 6, 2005 1:08 AM

どうもです。
早速導入させていただきました。うーん感動。
ありがとうございました!

[4] Posted by さんぺい : December 6, 2005 1:27 AM

>さんぺいさん
こんばんは。
ご利用&コメントありがとうございました。
気に入っていただけたようでなによりです。
ではでは!

[5] Posted by yujiro : December 7, 2005 12:02 AM

yujiroさん、こんばんは。
昨日の休日表示付き横型カレンダーとともにこちらも導入させてもらいました。
ありがとうございました。
ところで「最近のコメント」にも同様のカスタマイズが入っていますが、気になります。
単純に "Title="に"<$MTCommentBody$>"を入れてもダメですよね?

[6] Posted by showry : March 28, 2006 11:22 PM

yujiroさん、こんにちは。
連続投稿で失礼します。
「Recent Comments」の投稿者名のツールチップ表示でコメント内容を表示するカスタマイズの事だったんですが、上記のコメントではよくわからないですね。すみません。
一応、自己解決できました。
長いコメントをトリミングして表示する時に最後に"..."を表示する方法もわからなかったのです。標準の"trim_to="だと付かなかったので。プラグインがあるのですね。見つける事ができました。
一人ボケ&ツッコミみたいなコメントになってしまってすみません。
今後ともよろしくお願いします。

[7] Posted by showry : March 30, 2006 9:11 AM

>showryさん
こんばんは。
無事に解決されてよかったです。
なおこの方法はいずれエントリーしたいと思います。
ではでは!

[8] Posted by yujiro : March 31, 2006 12:11 AM

こんばんは、yujiroさん 
ツールチップを使ったカスタマイズを導入させて頂きました。

今回も、ありがとうございます
では、良い週末をお過ごし下さいね。

P.S 話し替わりますがワールドカップは
ご覧になっていますか?毎日見ているので寝不足の日が続いています。(笑)

[9] Posted by mituru : June 16, 2006 10:30 PM

>mituruさん
こんばんは。
記事参照&トラックバックありがとうございます。
ワールドカップはほどほどに見ています(笑)。
mituruさんも良い週末をお過ごし下さい。
ではでは!

[10] Posted by yujiro : June 17, 2006 12:06 AM
コメントする
greeting

*必須

*必須(非表示)


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

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

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

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