はてなブックマークの追加画面で、おすすめタグの中から自分の使っているタグだけを目立たせる Greasemonkey スクリプト

こんな感じになります。


目立たせるといいながら、地味な下線が引かれているだけですが、上の画像の場合、"internet" と "news" と "search" と "web" と "yahoo!" は、僕が以前に登録したことのあるタグであることを表しています。


おすすめタグに、単数形と複数形(例、"lifehack" と "lifehacks")や、スペースがあるものとないもの(例、"google calendar" と "googlecalendar")が並んでいる場合、自分が使っているタグを確認しないと、似たようなタグが増えかねません。下にスクロールして確認すればいいのですが、それが面倒なので作りました。


スクリプトはこちらになります。
http://lab.satoship.net/js/hb_highlight_mytags.user.js

// ==UserScript==
// @name          hb: highlight mytags
// @namespace     http://d.hatena.ne.jp/satoship/
// @include       http://b.hatena.ne.jp/add*
// @version       1.0
// ==/UserScript==

(function() {
    var my_onload = function(){
    with(unsafeWindow){
        var div_othertags_list = $('othertags_list');
        var spans_othertags = $A(div_othertags_list.getElementsByTagName('span'));

        spans_othertags.each(function(span_othertag){
        var my_tag = tags.find(function(v){
            return v == span_othertag.innerHTML;
        });

        if(my_tag){
            with(span_othertag.style){
            borderBottom = "1px dashed #777777";
            }
        }
        });
    }
    };

    unsafeWindow.addEventListener("load", my_onload, false);
})();