最近つけたタグ強調JavaScript

「はてブ追加ページでタグが探しにくい」 のことでいろいろやってみたんですけど、 RSSを取得したら最近30件のエントリーにつけたタグがわかって、 いいんじゃないかなあ、と。 あと、数によって大きさを分けなくて、あるかないかだけを見ればよさそうだ。

(function() {
     function resizeTags(xml) {
         var cloud = {};
         var subjects = xml.getElementsByTagName('dc:subject');
         if (subjects.length == 0) {
             subjects = xml.getElementsByTagName('subject');
         }
         for (var i=subjects.length-1; i>=0; i--) {
             cloud[subjects[i].firstChild.nodeValue] = true;
         }
 
         var tags = $('tags_list').getElementsByTagName('span');
         for (var i=tags.length-1; i>=0; i--) {
             var tag = tags[i].innerHTML;
             if (cloud[tag]) {
                 tags[i].style.fontSize = '20pt';
             }
         }
     }
 
     function readFeed() {
         var request = new Ajax.Request(
             'http://b.hatena.ne.jp/' + Hatena.id + '/rss',
             {
                 'method': 'get',
                 onComplete: function(req) {
                     resizeTags(req.responseXML);
                 }
             }
         );
     }
 
     readFeed();
 })();

登録はこちらから。

勉強のためにGreasemonkey版を作ってみました。 グローバル変数の使い方がわからない…

// ==UserScript==
 // @name        Hanena Bookmark Tag Filter
 // @namespace   http://fuktommy.com/js/
 // @description Accent recent userd tag at add entry page.
 // @include     http://b.hatena.ne.jp/add?mode=confirm&*
 // ==/UserScript==
 
 // Copyright (c) 2008 Satoshi Fukutomi <info@fuktommy.com>.
 // http://fuktommy.com/js/hatebu_tagfilter.user.js
 // Distributed under new BSD license
 // http://fuktommy.com/bsdl
 
 (function() {
     function resizeTags(xml) {
         var cloud = {};
         var subjects = xml.getElementsByTagName('dc:subject');
         if (subjects.length == 0) {
             subjects = xml.getElementsByTagName('subject');
         }
         for (var i=subjects.length-1; i>=0; i--) {
             cloud[subjects[i].firstChild.nodeValue] = true;
         }
 
         var tags = document.getElementById('tags_list').getElementsByTagName('span');
         for (var i=tags.length-1; i>=0; i--) {
             var tag = tags[i].innerHTML;
             if (cloud[tag]) {
                 tags[i].style.fontSize = '20pt';
             }
         }
     }
 
     function getUsername() {
         var anchor = document.getElementsByTagName('a');
         for (var i=anchor.length-1; i>=0; i--) {
             if (anchor[i].className == 'username') {
                 return anchor[i].firstChild.nodeValue;
             }
         }
         return null;
     }
 
     function readFeed() {
         var username = getUsername();
         if (! username) {
             return;
         }
         var request = new XMLHttpRequest();
         request.onreadystatechange = function () {
             if ((request.readyState == 4) && (request.status == 200)) {
                 resizeTags(request.responseXML);
             }
         }
         request.open('GET', 'http://b.hatena.ne.jp/' + username + '/rss', true);
         request.send(null);
     }
 
     if (true) {
         window.addEventListener('load', readFeed, false);
     }
 })();
 

登録はこちらから。

Original Article: http://blog.fuktommy.com/1206001929