『あわせて読みたい』JavaScript版を設置してみた

以下の記事を参考に『あわせて読みたい』という、BlogパーツをJavaScript化してみた。

「あわせて読みたい」のjavascript版 ブログパーツを公開(申請中)しました。

サービスによってはJavaScriptが使えない事もあるので、画像の方が汎用的ではあるんだけど、Webページ上からダイレクトにサイトへリンクできるという点ではJavaScriptの方が魅力的。

■実際のコード
※『u=http://』…の箇所を変更することで、カスタマイズ可能です。
(要:URLエンコード )

<style type="text/css">
<!–
.awasete_yomitai {
}
.awasete_yomitai ul{
font-size:0.9em!important;
margin:0px!important;
}
.awasete_yomitai ul.awasete_favicon {
list-style-image:none;
list-style-type:none!important;
list-style-position: outside;
}

.awasete_yomitai li{
background-position:0px top;
background-repeat:no-repeat;
margin:1pt 0;
list-style-image:none!important;
list-style-type:none!important;
list-style-position: outside;
}
.awasete_yomitai .awasete_favicon li{
padding:0pt 0pt 0pt 20px;
}

–>
</style >
<!– awasete yomitai –>
<div id="awasete_yomitai" align="left"></div>
<script type="text/javascript">
<!–
function awasete_yomitai(v){
var list_max=5; // 表示行数の最大値 1~10
var favicon_visible=1; // リンク先のfaviconの表示 1=有 / 0=無
var elmRoot = document.getElementById('awasete_yomitai');
var elmUl = document.createElement( 'UL' );

if (favicon_visible == 1){
elmRoot.className='awasete_yomitai';
elmUl.className='awasete_favicon';
}
elmRoot.appendChild(elmUl);

if(list_max<1 || 10<list_max){list_max=5;}
var max = Math.min(list_max, v.length);

for (var i = 0; i < max; i++){
var liElement = document.createElement( 'LI');
if (liElement){
var d = v[i];
if (favicon_visible == 1){
liElement.style.backgroundImage='url('+d.favicon+')';
}
elmUl.appendChild(liElement);
var aElement = document.createElement('A');
aElement.href=d.url;
aElement.appendChild(document.createTextNode(d.title));
liElement.appendChild(aElement);
}
}

document.write('<div style="text-align:right;font-size:85%;"> by <a href="http://awasete.com/show.phtml?u=<http%3a%2f%2fblog%2elivedoor%2ejp%2fjun_777%2f>&quot; target="_blank">'+'awasete.com'+ '</a></div>');

}
//–>
</script>
<script type="text/javascript" src="http://api.awasete.com/showjson.phtml?u=http%3a%2f%2fblog%2elivedoor%2ejp%2fjun_777%2f&quot; charset="utf-8"></script>
<!– /awasete yomitai –>