- 2010年3月30日 09:44
- Last update: Jan 12, 2015 23:18
- JavaScript | MTカスタマイズ

Movable Typeのmt.jsファイルに追記することで、イベント表示のようなものを表示するカスタマイズを考えました。
この時期でイベントというと、「エイプリルフール」でしょうね。
でもちょっと大がかりな(謎)ものを思いついても、時間ねーとかなるし、MTなんかは場合によってはテンプレートに再構築が必要にもなってきてちょっと手間だったり。
こんなときmt.jsファイルに少しコードを追加してみたらどうよ、というのを思いつきました。ネタなので思いつきだけで終わってもいいんですがとりあえずやってみました。
だいたいこのような感じです。中身だとか時間の取得とかはてきとうです。getElementByIdでも任意なところに追加してもいいかも。実行されるとページの上のほうに何か表示されるということになってます。
<mt:IfBlog>
function event(){
var today = new Date();
var month = today.getMonth();
var day = today.getDay();
if (month==3 || day == 1 ){
var mybody = document.getElementsByTagName("body")[0];
if(mybody){
var message = document.createElement("div");
var atr= document.createAttribute("id");
atr.nodeValue= "event";
message.setAttributeNode(atr);
var htm='<span class="event" style="position: absolute;top:0;left:0;margin:0 3px;width: 90%;">message here.</span>';
mybody.appendChild(message);
message.innerHTML=(htm);
}
}
}
window.onload = function() {
event();
}
</mt:IfBlog>
- Newer: InstaMT環境にHTML-lintを導入してみた
- Older: jFeed pluginで遊んでみた
Comments:
コメントをどうぞ。書き込む場所が不明な場合やサイトオーナーへのコンタクトは、GuestBookまでお気軽にどうぞ
blog comments powered by Disqus