朝焼けが好きなひとはきっと何か物を作るのが好きなひとだと思う。

何を思ったかよくわからないがなんとなく思い立ってやってみた。

<script type="text/javascript">
<!--
rex = RegExp("([^\(]+)[^0-9]+([0-9]+)");
var list = document.getElementById("theme_list").getElementsByTagName("li");
var hrefList = new Array(list.length);
var themeList = new Array(list.length);
var sizeList = new Array(list.length);
var totalSize = 0;
for(var i = 0, len = list.length; i < len; i++){
var aTag = list[i].getElementsByTagName("a")[0];
hrefList[i] = aTag.href;

var val = aTag.innerHTML;
val.match(rex);
themeList[i] = RegExp.$1;
var size = parseInt(RegExp.$2);
sizeList[i] = size;
totalSize += size;
}
var themeCloud = "";
for(var i = 0, len = list.length; i < len; i++){
var size = Math.ceil(15 * sizeList[i] / totalSize);
if(size > 4) size = 4;
themeCloud += '<a href="' + hrefList[i] + '" style="font-size: ' + size + 'em;">' + themeList[i] +'</a>'
}
document.getElementById("theme_list").innerHTML = themeCloud;
// -->
</script>


このソースをフリープラグインにいれて、サイドバーの配置でテーマモジュールより下に配置すれば動くと思うけど。たぶん。MacFFでしか確認してないけどな!

てかJS全然書かないから作法とかわからん。なんともソースが小汚くて書いててイラっとした。
誰か教えてほしい。あとこうすれば小粋な見た目になれるよ!ってのも。
AD

コメント(1)