試しに使ってみました。
コードはこんな感じ。
<script type="text/javascript"><!--
function awasete_yomitai(data) {
var d = document;
var container = d.getElementById('awasete_content');
while(container.hasChildNodes())
container.removeChild(container.firstChild);
var ol = d.createElement('ol');
for(var n = 0; n < data.length; n++) {
var li = d.createElement('li');
var favicon = d.createElement('img');
favicon.src = data[n].favicon;
li.appendChild(favicon);
li.appendChild(d.createTextNode(' '));
var anchor = d.createElement('a');
anchor.appendChild(d.createTextNode(data[n].title));
anchor.href = data[n].url;
li.appendChild(anchor);
li.appendChild(d.createTextNode(' '));
var awasete = d.createElement('a');
awasete.appendChild(d.createTextNode('[ナビゲーション]'));
awasete.href = data[n].navigation;
li.appendChild(awasete);
li.appendChild(d.createTextNode(' '));
var more = d.createElement('a');
more.appendChild(d.createTextNode('[もっと見る]'));
more.href = data[n].more;
li.appendChild(more);
ol.appendChild(li);
}
container.appendChild(ol);
}
function awasete_yomitai_do(url) {
var s = document.createElement('script');
s.charset = 'utf-8';
s.src = 'http://api.awasete.com/showjson.phtml?u=' + encodeURIComponent(url);
document.body.appendChild(s);
}
--></script>
<a href="javascript:awasete_yomitai_do('http://mattn.kaoriya.net');void 0">あわせて読みたい</a>
<div id="awasete_content"></div>
実行確認。[あわせて読みたい]を表示
callback指定出来ないのが少し悲しい。
