Vox の新機能を試す

• Vox新バージョンリリース！

というわけでいくつか設定を弄りました。リンクリストで本家（Baldanders.info）も参照できるようにしています。まぁ本家のほうは友人などから「何が書いてあるかさっぱり分からん」と概ね不評ですが。こちらの Vox では楽しんでいただけてるといいのですけど。

で，

「記事を書く」画面に新しく追加された「コード挿入」ボタンをクリックするとコードが挿入できるようになっています。

ということなのですが，これって例えば del.icio.us のブックマークも表示できるのかな。

おおお！ できるじゃん。結構遊べるかも。ちなみに上のスクリプトのソースはこんな感じ。

<div id="bookmark"><p>from <a href="http://del.icio.us/">del.icio.us</a></p></div>
<script type="text/javascript" src="http://your.domain/js/jsr_class.js"></script>
<script type="text/javascript">
var oJsr = new JSONscriptRequest('http://del.icio.us/feeds/json/spiegel?count=10&callback=callback');
oJsr.buildScriptTag();
oJsr.addScriptTag();
function showImage(img){ return (function(){ img.style.display='inline' }) }
function callback(data) {
  var ul = document.createElement('ul');
  for (var i=0, post; post = data[i]; i++) {
    var li = document.createElement('li');
    var a = document.createElement('a');
    a.style.marginLeft = '20px';
    var img = document.createElement('img');
    img.style.position = 'absolute';
    img.style.display = 'none';
    img.height = img.width = 16;
    img.src = post.u.split('/').splice(0,3).join('/')+'/favicon.ico';
    img.onload = showImage(img);
    a.setAttribute('href', post.u);
    a.appendChild(document.createTextNode(post.d));
    li.appendChild(img);
    li.appendChild(a);
    ul.appendChild(li);
  }
  document.getElementById('bookmark').appendChild(ul);
  oJsr.removeScriptTag();
}
</script>

JSONP を jsr_class.js で処理してます。 jsr_class.js の置き場所や del.icio.us のアカウントは自前で調達してください（笑）