blog.fuktommy.com

最近つけたタグ強調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);
    }
})();

登録はこちらから。

• 2008-03-20 17:32:09
• コメントする
• この記事へのリンク