休日表示付リアルタイムカレンダー for Movable Type
Movable Type のカレンダーに土・日・休日・本日を表示するカスタマイズです。ここではデフォルトテンプレートおよび公開テンプレートを利用したテーブルタイプのカレンダー、および公開テンプレートの月送りカレンダーに対するカスタマイズをご紹介します。CSSを変更すれば他のテンプレートでもご利用可能です。 余談ですが、これまで公開してきたカレンダーのHTMLマークアップおよびCSSの設定を若干見直しました。 |
2006.10.10 追記:本カスタマイズを Ajax 化した「Ajax 月送りカレンダー」を公開しています。
1.休日表示用カレンダースクリプトのダウンロード
下記のリンク先にある dayChecker.js をクリックして休日表示用カレンダースクリプトをダウンロードしてください。
2.スクリプトのアップロード
ダウンロードした dayChecker.js を index.html と同じディレクトリにアップロードしてください。
3.テンプレートの修正1(スクリプトのインクルード)
テンプレートの <head>~</head> の間に下記の設定を追加します。月送りカレンダーの場合はカレンダーテンプレートの <head>~</head> の間に挿入してください。
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js"></script>
src 属性には配置したスクリプトのURLを設定してください。スクリプトは utf-8 で作成しておりますので、ブログの文字コードが異なる場合は、スクリプトの文字コードをエディタ等を用いてブログの文字コードに変更するか、
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js" charset="utf-8"></script>
と、青色で示した charset 属性に utf-8 を設定し、追加してください。
4.テンプレートの修正2(カレンダー表示タグの設定)
カレンダーを表示したい部分に下記のカレンダー表示用タグを追加してください。
4.1項および4.2項のリストを追加する場合、管理画面にある「設定」→「公開」の順にクリックし、次ページの下にある「アーカイブのマッピング」で「日別」の左側にチェックをつけて保存し、再構築してください。これを行わないとカレンダーが表示されませんのでご注意ください。
4.1 デフォルトテンプレートの場合
<MTIfArchiveTypeEnabled archive_type="Daily">
<div class="module-calendar module">
<h2 class="module-header"><$MTDate format="%B %Y"$></h2>
<div class="calendar">
<table id="calendarTable" summary="<$MTDate format="%Y/%m"$>">
<tr>
<th abbr="Sunday" class="sunday">Sun</th>
<th abbr="Monday">Mon</th>
<th abbr="Tuesday">Tue</th>
<th abbr="Wednesday">Wed</th>
<th abbr="Thursday">Thu</th>
<th abbr="Friday">Fri</th>
<th abbr="Saturday" class="saturday">Sat</th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfBlank><MTElse><span></MTElse></MTCalendarIfBlank><MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>
<MTElse></span></MTElse></MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar>
</table>
</div>
</div>
<script type="text/javascript">
setCurrentDate();
setWeekendAndHoliday('<$MTDate format="%Y"$>','<$MTDate format="%m"$>');
</script>
</MTIfArchiveTypeEnabled>
4.2 公開テンプレートの場合
<MTIfArchiveTypeEnabled archive_type="Daily">
<div class="side">
<div class="calendar">
<table id="calendarTable" summary="<$MTDate format="%Y/%m"$>">
<caption class="calendarhead"><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday" class="sunday">Sun</th>
<th abbr="Monday">Mon</th>
<th abbr="Tuesday">Tue</th>
<th abbr="Wednesday">Wed</th>
<th abbr="Thursday">Thu</th>
<th abbr="Friday">Fri</th>
<th abbr="Saturday" class="saturday">Sat</th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfBlank><MTElse><span></MTElse></MTCalendarIfBlank><MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>
<MTElse></span></MTElse></MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar>
</table>
</div>
</div>
<script type="text/javascript">
setCurrentDate();
setWeekendAndHoliday('<$MTDate format="%Y"$>','<$MTDate format="%m"$>');
</script>
</MTIfArchiveTypeEnabled>
4.3 月送りカレンダーの場合
カレンダー用アーカイブテンプレートの最後に下記を追加してください。
<script type="text/javascript">
setCurrentDate();
setWeekendAndHoliday('<$MTArchiveDate format="%Y"$>','<$MTArchiveDate format="%m"$>');
</script>
2006.09.12 以前に月送りカレンダーのカスタマイズをされた方
カレンダー用テンプレートの table 要素に id 属性を追加してください。
<table id="calendarTable" ?>
2006.03.23 以前に月送りカレンダーのカスタマイズをされた方
カレンダー用テンプレートの table 要素の summary 属性を下記のように変更してください。
<table summary="<$MTArchiveDate format="%Y/%m"$>">
また、下記の赤色部分を削除してください。
<MTCalendar month="this">
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td align="center"><span class="calendar">
<!--追加--><MTCalendarIfToday><b></MTCalendarIfToday><!---->
<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="[<$MTEntryTitle$>]" target="_top">
<$MTCalendarDay$></a>
</MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><!--追加--><MTCalendarIfToday></b></MTCalendarIfToday><!----></span>
<MTCalendarIfBlank> </MTCalendarIfBlank>
</span></td>
<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
2006.03.23 以降に月送りカレンダーのカスタマイズをされた方
下記の赤色部分を削除してください。
<MTCalendar month="this">
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfBlank><MTElse><span<MTCalendarIfToday> class="today"</MTCalendarIfToday>></MTElse></MTCalendarIfBlank><MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>
<MTElse></span></MTElse></MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar>
5.テンプレートの修正3(スクリプト追加)
休日表示カレンダースクリプトを起動するスクリプトを <head>~</head> の間に下記の設定を追加するか、外部ファイル(この場合、dayChecker.js に追加するのが良いでしょう)として保存します。外部ファイルにする場合はリストの最初と最後にある script 要素を削除してください。
月送りカレンダーの場合はカレンダーテンプレートの </body> の直前に挿入してください。
<script type="text/javascript">
function setWeekendAndHoliday(y,m) {
var element = document.getElementById("calendarTable");
var summary = element.getAttribute("summary");
var year = summary.split("/")[0];
var month = summary.split("/")[1];
if(!(year == y && month == m)){
return;
}
var spans = element.getElementsByTagName("span");
var day;
for (i = 0; i < spans.length; i++) {
if (spans[i].parentNode.nodeName == "TD") {
if(spans[i].innerHTML.indexOf("href") != -1){
day = spans[i].getElementsByTagName("a")[0].innerHTML;
} else {
day = spans[i].innerHTML;
}
if (isHoliday(year, month, day)) {
spans[i].setAttribute('class', 'holiday');
spans[i].setAttribute('className', 'holiday');
} else if(isSaturday(year, month, day)) {
spans[i].setAttribute('class', 'saturday');
spans[i].setAttribute('className', 'saturday');
}
if (isToday(year, month, day)) {
spans[i].parentNode.setAttribute('class', 'today');
spans[i].parentNode.setAttribute('className', 'today');
}
}
}
}
</script>
6.CSS修正
下記のセレクタを styles-site.css に追加してください。
6.1 デフォルトテンプレートの場合
初めてカレンダーをご利用になる場合はすべて追加し、すでにご利用の場合は today / sunday,holiday / saturday のみ追加してください。
.calendar {
margin: 5px 0;
text-align: center;
}
.calendarhead {
padding-bottom: 5px;
font-size: 9px;
letter-spacing: 0.2em;
}
.calendar table {
padding: 0;
border-collapse: collapse;
}
.calendar th {
padding-bottom: 3px;
font-size: 9px;
width: 23px;
}
.calendar td {
padding: 2px 0;
font-size: 10px;
line-height: 120%;
}
.today {
display: block;
border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
color: #0000ff;
}
6.2 公開テンプレートの場合
下記のセレクタ(青色)を追加してください。
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
color: #0000ff;
}
また下記の color プロパティ(赤色)を削除してください。これは本日と土日祝日が重複した時に土日祝日の色を優先させるためです。
.today {
display: block;
text-align: center;
color: #444444;
border: 1px solid #444444;
}
6.3 月送りカレンダーの場合
カレンダー用スタイルシートに下記を追加してください。
.today {
display: block;
border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
color: #0000ff;
}
7.PHP化によるリアルタイムカレンダーから変更される場合
上記のカレンダーに置き換えてください。拡張子は .php のままで問題ありません。
2006.03.19 追記
月送りカレンダー(4.3項)のタグが誤ってましたので修正しました。
2006.03.23 追記
月送りカレンダーの説明が不足していましたので追記しました。
2006.03.24 追記
4.3の最初のリストが誤っていました(MTData→MTArchiveDate)ので修正しました。
2006.03.30 追記
土日祝日にリンクがある場合の考慮がもれてましたので、CSSを修正しました。
2006.04.07 追記
4項に日別アーカイブのアーカイブマッピングを追加する記述を追加しました。
また5.2項に追加すべきスタイルを追加しました(途中でセレクタ名を変更したことによる修正もれ)。
2006.09.12 追記
カレンダーのセレクタ名を一部修正しました。
- Movable Typeのカレンダーに曜日を表示する方法
- Movable Typeのカレンダーに複数カテゴリのリンクを表示する方法
- Movable Typeでダイナミックカレンダーが表示されない不具合の対処
- Ajax ハイブリッド月送りカレンダー
- Ajax ダイナミック月送りカレンダー
- 複数ブログの情報をひとつのカレンダーにまとめて表示する
- Ajax 月送りカレンダー(jQuery・MT4版)
- 「Ajax 月送りカレンダー」の表示月をブログ記事の投稿月や月別アーカイブに連動させる
- 「Ajax 月送りカレンダー」で未来月のブログ記事を表示しない
- カテゴリー別 Ajax 月送りカレンダー(MT4版)
- Ajax 日めくりカレンダー(MT4版)
- Ajax 月送りカレンダー(MT4版)
- カレンダーの日付リンクのジャンプ先をエントリー・アーカイブに変更する
- Ajax 月送りカレンダー(縦型)
- Ajax 月送りカレンダー(横型)
≫ 画像ポップアップ、カレンダー休日表示 from SWEET WATER Web Server
今回は以下の二つのカスタマイズに挑戦してました。参考サイトは勿論小粋空間さんです ? Lightbox JS でブログパーツ等の Flash を PNG ... [続きを読む]
≫ 休日表示付リアルタイムカレンダー from Frumenty
小粋空間さんのカスタマイズのカレンダーが休日表示月リアルタイムカレンダーに更新されました。 [続きを読む]
≫ 久しぶり。 from Gangalee Web Log
のエントリーです。 カレンダーを休日表示付リアルタイムカレンダーにしてみました。... [続きを読む]
≫ [sz] カレンダーが休日表示付きになりますた。 from M E T A B O L I S M
(´・ω・) 仕事休んじゃった(本業じゃない)のはないしょの方向で。 小... [続きを読む]
≫ 月送りリアルタイムカレンダーに休日表示追加 from Coffee Time
小粋空間さんの休日表示付リアルタイムカレンダー(Movable Type)を読み... [続きを読む]
≫ 休日表示付リアルタイムカレンダー 上手くいきました from Harry's Blog
いろんな方のアドバイスのおかげで上手くいきました。 Yujiroさんのアドバイ... [続きを読む]
≫ MT3.2導入中 その12 from SeasonalWind Blog
カレンダーを単なる月送りカレンダー(前月とかに行けるカレンダーのこと)から休日表... [続きを読む]
≫ MT3.2導入中 その13 from SeasonalWind Blog
先日さわったカレンダーですが、どうにも上手くいかなくて小粋空間さんに泣きついてみ... [続きを読む]
≫ 休日表示付リアルタイムカレンダー from 3.2から始めるMovableType
リアルタイムカレンダー導入で躓いたのは「アーカイブのマッピング」でした。日別にチェック、これがポイントだったかも。 [続きを読む]
≫ 休日付リアルタイムカレンダー from 3.2から始めるMovableType
リアルタイムカレンダー導入で躓いたのは「アーカイブのマッピング」でした。日別にチェック、これがポイントだったかも。 [続きを読む]
≫ 色々カスタマイズ from KAZMA's WEB SITE++
色々いじってたけど、まったく書いてませんでしたw 一気に書きます!... [続きを読む]
≫ 休日表示付リアルタイムカレンダー from Cococcino days*
カレンダーを休日表示付カレンダーにしました?。ベースはもちろん 小粋空間さま:休... [続きを読む]
≫ 休日表示付月送りカレンダー from MSF-NET
はいはい。毎度の小粋空間さんのカレンダーよりいただきました。 この中の「休日表示... [続きを読む]
≫ カレンダー周りのカスタマイズ from つまらん日記
Movable Typeのカスタマイズメモ。カレンダー周りのカスタマイズを行って... [続きを読む]
≫ どうも from 測量Bizz24?オンライン
カレンダーの表示で悪戦苦闘をしています。 何がどう悪いのかよくわかりませんが・・... [続きを読む]
≫ パセリのその後 from うさぎ四姉妹日記
先日買ったパセリの残りを今日は次女と四女にあげた。長女は前回少しお腹がゆるくな... [続きを読む]
≫ 月送りカレンダーに変身。 from 25hours
25hoursブログのカレンダーを月送り(休日色付き)に修正。 カレンダーのこと... [続きを読む]
≫ リアルタイム月送りカレンダーAjax版(MT標準テンプレート用) from The blog of H.Fujimoto
小粋空間さんで紹介されている「リアルタイム月送りカレンダー」は、Movable... [続きを読む]
≫ 休日表示付リアルタイムカレンダーに変更 from KINGO WEBlog
『Movable Type のカレンダーに土・日・休日・本日を表示するようにカス... [続きを読む]
≫ カレンダーの土日表示 from Symphoni? ? Chat Noir
カレンダーの土日を表示するように変更しました。 私は土日の要素のouterHTM... [続きを読む]
yujiroサァン^?^♪ ちょっと、質問なんですが、以前教えて頂きましたスクロールバーなんですが、あのバーの色って水色じゃないですかぁ? あのバーの色って変える事って出来ますでしょぉ?か?
マネェより
カレンダーのカスタマイズ、見事成功しました!
ありがとうございました
月送りカレンダーに入れてみてるんですけど、これってできます?
>らいららいさん
こんにちは。
月送りカレンダーにも適用可能です。
動作しない場合、URLご連絡頂ければ幸いです。
>マネェ★さん
こんにちは。
ご質問の件ですが、リンクリストのスクロールバーのことであれば、スクロールバーの色を細かく変更するが参考になるかと思います。
それではよろしくお願い致します。
こんばんは。
多分ミスだと思いますが、年月取得が「MTDate format」だと今月のみしか取得できないと思います。
うちもこのスクリプトを利用させてもらって挑戦していたんですが、どの月も常に今月になって慌てました^^;
「MTArchiveDate format」ですよね?
>WINDさん
こんばんは。
はい、おっしゃる通りミスでした。
先ほど本文を修正致しました。
ご指摘ありがとうございました!
こんにちわ、yujiroさんいつもお世話になっています。 久々のカスタマイズですがトライしてみましたが上手くいきません。 カレンダー(月送り)のテンプレートは以下のようにしましたが、どこか間違っているのでしょうか?(長々とすみません)
++++++++++++++++++
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1./ Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" /><title><$MTBlogName$></title>
<link rel="stylesheet" href="<$MTBlogURL$>calendar.css" type="text/css" />
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js"></script>
</head>
<body >
<div id="links">
<div align="center" class="calendar">
<table border="0" cellspacing="4" cellpadding="0" margin="0" summary="<$MTArchiveDate format="%Y/%m"$>">
<caption class="calendarhead">
<MTArchivePrevious>
<a href="<MTBlogURL>calendar/<MTArchiveDate format="%Y/%m/index">.php">〈 </a>
</MTArchivePrevious>
<$MTArchiveDate format="%B %Y"$>
<MTArchiveNext>
<a href="<MTBlogURL>calendar/<MTArchiveDate format="%Y/%m/index">.php"> 〉</a>
</MTArchiveNext>
</caption>
<tr height="15">
<th abbr="Sunday" align="center" valign="bottom"><span class="calendar"><font color="#e50003">Sun</font></span></th>
<th abbr="Monday" align="center" valign="bottom"><span class="calendar">Mon</span></th>
<th abbr="Tuesday" align="center" valign="bottom"><span class="calendar">Tue</span></th>
<th abbr="Wednesday" align="center" valign="bottom"><span class="calendar">Wen</span></th>
<th abbr="Thursday" align="center" valign="bottom"><span class="calendar">Thu</span></th>
<th abbr="Friday" align="center" valign="bottom"><span class="calendar">Fri</span></th>
<th abbr="Saturday" align="center" valign="bottom"><span class="calendar"><font color="blue">Sat</font></span></th>
</tr>
<?php $day = date(j); $year = date(Y); $month = date(m); ?>
<MTCalendar month="this">
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<MTCalendarIfEntries>
<?php $y="<$MTCalendarDate format='%Y'$>"; $m="<$MTCalendarDate format='%m'$>"; $d="<$MTCalendarDay$>"; if($year == $y && $month == $m && $day == $d) { $style = " class=\"today\""; } else { $style = ""; } ?>
<td align="center"<?php print "$style"; ?>><span class="calendar"><MTEntries lastn="1"><a href="<$MTEntryLink archive_type="Daily"$>" target="_top"><$MTCalendarDay$></a></MTEntries></span></td>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries>
<?php $y="<$MTCalendarDate format='%Y'$>"; $m="<$MTCalendarDate format='%m'$>"; $d="<$MTCalendarDay$>"; if($year == $y && $month == $m && $day == $d) { $style = " class=\"today\""; } else { $style = ""; } ?>
<td align="center"<?php print "$style"; ?>><span class="calendar"><$MTCalendarDay$></span></td>
</MTCalendarIfNoEntries>
<MTCalendarIfBlank><td> </td></MTCalendarIfBlank>
<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
</div>
<script type="text/javascript">
function setWeekendAndHoliday(y,m) {
var elements = document.getElementsByTagName("table");
for (j = 0; j < elements.length; j++) {
var element = elements[j].getAttribute("summary");
var year = element.split("/")[0];
var month = element.split("/")[1];
if(!(year == y && month == m)){
continue;
}
var spans = elements[j].getElementsByTagName("span");
var day;
for (i = 0; i < spans.length; i++) {
if (spans[i].parentNode.nodeName == "TD") {
if(spans[i].innerHTML.indexOf("href") != -1){
day = spans[i].getElementsByTagName("a")[0].innerHTML;
} else {
day = spans[i].innerHTML;
}
if (isHoliday(year, month, day)) {
spans[i].setAttribute('class', 'red');
spans[i].setAttribute('className', 'red');
} else if(isSaturday(year, month, day)) {
spans[i].setAttribute('class', 'blue');
spans[i].setAttribute('className', 'blue');
}
if (isToday(year, month, day)) {
spans[i].parentNode.setAttribute('class', 'today');
spans[i].parentNode.setAttribute('className', 'today');
}
}
}
}
}
</script>
</body>
</html>
++++++++++++++++++
トラバは送らせて頂いてますが、コメントでは(多分)はじめまして。
勝手にお世話になっております。
休日表示! やりてぇ! とやってみたのですが、全くダメでした。
で調べたところ、うちはXreaの無料アカウントなんですが、
Date::Japanese::Holidayモジュールが入っていないのだそうで。
これが原因なんでしょうか?
違うのであれば、私の作業のどっかが間違っているのだと思いますが……。
ちなみにこの件をボヤいていた同じXreaユーザさんのエントリ↓
http://mynoah.net/archives/2005/08/02_2222.php
また全然関係無い件ですが、Macだとコメント編集用ボタンが効かないみたいですね。
全部のボタンが、http://www.koikikukan.com/archives/2006/03/ に
リンクされてる「だけ」でした。
当方Mac OS 10.3.9 / Safari 1.3.2 です。ついでに御報告。
>>sazさん
はて?
当方s152サーバー(value-domainから取得)のxreaですが、休日表示はできましたが・・・・
value-domainから取得したものだと、また違うのですかね?
>saz ◆saz/F4.O5sさん
こんばんは。
ご質問の件ですが、JavaScript のみで動作するので Perl モジュールの Date::Japanese::Holiday は不要です。
表示されない状態で拝見させて頂ければ幸いです。
ボタンの件、ご連絡ありがとうございます。
それではよろしくお願い致します。
yujiroさん いつもお世話になっています。 休日表示の件ですが、ここ数日悪戦苦闘したのですが、上手く行かないのです。
何日前にカレンダーテンプレートも含めてコメントしたのですが、スパムと間違えられてしまったようです。 上記URLを見ていただき、アドバイスいただければ幸いです。 カレンダーテンプレートが必要ならすぐ送らせて頂きます。
宜しくお願い致します。
>yujiroさん、pokelaboさん
現在、カスタマイズをした状態のままです。
うちから見ると何も起こってないんですけども……@Safari 1.3.2
埋め込みURL訂正。失礼しました。
>harryさん
全く同じ現象で半日ほど悩んでいましたが、javascriptにデバッグ文を入れて原因が判明しました。
カレンダーテンプレート内にある以下の文を削除してみて下さい。
上手くいくはずです。
私は無事解決できました。
javascriptがコメントタグやboldタグまで変数に読み込んでいたため、日付のマッチングができていませんでした。
削除する文が消えちゃいました(^^;
失礼しました。
以下の2箇所を削除してみてください。
<!--追加--><MTCalendarIfToday><b></MTCalendarIfToday><!---->
<!--追加--><MTCalendarIfToday></b></MTCalendarIfToday><!---->
>sazさん
IE6.0で見てみましたが、色はついているものの、
カレンダーの日付がずれているようです。
月曜始まりのカレンダーにするなどのカスタマイズをしたのでしょうか?
小粋空間様のテンプレートを使用されているようですので、
4.2項のソースをコピペでどうでしょうか。
yujiroさんすみません、7項をすっかり見落としてました……なんつーミスなんだか……。
よって無事カスタマイズ成功となった訳ですが、月送り+リアルタイム+休日表示と
自分でも混乱して来たので、エントリにまとめてみました。
トラックバック送っておきますね。
何はともあれ、すみませんでした──(脱兎
しざさん、アドバイスありがとうございます。
アドバイスどおりに2箇所削除してみたのですが、状況は変わりません。 またsaz ◆saz/F4.O5sさんのサイトにあったテンプレートでも試したて見たのですが、同じように休日表示されません。 原因はテンプレート以外にあるのかもしれません。 当方でももう少し調べてみますが何か気づく点をアドバイスいただければ幸いです。
>harryさん
こんばんは。
拝見させて頂いたところ、カレンダー用テンプレートの後方に配置した JavaScript の最後に青色のコードを追加してください(説明が不足していたので現在は追加しています、すいません)。
: } } setCurrentDate(); setWeekendAndHoliday('<$MTDate format="%Y"$>','<$MTDate format="%m"$>'); </script>
それではよろしくお願い致します。
>saz ◆saz/F4.O5sさん
無事にできたようでよかったです。
ではでは。
>しざさん
こんばんは。
ご指摘ありがとうございました。
エントリーの方に追記しておきました(ついでに元エントリーのテンプレートも修正しました)。
>pokelaboさん
対応ありがとうございました!
3月18日のWINDさんのご指摘の件は「4.3 月送りカレンダーの場合」の
<script type="text/javascript">setCurrentDate();setWeekendAndHoliday('<$MTDate format="%Y"$>','<$MTDate format="%m"$>');</script>
ところも同様に「MTDate format」を「MTArchiveDate format」に変えるのですよね?
そうしないと、今月の分しか休日表示ができなかったので。。。
>chiffonさん
こんにちは。
ご利用&トラックバックありがとうございます。
ご指摘の部分はその通りで、記述ミスです。
ご迷惑おかけして申し訳ありませんでした。
本文は先程修正致しました。
無事に表示されたようで良かったです。
ではでは!
yujiroさん アドバイスありがとうございました。
ようやく休日表示ができるようになったのですが、エントリーのあった日が休日表示の色にならないのです。 ここにトラックバックされている皆様のサイトを見てカレンダースタイルシートを色々ためしてみたのですが、上手くいきません。
再度お手数ですがアドバイスいただければ幸いです。
>harryさん
こんばんは。
たびたびすいません。
カレンダー用スタイルシートに下記を追加願えますでしょうか。
.holiday a { color: #e50003; } .saturday a { color: #0000ff; }
以上です。
それではよろしくお願い致します。
こんにちはー。
やっとこれに手をつけれました^^。
いつもありがとうございます?。
Yujiroさん ようやく上手くいきました。 色々ありがとうござました
>theta-Pさん
こんばんは。
ご利用ありがとうございます。
うまくできたようでよかったです。
ではでは!
>harryさん
こんばんは。
トラックバックありがとうございました。
色々と考慮もれが多くてすいません。
無事に完成されてホッとしています。
ではでは!
Yujiroさん、こんばんわ。
いつもお世話になってます。
先日の月送りカレンダーに引き続いて、こちらのカスタマイズも使わせていただきました。
土日祝日にエントリーがあると、平日の色で表示されてしまうのは何か設定忘れがあるのでしょうか?(^^;
もし何かお分かりでしたら教えてください
>ようたさん
こんにちは。
こちらこそお世話になります。
ご質問の件につきまして、CSSに考慮もれがありましたので修正致しました。
ご迷惑おかけして申し訳ございません。
修正箇所は、6.1および6.3の .holiday / .saturday に a セレクタを追加しました。
不具合が解消しないようでしたらお手数ですがご連絡ください。
それではどうぞよろしくお願い致します。
yujiroさん、こんばんわ。
対応していただきましてありがとうございます(^^
早速適用しましたところ、うまく表示されるようになりました。
いつも本当にありがとうございます。
>ようたさん
こんばんは。
うまくできてよかったです。
大変失礼致しました。
ではでは!
こんにちは。
土日の件を拝見したのですが、
4月1日に記事を書いたのですが、
1日は青いままで1日の記事へのリンクが表示されません。
この設定はどこでできるのでしょうか?
よろしくお願いいたします。
↑すいません。追加で。
4月2日に投稿したら、
2日のところは赤でリンクがつきました。
1日の土曜のとこだけダメみたいです。
なぜでしょう?
>usedさん
こんばんは。
ご質問の件について調査したところ Movable Type の不具合のようでした。Movable Type で1日午前0時のエントリーがカレンダーに反映されない不具合についてに記事を掲載しましたので、そちらを参照頂ければ幸いです。
それではよろしくお願い致します。
ご調査いただきありがとうございました。
さっそく修正をいたしましたところ、
無事、リンクが表示されました。
今後ともよろしくお願いいたします。
本当にありがとうございました。
MT3.2用のテンプレートを使わせていただきました。
そしてカレンダーも…と思いましたが、どうにもうまく行きません。
1?6までのステップを「公開テンプレートの場合」を選んでやったつもりです。
(色の設定は変えていますが)
もしよろしければアドバイスください。
勝手なお願いですみません、よろしくお願いします。
休日付リアルタイムカレンダーを導入したく、ここ数日格闘していましたけど、どうもうまくいきません。今までのカレンダー表示を削除し、こちらに紹介されている「1 デフォルトテンプレートの場合」を貼り付けると、カレンダー部分がサイドバーから消えてしまうのです。
入り口で躓いて、立ち上がれない状態に陥っているようです。
ごめんなさい。追記です。こちらのテンプレートなら相性が良いかと、試してみたのですけど、それもダメでした。
表示されていたカレンダーは
<div class="module-calendar module">
<h2 class="module-header"><$MTDate format="%B %Y"$></h2>
<div class="calendar">
<table border="0" cellspacing="4" cellpadding="0" summary="Monthly calendar">
<tr>
<th abbr="Sunday" align="center">日</th>
<th abbr="Monday" align="center">月</th>
<th abbr="Tuesday" align="center">火</th>
<th abbr="Wednesday" align="center">水</th>
<th abbr="Thursday" align="center">木</th>
<th abbr="Friday" align="center">金</th>
<th abbr="Saturday" align="center">土</th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td <MTCalendarIfToday> bgcolor="#EEEEEE" </MTCalendarIfToday> align="center">
<MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryLink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
<MTCalendarIfBlank> </MTCalendarIfBlank></td>
<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
</div>
です。
上記の場合は表示されていたのに、こちらのデフォルトテンプレートの場合・・・に差し替えたら、表示されなくなったということです。連続コメントごめんなさい。
お返事は急ぎません。宜しくお願いします。
方向音痴の上、記憶障害もあるようで、自分が何をしたのか直前の記憶が欠落してしまうようで、ここにコメントするのも何だか申し訳ないのですけど。
こちらのサイトで、アーカイブページにカレンダーを表示させる設定の途中で、メインページのカレンダーが突然現れてきました。土曜日の箇所がずれているし、休日の表示は出来てないのですけど、昨夜の状態よりは半歩前進でしょうか。これで以前のスタイルに戻した時に、表示が残っているかどうか。
意図しない結果が表れてきたので、混乱しています。あ、「Mon, 27 Mar 2006」のエントリーを参照していたのでした。月別アーカイブのページはカレンダーだけだし(これは理由が想像つきます)個別エントリーのページはカレンダー部分に「ページが見つかりません」が出た状態です。リンク設定が悪いのでしょう。ぼちぼち直していきたいと思います。今後ともご指導宜しくお願いします。
とうとうMovable Type を壊してしまいました。予期しない崩壊だったので、エントリーの読み込みなどはしていません。ftpでバックアップはとったのですけど、直せるかどうか。
ということなので、当分は復旧作業に時間がとられそうです。せっかく白紙にもどったのだから、カレンダーも改めてやり直したいと思います。
>mi04さん
こんにちは。
テンプレート&カスタマイズご利用ありがとうございます。
ご質問の件ですが、5項の設定が見当たりませんので再度ご確認頂けますでしょうか。
それではどうぞよろしくお願い致します。
yujiroさん、お世話になります。壊れたブログは結局直すことが出来なかったので、Movable Type 3.2-ja-2を再インストールしました。3月15日にデータベースをバークレイからSqliteに変えたのですが、その時にエントリーの読み込みをしておいたデータがあったので、その時点までのエントリーは復旧出来ました。全てなくなる事も覚悟していたので、少しでも救えたのは幸いでした。
先ほどインストールしたばかりのMovable Type のメインページテンプレートのbetaエリアの最初にデフォルトテンプレート用のカレンダータグを追加しました。
「テンプレートの修正3(スクリプト追加)」に関してはdayChecker.js に追加してアップロードし直しました。styles-site.css にもこちらのをコピーしました。それでもメインページにカレンダーは表示されません。
長くなりますけど、テンプレートのメインページ部分をここに貼り付けさせて下さい。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />
<meta name="generator" content="Movable Type <$MTVersion$>" />
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<title><$MTBlogName encode_html="1"$></title>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js" charset="utf-8"></script>
</head>
<body class="layout-two-column-right">
<div id="container">
<div id="container-inner" class="pkg">
<div id="banner">
<div id="banner-inner" class="pkg">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="banner-description"><$MTBlogDescription$></h2>
</div>
</div>
<div id="pagebody">
<div id="pagebody-inner" class="pkg">
<div id="alpha">
<div id="alpha-inner" class="pkg">
<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader><h2 class="date-header"><$MTEntryDate format="%x"$></h2></MTDateHeader>
<a id="a<$MTEntryID pad="1"$>"></a>
<div class="entry" id="entry-<$MTEntryID$>">
<h3 class="entry-header"><$MTEntryTitle$></h3>
<div class="entry-content">
<div class="entry-body">
<$MTEntryBody$>
<MTEntryIfExtended>
<p class="entry-more-link">
<a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>" »</a>
</p>
</MTEntryIfExtended>
<p class="entry-footer">
<span class="post-footers">投稿者: <$MTEntryAuthorDisplayName$> 日時: <$MTEntryDate format="%X"$></span> <span class="separator">|</span> <a class="permalink" href="<$MTEntryPermalink$>">パーマリンク</a>
<MTIfCommentsActive>| <a href="<$MTEntryPermalink$>#comments">コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive>
<MTIfPingsActive>| <a href="<$MTEntryPermalink$>#trackback">トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive>
</p>
</div>
</div>
</div>
</MTEntries>
</div>
</div>
<div id="beta">
<div id="beta-inner" class="pkg">
<MTIfArchiveTypeEnabled archive_type="Daily">
<div class="module-calendar module">
<h2 class="module-header"><$MTDate format="%B %Y"$></h2>
<div class="calendar">
<table id="calendarTable" summary="<$MTDate format="%Y/%m"$>">
<tr>
<th abbr="Sunday" class="red">Sun</th>
<th abbr="Monday">Mon</th>
<th abbr="Tuesday">Tue</th>
<th abbr="Wednesday">Wed</th>
<th abbr="Thursday">Thu</th>
<th abbr="Friday">Fri</th>
<th abbr="Saturday" class="blue">Sat</th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfBlank><MTElse><span></MTElse></MTCalendarIfBlank><MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank>
<MTElse></span></MTElse></MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar>
</table>
</div>
</div>
<script type="text/javascript">
setCurrentDate();
setWeekendAndHoliday('<$MTDate format="%Y"$>','<$MTDate format="%m"$>');
</script>
</MTIfArchiveTypeEnabled>
<div class="module-search module">
<h2 class="module-header">検索</h2>
<div class="module-content">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">ブログを検索: </label><br />
<input id="search" name="search" size="20" />
<input type="submit" value="検索" />
</form>
</div>
</div>
<MTIfArchiveTypeEnabled archive_type="Category"><div class="module-categories module">
<h2 class="module-header">カテゴリー</h2>
<div class="module-content">
<MTTopLevelCategories>
<MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<MTElse>
<li class="module-list-item"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
</div>
</div>
</MTIfArchiveTypeEnabled>
<MTIfArchiveTypeEnabled archive_type="Monthly">
<div class="module-archives module">
<h2 class="module-header"><a href="<$MTBlogURL$>archives.html">アーカイブ</a></h2>
<div class="module-content">
<MTArchiveList archive_type="Monthly">
<MTArchiveListHeader><ul class="module-list"></MTArchiveListHeader>
<li class="module-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
<MTArchiveListFooter></ul></MTArchiveListFooter>
</MTArchiveList>
</div>
</div>
</MTIfArchiveTypeEnabled>
<div class="module-archives module">
<h2 class="module-header">最近のエントリー</h2>
<div class="module-content">
<ul class="module-list">
<MTEntries lastn="10">
<li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</div>
</div>
<div class="module-syndicate module">
<div class="module-content">
<a href="<$MTBlogURL$>atom.xml">このブログのフィードを取得</a><br />
[<a href="http://www.sixapart.com/about/feeds">フィードとは</a>]
</div>
</div>
<MTBlogIfCCLicense>
<div class="module-creative-commons module">
<div class="module-content">
<a href="<$MTBlogCCLicenseURL$>"><img alt="クリエイティブ・コモンズ・ライセンス" src="<$MTBlogCCLicenseImage$>" /></a><br />
このブログは、次のライセンスで保護されています。 <a href="<$MTBlogCCLicenseURL$>">クリエイティブ・コモンズ・ライセンス</a>.
</div>
</div>
</MTBlogIfCCLicense>
<div class="module-powered module">
<div class="module-content">
Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
>usedさん
こんばんは。
コメントが前後して申し訳ありません。
ご連絡ありがとうございました。
無事に表示されたようでよかったです。
ではでは!
>路子さん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、現在メインページにカレンダーのタグが設定されていないようですので、4.1項の作業を行ってください。
また、dayChecker.js の編集でファイルの文字コードが UTF-8 から Shift_JIS に変わっているようですので、メインページに設定されている
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js" charset="utf-8"></script>
の赤色部分を
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js" charset="shift-jis"></script>
に変更してください。
あとサイズの大きいHTMLコードを添付される代わりに、設定された状態のページを拝見させて頂ければ幸いです。
以上です。
それではよろしくお願い致します。
yujiroさん、お返事有り難うございます。バカでかいhtmlコード、ホントにごめんなさい。それに復旧作業の途中で、こちらに報告した状態と違う画面になって申し訳ありません。今夜のところはもう変更はしません。
アドバイス通り、utf-8を削除してshift-jisに変えました。またカレンダーのタグが設定されていないように見えているのですけど、テンプレートのメインページには、4.1項が書き込まれています。なぜだか画面には反映されていないのです。わざと残した「2006年04月」と「検索」の間、gammaの一番上、右側のサイドバーの一番上です。
>路子さん
こんばんは。
カレンダータグ設定済みの件、了解しました。
管理画面から「設定」→「公開」の順にクリックし、次ページの下にある「アーカイブのマッピング」で「日別」の左側にチェックをつけて保存後、再構築してみてください。
この設定を行っていないとカレンダーを生成しないようにしていました、すいません(説明不足でしたので本文を修正しました)。
それではよろしくお願い致します。
>yujiroさん
お返事ありがとうございます。
5項の設定が見当たりませんとのことですが、最初 dayChecker.js のほうに記述したのですがうまくいかず、現在はメインページの?内に記述しています。
素人なので何か見当違いなことをしていたらゴメンナサイ。
>yujiroさん
お返事ありがとうございます。
5項の設定が見当たりませんとのことですが、最初 dayChecker.js のほうに記述したのですがうまくいかず、現在はメインページのhead内に記述しています。
素人なので何か見当違いなことをしていたらゴメンナサイ。
>mi04さん
こんばんは。
5項の設定は見落としていたようです。すいません。
修正箇所ですが、まずスタイルシートについて、同じ内容が2回ペーストされています(途中から同じ内容のスタイルシートが開始しています)ので、テンプレートのスタイルシートを再ペーストしてください。
また、6.2項の説明がもれてましたので追記しました。青色のスタイルをスタイルシートに追加してください。
以上です。
それではよろしくお願い致します。
yujiroさん、有り難うございました。やっと表示されました。休日表示付リアルタイムカレンダー が現れた時には涙が出そうでした。
忘れないように、自分のメモにも残しておこうと思います。ご迷惑をいっぱいおかけして申し訳ありませんでした。これからは良い子になるよう頑張りますので、今後とも宜しくご指導下さいませ。
>yujiroさん
初歩的なミスにつきあってくださってありがとうございます。
ご指摘どおりに修正し、無事表示することが出来ました。感謝!
>路子さん
こんばんは。
ご連絡ありがとうございます。
説明不足ですいませんでした。
私も完成した時には一人で喜んでいます。(笑)
こちらこそ今後ともよろしくお願い致します。
>mi04さん
こんばんは。
ご連絡ありがとうございます。
無事に表示されてなによりです。
ではでは!
いつもお世話になっています。
今回休日表示を付け加えようとしているのですが、
土曜・日曜は反映されるようになりましたが、祝日がなぜか反映されません・・・
表示方法としては、月送りカレンダー+PHP化および、
毎月1日に表示されない不具合の対処方法をお借りしています。
ご教授いただければ幸いです。
よろしくお願いいたします。
>KAZMAさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、スクリプトに不具合がありました。ご迷惑おかけして申し訳ございません。
dayChecker.js を修正しましたので、再度ダウンロードしてお試しください。
不具合があるようでしたらお手数ですが再度ご連絡ください。
それではよろしくお願い致します。
>yujiroさま
早々とご対応ありがとうございます。
差し替えてみましたが9月の祝日が反映されませんでした。
調べてみましたところ、42行目のスイッチ文内でパースしている部分、9月の場合0を返してしまっているようです。
(関係無いですが8月も)
ですので、 parseInt(month, 10) とすることにより正常に動作しております。
>KAZMAさん
こんばんは。
ご連絡ありがとうございます。
スクリプトは修正致しました。
ご指摘くださりありがとうございました。
今回、カレンダーを設置するにあたり
お世話になりました。
質問ですが、エントリーのある日が休日(、あたは土曜)表示の色になりません。
スタイルシートにも
.holiday,
.holiday a:link,
.holiday a:visited {
color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
color: #0000ff;
}
と定義してるのに表示されるのは
初期状態のままです。
知識がないなりにも色々調べてみたのですが、
さすがにお手上げなので、ご教授いただければ幸いです。
>katsumaさん
こんにちは。
ご利用ありがとうございます。
ご質問の件ですが、カレンダーに設定されている強調表示用の b タグ
<b> ? </b>
を削除してください(それ以外のタグを削除されないよう、ご注意願います)。
なお強調表示はカレンダー用スタイルシートに
.calendar a { font-weight: bold; }
という風に追加すれば大丈夫だと思います。
またカレンダースクリプト dayChecker.js は不具合がありましたので、お手数ですが修正版を再度ダウンロード願えますでしょうか。
以上です。
それではよろしくお願い致します。
ありがとうございました!
無事表示できました。
>katsumaさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されてよかったです。
ではでは!
休日表示付リアルタイムカレンダー を導入しようとしているのですが、上手く行きません。
私のブログの左上にカレンダーはあるのですが、カレンダーのタイトル(年月)がカーソルで撫でると表示される(何故か大きな文字)のですが、
ページを表示しただけでは表示されなくなってしまいました。
どこに原因があるのでしょうか?
また、このページの一番上にあるような色の付いたカレンダーはどのように設定すればできるのですか?
最後に、先月や来月と矢印などでカレンダーを移動するような設定は可能ですか?
色々、質問ばかりで済みません
>kunioさん
こんばんは。
ご質問の件ですが、カレンダーのタグを4.1項からコピーされていますので、4.2項の内容に入れ替えてください。
正常に表示されない場合、すいませんが再度ご連絡頂けますでしょうか。
それではよろしくお願い致します。
ありがとうございました。
無事表示できるようになりました。
月送りカレンダーでこのページの1番上にあるような色のついたデザインは可能ですか?
>kunioさん
こんばんは。
ご質問の件につきまして、大雑把な回答ですいませんがデフォルトテンプレートの設定を利用すれば可能と思います(サンプルはデフォルトテンプレートに設定したものをキャプチャしています)。
以上です。
それではどうぞよろしくお願い致します。
有難うございます。
早速試してみます。
別件ですが、ブログのタイトルを半分ずつ違う色に設定するにはどうすれば可能ですか?
>kunioさん
こんばんは。
ご質問の件につきましては別途エントリーさせて頂きます。
すいませんが少々お待ちください。
こんにちは。
「月送りカレンダー」及び、「リアルタイムカレンダー(php)」を使わせて頂いております。
今回、休日表示付を設定しようと思っているのですが、7項目の、
7.PHP化によるリアルタイムカレンダーから変更される場合
上記のカレンダーに置き換えてください。拡張子は .php のままで問題ありません。
上記のカレンダーに置き換えてください。とは、どういう意味でしょうか?何を何に置き換えればいいのでしょうか?
宜しくお願い致します。
>shuさん
こんばんは。
ご質問の件について、まずは大雑把な説明で申し訳ございません。
PHPによるリアルタイムカレンダーをご利用の場合は、PHPのリアルタイムカレンダー用のタグやスタイルを全て削除して、このエントリーのカスタマイズを行ってください。つまり「上記のカレンダー」とは1?6項を指しています。
それではどうぞよろしくお願い致します。
>yujiroさん
リアルタイムカレンダーの機能も一緒になっているのに気づきませんでした。
無事、成功いたしました。ありがとうございましたm(_ _)m
>shuさん
こんにちは。
ご連絡ありがとうございました。
うまく表示されたようでよかったです。
ではでは!
こんばんは、初めまして。
以前はFLASHカレンダーを使っていたのですが、読み込みに時間がかかるのがイヤで、
今回小粋空間さんの休日カレンダーを見つけ使わせていただきました。
JavaScriptの挿入でミスをしていて、紆余曲折ありましたが、無事設置できました。
コメント欄も参考にさせていただきどうもありがとうございました。
大変使い勝手よく気に入っています。
これからもよろしくお願いします。
>ヨンシマイさん
はじめまして。
ご利用&ご連絡ありがとうございます。
気に入って頂けたようで光栄です。
こちらこそ今後ともどうぞよろしくお願い致します。
小粋空間さんのこのカレンダーにお世話になっています。wataruと申します。はじめまして。
実は最近自宅サーバーでMTを使ってブログを作成してみました。
そこで、今日8月1日なんですけど、
なぜかスタイルシートの.todayの内容(カスタマイズしていますが)反映されません。
おかしいと思って、PCの日付をむりやり9月とか10月にして(未来エントリーもしたり)試すと、
10月とかは大丈夫なんですけど、
8,9月だけ、なぜかtoday設定が反映されません。(どの日付にしても)
javascriptにもそんなにくわしくないですが、いろいろdayChecker.jsとか見てみましたがやっぱりわかりませんでした。
他にもjsを使用しているので、おそらく私のページが問題だと思いますが、
なにか考えられる要因等ありましたら、アドバイスをいただけたらとおもいコメントいたしました。
それではよろしくお願いいたします。
>wataruさん
こんばんは。
ご利用ありがとうございます。
ご質問の件につきましては、JavaScriptの動作確認が必要であるため、サイトを拝見させて頂くことになります。
さしつかえなければTypeKeyをサインアウトしてURLをご記入の上再度コメント願います。
それではよろしくお願い致します。
>yujiroさんへ
こんな時間に、おはようございます。
コメント返信ありがとうございます。
URL記入いたしました。いやぁ、知人や友人には公開してますけど、いざ他の方へ見せるってなると、とっても恥ずかしいですね。。お粗末でページも重いと思いますけどよろしくお願いいたします。
これを機にもっと勉強せなあかんと思いました。貴重なお時間割いてしまいそうで、ほんまにすいませんっ!
こんにちは、PRmanと申します。
実は、私のサイトでも、.todayの内容が反映されません。wataruさんのおっしゃる8月9月のみかどうかはわかりませんが、小粋空間さんサイトでのスタイル変更で、公開テンプレートと同じスタイルに変更すると同じ状況になっています。
どうか、わたしにもアドバイスください。お願いいたします。
こんにちは、irukaと申します。
テンプレート使わせていただいてます!(ありがとうございます)
私のサイトでも.todayの内容が反映されていなかったため、調査してみました。
どうやら、dayChecker.ds内のisToday関数において、parseInt(month)としている部分に問題があります。
parseIntは第二引数を持ち、10進数や2進数などのフォーマットを設定することができます。省略した場合には自動認識が働き、誤動作してしまうらしいです。
というわけで解決方法はコチラ。
parseInt(month)
↓
parseInt(month, 10) に変更
おそらくこれで良いと思うのですが…
追記です。
ちなみに、parseInt("08")が0となるため、問題が発生していた模様です。
以上、ご確認ください。
>irukaさん
はじめまして。wataruと申します。
irukaさんの通りにやってみると…直りましたっ!
会社で空いた時間に…ちょっとローカルテストしてみました。。
いや、仕事してないわけやないですよ!
ほんとありがとうございました。
これからは自分で解決できるように、もっともっとjavascript勉強しまーす。
といいつつ、またお世話になるかもしれません。。
>yujiroさん
irukaさんのおかげで、直せました。
でもyujiroさんがコメント返信していただいたおかげで、今日一日はなにか救われた気分になっていました。。
また別件でもなにかありましたら、これからいろいろコメントさせて頂こうかなと思ってます。
ここのHPにはほんとお世話になりっぱなしなので。
いやぁ、ほんと勉強しますわ、これからも。頼りっぱなしやとあかんと思いますんで。
ではでは。
>PRmanさん
>wataruさん
こんにちは。
ご連絡ありがとうございました。原因につきましては先ほどエントリーいたしました(irukaさんから頂いたコメントと同じ内容です)。
ご迷惑おかけして申し訳ありません。
>irukaさん
こんにちは。
ご迷惑おかけします。
頂いたコメントに気がつかずこちらで調査してしまいました。
情報提供ありがとうございました!
>yujiroさん
>wataruさん
>ikuraさん
どうも有り難うございます。いつもこのサイトにお世話になりっぱなしで、ろくにお礼も言わず申し訳ありません。
あらためて、いつも有り難うございます。
本当に感謝しています。
また、今回のことでは、すぐにコメント頂き感謝しています。
今後もお世話になりますが、宜しくお願いいたします。
こんばんは、yujiroさん。
以前カレンダーを設置したものです。
リアルタイムが機能せずに困っていたら
もうすでに何件もコメントが入っていて感動しました!
irukaさんの仰るとおりに
修正してみたら直りました。
どうもありがとうございました。
みなさんの即座の対応に感謝しております。
またよろしくお願いします。
>PRmanさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されてよかったです。
ではでは!
>ヨンシマイさん
こんばんは。
ご迷惑おかけして申し訳ありませんでした。
こちらこそ今後ともどうぞよろしくお願い致します。
はじめまして。練習用のブログを使って月送りカレンダーに対するこのカスタマイズを行っているのですが、まったく表示が変わらないだけでなく、メインページを開くとエラーが出るようになってしまいました。
カレンダーテンプレートの JavaScript の配置の仕方が問題だと思うのですが、基本的な知識に乏しいため解決方法が見つからず。。
何かお気付きの点があればアドバイスをお願い致します。
>サイパン アクアマリンさん
はじめまして。
ご利用ありがとうございます。
ご質問の件ですが、カレンダーテンプレートに設定されている
<script type="text/javascript">
setCurrentDate();
setWeekendAndHoliday('<$MTArchiveDate format="%Y"$>','<$MTArchiveDate format="%m"$>');
</script>
を、</body> のすぐ手前に移動してください。これで表示されるようになると思います。
ちなみに表示されなかった理由は、上記の setWeekendAndHoliday を呼び出す行
setWeekendAndHoliday('<$MTArchiveDate format="%Y"$>','<$MTArchiveDate format="%m"$>');
が実際のスクリプト
<script type="text/javascript">
function setWeekendAndHoliday(y,m) {
:
(略)
:
}
</script>
より前方に配置されているため、後方のスクリプトをみつけることができません。HTMLではファイルを上から順番に読み込みながら解釈するためです。
それではよろしくお願い致します。
初歩的な質問にも丁寧にお答え頂いて感謝です!無事に表示することができました。どうもありがとうございました。
>サイパン アクアマリンさん
こんばんは。
ご連絡ありがとうございました。
無事に動作できたようでなによりです。
ではでは!
質問ばかり申し訳ない・・・
setWeekendAndHoliday('2006','08');
の部分で
「エラー オブジェクトを指定してください」とでて
祝休日が表示されてくれなくなってしまいました
/bodyの直前に置いているのですが…
>hinataさん
こんにちは。
ご質問の件ですが、本記事の5項の設定が行われていないようです。仰る通り、setWeekendAndHoliday() を呼び出す設定はありますが、呼び出される側の処理(オブジェクト)がないため、このようなエラーが発生しています。
また、拝見させていただいたHTMLに
<script type="text/javascript">
setCurrentDate();
setWeekendAndHoliday('2006','08');
</script>
が2ヶ所あります。これはどちらかひとつで大丈夫です。
それではよろしくお願い致します。
前にjsファイル内に設定したものをjsファイルアップグレードの際に
書き忘れていたようです
しかし祝日はちゃんと出るのに日曜が上手く出なくなってしまいました
月おくりと当月のみの設定を混ぜて行なってしまったようですね
もう少し見直してみます
無事元通りになりました、ありがとうございました
>hinataさん
こんばんは。
ご連絡ありがとうございました。
無事になおったようでなによりです。
ではでは!
月送りカレンダーを利用して、休日の色変更を試させていただいています。
各種設定をしたつもりなのですが、休日の色が変更できません。
この場合、どのあたりが間違っているのでしょうか?
教えていただけると幸いです。
>kanaさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、3項の script タグをカレンダーテンプレートの方に記述すれば大丈夫と思います。
それではよろしくお願い致します。
>yujiro さん
教えて頂いた方法で、topページのindexから
カレンダーのテンプレートへ移動させたら
ちゃんと色がつきました!
ありがとうございます。
月送りカレンダーを利用して、休日の色変更を試させていただいています。
ページ内のカレンダーより前にテーブルタグが用いられている場合、正常に表示されない不具合があるのですが、どのように修正すればよろしでしょうか?
以下のコメントの追記です。
WindowsIEだと正常に表示します。
その他のブラウザだと不具合がおきます。
=======================
月送りカレンダーを利用して、休日の色変更を試させていただいています。
ページ内のカレンダーより前にテーブルタグが用いられている場合、正常に表示されない不具合があるのですが、どのように修正すればよろしでしょうか?
>kanaさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されてなによりです。
ではでは!
>ueeさん
こんばんは。
ご質問の件につきまして、サンプルを作成しましたが同様の事象が発生しませんでした。
すいませんが不具合の発生している状態でURLをご連絡頂けたら幸いです。
それではよろしくお願い致します。
月送りカレンダーを設置した後(←これはできました)
休日表示カレンダーも設置しようと思ったのですが
うまく設置できていないようです。
※色が変化しません。
解決方法を探しています。どのようにすればよいのでしょうか?
>25hoursさん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、「5.テンプレートの修正3(スクリプト追加)」の設定がもれているようですので、ご確認ください。
なお5項のスクリプトは
<!--月送りカレンダー用START-->
<script type="text/javascript">
setCurrentDate();
setWeekendAndHoliday(?略?);
</script>
<!--月送りカレンダー用END-->
より手前に設定してください。
それではよろしくお願い致します。
>yujiroさん
できました!
どうもありがとうございます。
設置したカレンダーをよく見ると、当日の枠線が2重になってしまっています。
これの原因はお分かりになりますでしょうか?
>25hoursさん
こんばんは。
ご質問の件ですが、設定されているカレンダーテンプレートに
class="today"
という設定が残っているようです。
本文にある「2006.03.23 以降に月送りカレンダーのカスタマイズをされた方」に該当すると思われますので、そこに掲載しているリストを参考に修正してください。
あと申し訳ありませんがハンドルネームはどちらかおひとつでお願いできますでしょうか(kanaさんと同じ方ですよね)。
それではよろしくお願い致します。
>yujiroさん
解決できました。 ありがとうございます。
またハンドルネームの件、失礼しました。
作っているサイトが違うので、それに合わせて別々の名前を作成していました。
>25hoursさん
こんにちは。
ご連絡ありがとうございました。
無事になおったようでよかったです。
ではでは!
昨年の10月にお世話になり、カレンダーも正常に表示されていたのですが
今月ごろからカレンダーが表示されなくなっていることに気づきました。
(だいぶ放置していたもので気づきませんでした)
エラーの原因が分からないのですが、お分かりになりますでしょうか?
よろしくお願いします。
>25hoursさん
こんにちは。
ご質問の件ですが、「月送りカレンダー・1日に表示されなくなる不具合を改善」が参考になれば幸いです。
それではよろしくお願い致します。
いつもお世話になってます。どこへコメントしていいのかわからず、こちらに書いてみます。
月別アーカイブリストのリンクと、カレンダーの年月表示を同期させるコトは出来ないものかなと思いました。
例えば2007年1月のリンクを押すと、カレンダーも2007年1月のものを表示させたいのです。
年月が経てばカレンダーのページも増え、cookieへ記録される為、過去のカレンダーへ行けば行くほど戻るのが大変・・・
もしくは、カレンダーそのものに年月指定でジャンプさせる機能等を付加する事は出来ないでしょうか?
>どらさん
こんにちは。
お世話になります。
ご要望ありがとうございます。
実現可能か、案を考えてみたいと思いますので、申し訳ありませんがしばらくお時間ください。
ちょいと質問です。
Cookieに現在表示されている月を記録しているのであれば、
月別アーカイブリストを選択した時点(画面が切り替わる前)で、
Cookie情報を選択した月で上書きすれば、画面が切り替わると
カレンダーは同期がとれた状態になる。
と言うことは可能なのでしょうか?
想像だけで、実際に出来る程の知識はなかったりします・・・。
いつもすみませんです。
>どらさん
こんにちは。
ご質問の件は実現可能です。
なお、ご要望の件は下記のカスタマイズで対応可能かもしれません(忘れてました、すいません)。
上記をご質問の回答に代えさせてください。
それではよろしくお願い致します。
cookieの上書きによるカレンダーの同期ができました。
改善の余地ありって所ですけど・・・。
お手数おかけしました?!
>どらさん
こんばんは。
ご連絡ありがとうございました。
なかなかいいですね!
ありがとうございます!
cookieの書式さえ合わせてやれば、Ajax版カレンダーでも使用できる気がします。
うちもいずれAjax版に変更したいなと思ってますので、いずれ試してみます。
MT4であれこれやりたい時に、お時間頂いてすみませんw
はじめまして。
休日表示可なカレンダーがほしくてチャレンジしたのですが、日曜と土曜の曜日のみ赤色、青色表示となり、肝心の日にちは色表示されません。また当日四角囲みになるはずなのになりません。それと月送りテンプレートを入力するとエラーになります。どこから手をつけていいのかまいっています。
恥ずかしいのですが、URLからソースを見ていただけないでしょうか。
よろしくお願いします。
>飄々さん
はじめまして。
ご質問の件ですが、カレンダー用スクリプト
http://hyouhyou.com/bp/dayChecker.js
をブラウザでアクセスすると 404 Not Found になっているようです。
まずはこのファイルを正しくアップロードしてみてください。
それではよろしくお願い致します。
素早い対応ありがとうございます。
たしかに
http://hyouhyou.com/bp/dayChecker.js
ではなく、ムーバブルタイプの本体へアップロードしていました。
http://hyouhyou.com/mt/dayChecker.js
これでやってみます。
本当に感謝です。
たびたび申し訳ありません。
http://hyouhyou.com/bp/dayChecker.js
にアップを完了したのですが、やはり前回同様土日曜のみ色表示され、数字は色表示されません(当日の四角囲みもなし)。
5.テンプレートの修正3(スクリプト追加)の休日表示カレンダースクリプトを起動するスクリプトを マニュアルどおり?に設定したら解決しました(これまでbody内に設置してました。すみません。)。
>飄々さん
こんにちは。
ご連絡ありがとうございました。
無事表示されたようで良かったです。
ではでは!
小粋空間さん
いつも見させて頂き、勉強させて頂いてます。
ところで月送りカレンダーのMovableType4での設置手順はありませんでしょうか?
どうも様子が違うので上手くいきません。
アーカイブ云々のところでいきずまります。
どうぞ宜しくご教授願います。
>西山雄一郎さん
他のエントリーのコメントで回答済ですが、MT4でのAjax月送りカレンダーは「Ajax 月送りカレンダー(MT4版)」を参照願います。
それではよろしくお願い致します。