あずき・ン

JavaScript function CKN(y, m, d, hh, mm, duration) { var fileDate = new Date(y,m-1,d,hh,mm, 0); var nowDate = new Date(); var days = Math.floor((nowDate.getTime() - fileDate.getTime())/(1000*24*60*60)); if (days < duration) { document.write( '<img src="/images/new.gif" border="0" width="15" height="14" align="bottom" />' ); } }
これを見ると分かるように、関数CKNには対象となる物の作成(あるいは更新)年月日時分を渡すようにする。あと、何日(duration)間Newマークを表示するかを渡す。Newマークは上記のdocument.write()の中を各人の環境に合わせてほしい。 これを呼び出す側のテンプレートは次のようになる。(以下では、いずれもduration=2日)
エントリの場合(作成日時) <script language="JavaScript" type="text/javascript"><!-- CKN(<$MTEntryDate format="'%Y','%m','%e','%k','%M'"$>,2);// --> </script>
エントリの場合(更新日時=プラグイン必要)
コメントの場合 <script language="JavaScript" type="text/javascript"><!-- CKN(<$MTCommentDate format="'%Y','%m','%e','%k','%M'"$>,2);// --> </script>
トラックバックの場合(プラグイン必要) <script language="JavaScript" type="text/javascript"><!-- CKN(<$MTPingDate format="'%Y','%m','%e','%k','%M'"$>,2);// --> </script>
なお、プラグインが必要なものは、各々のタグで検索等行い、プラグインをインストールする必要がある。
最後に、最近某所で使った動作例(© miya and Meganiste Japon)を載せる。これは、カテゴリ一覧に、そのカテゴリ内に新規エントリがあればNewマークを付ける。また、カテゴリの前の画像をクリックすれば、カテゴリ内のエントリを表示する。エントリが新規のものであればそこにもNewマークを表示する。
実例
<MTSubCategories> <MTSubCatIsFirst><ul></MTSubCatIsFirst> <li> <div id="cat1_<$MTCategoryLabel$>" style="display:block;"> <a href="" onclick="SH('cat1_<$MTCategoryLabel$>','cat2_<$MTCategoryLabel$>',0);return false;"> <img src="/images/arrow-hide.gif" border="0" align=middle width="14" height="14" /></a>  <$MTCategoryDescription$> <MTEntries lastn="1"> <script language="JavaScript" type="text/javascript"><!-- CKN(<$MTEntryDate format="'%Y','%m','%e','%k','%M'"$>,2);//--> </script> </MTEntries> </div> <span id="cat2_<$MTCategoryLabel$>" style="display:none;"> <div> <a href="" onclick="SH('cat1_<$MTCategoryLabel$>','cat2_<$MTCategoryLabel$>',1);return false;"> <img src="/images/arrow-show.gif" border="0" align=middle width="14" height="14" /></a>  <$MTCategoryDescription$> <MTEntries lastn="1"> <script language="JavaScript" type="text/javascript"><!-- CKN(<$MTEntryDate format="'%Y','%m','%e','%k','%M'"$>,2);//--> </script> </MTEntries> </div> <ul> <MTEntries> <li> <a href="<$MTEntryLink$>" target="eachentry"><$MTEntryTitle$></a> <script language="JavaScript" type="text/javascript"><!-- CKN(<$MTEntryDate format="'%Y','%m','%e','%k','%M'"$>,2);//--> </script> </li> </MTEntries> </ul> </span> <MTSubCatsRecurse> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTSubCategories>
SH()は有名なShowHide()である。
ShowHide
function SH(varA1, varB1, varC1) { var varA11 = ('' + (varA1)); var varB11 = ('' + (varB1)); if ( document.getElementById ) { if ( document.getElementById(varA11).style.display ) { if ( varC1 == 0 ) { document.getElementById(varA11).style.display = "none"; document.getElementById(varB11).style.display = "block"; } else { document.getElementById(varA11).style.display = "block"; document.getElementById(varB11).style.display = "none"; } } else { return true; } } else { return true; } }