hogehoge foobar Blog Style Beta

Web,Mac,Linux,JavaScript,Perl,PHP,RegExp,Git,Vim,Redmineなど技術的なことのメモや、ちょっと便利そうなものの紹介をしています。

Blogger

JavaScriptのコードハイライトを試してみる。
こちらのブログを参考にさせていただきました。
Blogger でも、コードハイライト してみる。by google-code-prettify − 鰯のテクニカルノート

  1. google-code-prettify から、ソースをダウンロード。
  2. Blogger の「ダッシュボード」から、該当ブログの「レイアウト」を選択
  3. 「ページ要素を追加」で、「HTML/JavaScript」を選択
  4. 「コンテンツ」にソースをベタ貼り(これでプログラムソースを読み込ませる)
  5. 次に、「HTML の編集」で、body の onload で、スクリプトを実行させる。
実際にコードハイライトをしてみた。
function fnXMLHttpRequest(purl)
{
var data;
httpRequest = false;
httpRequest = new XMLHttpRequest();
httpRequest.abort();
httpRequest.open('GET', purl, true);
httpRequest.onreadystatechange = function (aEvt) {
if (httpRequest.readyState == 4) {
if(httpRequest.status == 200){
data = eval("(" + httpRequest.responseText + ")");
}
}
};
なかなかいい感じです。
次はBlogger上でJavaScriptの実行ができるか調べてみよう。
出来ればサンプルコードとかを動作させたいので。