ネタ:何かのイベントの表示にmt.jsファイルを使う

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>

Comments:

コメントをどうぞ。書き込む場所が不明な場合やサイトオーナーへのコンタクトは、GuestBookまでお気軽にどうぞ

blog comments powered by Disqus