2010年12月アーカイブ

サイドバーの最新記事を「Ajax によるモジュール化」により行っていましたが、zenbackを導入したのをきっかけに、jQuery版に変更してみました。

zenbackは、prototypeとの相性が悪く、Firefoxなど主要なブラウザでは問題なく表示されても、Internet Explorerではエラーとなります。

【2010-12-26 追記その1】

本家本元の小粋空間さんへコメント欄でリクエストしたところ早速、Ajaxによるモジュール化（jQuery版）: 小粋空間という記事が掲載されました。ありがとうございます。

小粋空間のjQuery版のajaxUtil.jsは次の通りです。

function getFile(url, id) {
    jQuery.ajaxSetup({
        cache: false
    });
    jQuery('#'+id).load(url);
}

【2010-12-26 追記その2】

以下の以前の記事はそのまま掲載しておきます。

組み込んでいるスクリプトをjquery版に入れ替えているのですが、「Ajax によるモジュール化」で使われているajaxUtil.jsには、jquery版が無いので、jquery暫定対応版を作ってみました。

function getFile(url) {
    url = url + "?" + Math.random();
    $.ajaxSetup({
        cache: false
    });
    $("#entries").load(url, function(text, status) {
        if (status == 'success') {
            endProcess();
        } else {
            errorProcess();
        }
    });
}
　
function endProcess() {
    var value = document.getElementById('entries');
}
　
function errorProcess() {
    $("#entries").html() = 'File Not Found';
}

関連エントリー

• サイドバーの最新記事を「Ajax によるモジュール化」に変更

検索テンプレートは&とかが、&と実体参照されていないので、Validになりません。が、どうしてもValidにしたい場合の、あまり役立たないTipsのMT5版です。MT4の場合は、そちらをごらんください。

どうしても検索テンプレートでValidにしたい場合でのカスタマイズではMT5はValidになりません。

mtインストールフォルダ/lib/MT/Template/Tags/Pager.pmに手を加えます。

147行目以降

if ( $link ) {
    if ( index($link, '?') > 0 ) {
        $link .= '&';
    }
    else {
        $link .= '?';
    }
}
$link .= "limit=" . encode_url($limit);
$link .= "&page=" . encode_url($page) if $page;
$link .= "&Template=" . encode_url($template) if $template;

を

if ( $link ) {
    if ( index($link, '?') > 0 ) {
        $link .= '&';
    }
    else {
        $link .= '?';
    }
}
$link .= "limit=" . encode_url($limit);
$link .= "&page=" . encode_url($page) if $page;
$link .= "&Template=" . encode_url($template) if $template;

とします。

Youtube の貼り付け用 HTML は valid にならないので、小粋空間さんの「Youtube の貼り付け用 HTML を valid にするスクリプト」を使っています。

こちらのサイトでは、様々なスクリプトやMovable Typeプラグインを紹介されています。

紹介サイト

• 小粋空間: Youtube の貼り付け用 HTML を valid にするスクリプト

最新版のMT4iにはコメント入力時に絵文字を使うことが出来ます。また、MT側でもプラグインを導入することで、携帯電話で入力したコメント欄の絵文字を表示することが出来ます。

解説とダウンロードは、

MT4iとMTでも絵文字使おうぜプラグインの関連リンク

• MTでも絵文字使おうぜプラグイン、アリマス - Kickstart my heart
• MT4i/3.1/インストール - t2o2-Wiki

Encode::JP::Emoji 関連リンク

• Encode::JP::Emoji - emoji4unicode ベースの絵文字変換 Perl モジュール : Media Technology Labs (MTL) : メディアテクノロジーラボ　ブログ

です。

ただしこのプラグインはMT5では動作しないようですが、表示させるだけなら問題はないのでインストールしましょう。

また、MT4i/3.1/インストール - t2o2-Wiki で解説の、 Encode::JP::Emoji ですが、MT4iを複数インストールしているので、MTアプリケーションディレクトリ直下のlibディレクトリに入れました。

zenbackなるwebサービスのブログパーツを貼り付けてみました。

関連記事、関連リンク、Twitterのタイムライン、はてなブックマーク、アクセス元と、
ソーシャル・ボタンとして、ツイートボタン、はてなブックマーク、mixiチェック、Evernoteサイトメモリー、Facebook「いいね！」ボタンが表示されます。

ブログ記事での表示例

Lightbox2のjQuery版Slimbox2に変更しました。導入は簡単で、

1.jquery.comのDownloadからjquery.jsをダウンロードし、所定のフォルダ（ここではscript）へアップロード。

2.Slimbox 2, the ultimate lightweight Lightbox clone for jQuery · digitalia.beから、Slimbox 2.04をダウンロードし解凍。

3.解凍されたフォルダを、slimbox2にリネームしアップロード。

4.使用したいテンプレートのhead要素内に

<script type="text/javascript" src="http://<$mt:BlogHost$>/script/jquery.js"></script>
<script type="text/javascript" src="http://<$mt:BlogHost$>/slimbox2/js/slimbox2.js"></script>

と記述。

jqueryはgoogleのものを利用する手もあります。その場合は、後述のように組み込みます。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4");</script>

5.CSSを

<link rel="stylesheet" href="http://<$mt:BlogHost$>/slimbox2/css/slimbox2.css" type="text/css" media="screen" />

または、スタイルシートで

@import url("http://<$mt:BlogHost$>/slimbox2/css/slimbox2.css") screen;

と記述。

あとはLightbox2関係の記述を削除して出来上がり。

Lightbox2からの乗り換えならこれでOKです。