Bookmarklets from md2tak

[Let] Twitterでフォロアー数を非表示にする

md2tak — 2011-06-28T11:34:57Z

/*
 * @title Twitterでフォロアー数を非表示にする
 * @description Chrome/GreaseMonkeyで使用してください。増減を気にしたくない人用　followersページの「nユーザーにフォローされています」は普通に表示される
 * @include http://twitter.com/*
 * @license MIT License
 * @require 
 */

// 2011/06/28 二つ目がうまく適用できていなかったのを修正

var el = document.createElement('style');
document.body.appendChild(el);
el.sheet.insertRule('div.new-followers-activity span.user-stat-link { display:none; }',0);
var uid = document.getElementById('screen-name').innerHTML.replace(/[\r\n\s]/g, '');
el.sheet.insertRule('ul.user-stats a[href="/#!/' + uid + '/followers"].user-stats-count { display:none; }',0);

[Let] 特定のドメインをはてブで表示させないスクリプト

md2tak — 2011-06-25T16:48:39Z

特定のドメインをはてブで表示させないスクリプト

/*
 * @title 特定のドメインをはてブで表示させないスクリプト
 * @description インストールしてからhiddenDomainsの値を編集して使う
 * @include http://b.hatena.ne.jp/*
 * @license MIT License
 * @require http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js
 */

var hiddenDomains = ''; // ex) example.com|hoge.net|userid

hiddenDomains = hiddenDomains.split('|');

var removeDomain = function () {
    for (var i = 0; i < hiddenDomains.length; i++) {
        var d = hiddenDomains[i];
        if (d.indexOf('.') == -1 && d.indexOf(':') == -1) {
            d = 'd:id:' + d;
        }
        $('a.domain:contains("' + d + '")').parent().parent().remove();
    }
};
  
removeDomain(); // 初回  

//　dom変更時
var W = (typeof window == 'undefined') ? unsafeWindow : window;
var kicked = false;
W.addEventListener("DOMSubtreeModified", function(e) {  
    if (kicked) return;
    kicked = true;
    setTimeout(function () { removeDomain(); kicked = false; }, 100);
}, false);

[Let] 指定したユーザのスターを非表示にするスクリプト

md2tak — 2011-06-25T03:03:46Z

指定したユーザのスターを非表示にするスクリプト

/*
 * @title 指定したユーザのスターを非表示にするスクリプト
 * @description 指定したユーザのスターを非表示にする
 * @include http://b.hatena.ne.jp/*
 * @license MIT License
 * @require 
 */

var userList = ''; // foo|bar|hoge // 左のように指定する
userList = userList.split('|');
var el = document.createElement('style');
document.body.appendChild(el);
for (var i = 0; i < userList.length; i++) el.sheet.insertRule('img[alt=' + userList[i] + '].hatena-star-star { display: none; }', 0);

[Let] はてなダイアリーのカテゴリー一括変更レット

md2tak — 2011-06-24T04:51:39Z

はてなダイアリーのカテゴリー一括変更レット

/*
 * @title はてなダイアリーのカテゴリー一括変更レット
 * @description 過去の記事一覧画面をカテゴリーで絞った状態でブックマークレットとして使うと起動します。(2011/06/24 動作確認)
 * @include http://d.hatena.ne.jp/*
 * @license MIT License
 * @require jQuery
 */

if (location.href.indexOf('archive?mode=edit&word=') == -1) {
    alert('はてなダイアリーの過去の記事画面で実行してください。');
    return;
}

if ($('select[name=word]').val() == '') {
    alert('カテゴリーを指定してください。');
    return;
}

var readme = '\
-===　注意事項 ===-\n\
必ずデータのバックアップを事前に取った上で実行してください。\n\
動作確認は行っていますが万一データの破損・消去が行われた場合の責任は負いかねます。\n\
以上をご了承頂いた上でご利用ください。\n\
';

if (!confirm(readme)) return;

var oldCat = $('div#main-inner select[name=word] option:selected').text();
var newCat = prompt('新しいカテゴリー名を入力してください。', oldCat);

var isValid = false;
(function () {
    if (newCat == null) return alert('空文字は指定できません。');
    if (newCat == oldCat) return alert('同じ値は指定できません。');
    if (newCat.match(/[\[\]]/)) return alert('[]を含めないでください。');
    if (!confirm(oldCat + ' -> ' + newCat + '　にカテゴリーを更新します。\よろしいですか？')) return;
    isValid = true;
})();
if (!isValid) { alert('終了します。再度実行してください。'); return; }

alert('処理を開始します。完了メッセージが出るまでお待ちください。');

var editLinks = $('table.table-list td.line-right a:contains("編集")'); // 記事編集リンクの取得

// iframe の準備
var ifr = document.createElement('iframe');
//ifr.style.display = 'none'; // 非表示だとfirefoxがsubmitしてくれない・・・
ifr.width = ifr.height = 0; // ｺｿｰﾘ
document.body.appendChild(ifr);

// busyフラグ
var isBusy = false;

// 更新処理
var updateCat = function(link) {
    ifr.src = link.href;
    ifr.onload = function () {
        var iDoc = ifr.contentDocument;
        var entryBody = $('textarea[name=body]', iDoc);
        var b = entryBody.val();
        var b = b.replace(/^\*.*?\*(\[.+?\])+/mg, function (p) {
            return p.replace(/\[(.+?)\]/g, function(cat, catName) {
                if (catName == oldCat) cat = '[' + newCat + ']';
	        return cat;
            });
        });
        entryBody.val(b);
        $('div#main-inner form[name=edit] input[name=trivial]', iDoc)
            .attr('checked', true); // ちょっとした更新
　　　　　$($('div#main-inner form[name=edit] input[type=submit][name=edit]',
            iDoc).get(0)).trigger('click'); 
        ifr.onload = function () { isBusy = false; };
    };
};

// 終了時
var finished = function() {
    alert('カテゴリーの更新が完了しました。ページを更新して確認してください。\n\
複数ページにわたっている場合は再度実行してください。\n\
また設定>編集設定のカテゴリー情報は更新しませんので、必要に応じて手動で編集してください。\n');
};

// ループ処理
var i = 0;
var timer = setInterval(function() {
    if (!isBusy) {
        isBusy = true;

        // 終了チェック
        if (i == editLinks.length) { clearInterval(timer); finished(); return; }
        updateCat(editLinks[i++]);
    }
}, 500);

[Let] Hatena::Letにサイト内検索を追加

md2tak — 2011-06-04T07:38:40Z

Hatena::Letにサイト内検索を追加

/*
 * @title Hatena::Letにサイト内検索を追加
 * @description これで車輪の再発明を防げる？
 * @include http://let.hatelabo.jp/*
 * @license MIT License
 * @require 
 */

var frm = '\
<!-- SiteSearch Google --> \
<form method=get action="http://www.google.co.jp/search" target="_blank" style="display:inline"> \
<a href="http://www.google.co.jp/"> \
<img src="http://www.google.com/logos/Logo_40wht.gif"  \
border="0" alt="Google" align="absmiddle" style="height:30px;"></a> \
<input type=text name=q size=31 maxlength=255 value=""> \
<input type=hidden name=ie value=UTF-8> \
<input type=hidden name=oe value=UTF-8> \
<input type=hidden name=hl value="ja"> \
<input type=submit name=btnG value="Google 検索"> \
<font size=-1> \
<input type=hidden name=domains value="YOURSITE.CO.JP"> \
<input type=hidden name=sitesearch value="YOURSITE.CO.JP"> \
</font> \
</form> \
<!-- SiteSearch Google --> \
';

var yoursiteAddr = 'let.hatelabo.jp';

var myFrm = frm.replace(/YOURSITE.CO.JP/g, yoursiteAddr);

var logoEl = document.getElementById('logo');
logoEl.innerHTML += myFrm;

[Let] はてなダイアリー用ソーシャルボタン取得ボタン

md2tak — 2011-06-03T18:39:22Z

はてなダイアリー用ソーシャルボタン取得ボタン

/*
 * @title はてなダイアリー用ソーシャルボタン取得ボタン
 * @description はてダのタイトル横に[So]ボタンが表示されるので、クリック
 * @include http://d.hatena.ne.jp/*
 * @license MIT License
 * @require 
 */

var W = (typeof unsafeWindow == 'undefined') ? window: unsafeWindow; var $ = W.jQuery;

$(function(){
if (W.Hatena.Diary.Visitor != W.Hatena.Diary.Author) return; // 自分のブログだけ
var hatenaDiaryUrl = 'http://d.hatena.ne.jp';

var snipet = '<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/117235118142641260238/hatena-diary-social-buttons.xml&amp;up_articleUrl=$articleUrl$&amp;up_articleTitle=$articleTitle$&amp;up_backgroundColor=%23FFFFFF&amp;up_mixiServiceKey=$mixiServiceKey$&amp;synd=open&amp;w=500&amp;h=21&amp;title=hatena-diary-social-buttons&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>';

var popupSnipet = function () {
    var lnk = $('a:first', $(this).parent());
    var res = snipet;
    var vars = {
        articleUrl: hatenaDiaryUrl + lnk.attr('href'),
        articleTitle: lnk.html(),
        mixiServiceKey: ''
    }

    for (var k in vars) {
        var v = encodeURIComponent(vars[k]);
        res = res.replace(new RegExp('\\$' + k + '\\$', 'g'), v);
    }

    prompt('本文にコピペしてください', res);
}

var sections = $('div.body div.section');
for (var i = 0; i < sections.length; i++) {
    var lnk = $('a:first', sections[i]);
    var btn = $('<input type=button value="So" />').click(popupSnipet);
    var slnk = lnk.clone().html('[So]');
    lnk.after(btn);
}

});

[Let] はてなダイアリー字数カウント

md2tak — 2011-06-03T17:06:41Z

はてなダイアリー字数カウント

/*
 * @title はてなダイアリー字数カウント
 * @description Chrome/GreaseMonkeyで使用してください。スクロールすれどエントリが終わらない時にイライラしてくる人用。
 * @include http://d.hatena.ne.jp/*
 * @license MIT License
 * @require 
 */

// 2011-06-03 ブックマークレットでもいけるように修正。スタイル指定も削除するように修正。
// 2011-06-03 はてダのjQueryを利用するように修正

var $ = (typeof unsafeWindow == 'undefined') ? jQuery : unsafeWindow.jQuery;

var sections = $('div.body div.section');
for (var i = 0; i < sections.length; i++) {
  var sec = sections[i];
  var str = $(sec).html().replace(/<style.*?<\/style>/gm, '').replace(/\<.*?\>/gm,'').replace(/(\t|\s|\r|\n)*/gm, '');
  var cnt = str.length;
  cnt = cnt + '';
  var htm = '<b> [' + cnt + '文字]</b>';
  $($('a', sec)[0]).after(htm);
}

[Let] ブクマコメントの消失を回避

md2tak — 2011-05-26T15:30:07Z

ブクマコメントの消失を回避

/*
 * @title ブクマコメントの消失を回避
 * @description Greasemonkey/Chromeで使用してください。はてブ編集時にコメントが消えるバグを回避できます。バグが修正されたら削除してください。
 * @include http://b.hatena.ne.jp/entry*
 * @license MIT License
 * @require 
 */

var d = document;
var $ = function(id) { return d.getElementById(id); }
var $x = function(xp, c) { if (c == undefined) c = d; return d.evaluate(xp, c, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; }
var $a = function(xp, c) { if (c == undefined) c = d; var r = d.evaluate(xp, c, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); var a=[]; for(var i=0; i<r.snapshotLength; i++){ a.push(r.snapshotItem(i)); } return a; }
var $e = function(e,t,f) { if (!e) return; e.addEventListener(t, f, false); }

var lis_self = $a('//li[contains(@class, "self")]');
for (var i = 0; i < lis_self.length; i++) {
  var li_self = lis_self[i];
  // headerの取得
  var div_header = $x('./div[@class="header"]', li_self);
  if (div_header == null) continue; // 仕様変更対策
  //　レイアウト調整
  div_header.appendChild(d.createElement('BR'));
  // 要素移動
  var spans = $a('./span', li_self);
  for (var j = 0; j < spans.length; j++) {
    div_header.appendChild(spans[j]);
  }
}

[Let] Togetter風はてブ引用ツール

md2tak — 2011-05-24T14:36:26Z

Togetter風はてブ引用ツール

/*
 * @title Togetter風はてブ引用ツール
 * @description はてブコメントをTogetter風に引用できます。
 * @include http://b.hatena.ne.jp
 * @license MIT License
 * @require jQuery
 */

if (typeof jQueryInstance == 'undefined') {
  jQueryInstance = $;
} else {
  $ = jQueryInstance;
}

// スタイルシート

var css = '\
<style type="text/css">\
  div.togetteristic-hatebu * { border:none; padding: 0; margin:0; font-size:100%; }\
  div.togetteristic-hatebu span {color:#999999;}\
  div.togetteristic-hatebu { width: 610px;line-height:1.4em;font:13px Verdana,arial,helvetica,clean,sans-serif;border-bottom: 1px solid #999999;padding: 5px 0; }\
  div.togetteristic-hatebu:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }\
  div.togetteristic-hatebu span.tags {  }\
  div.togetteristic-hatebu span.tags a, div.togetteristic-hatebu span.timestamp  { color:#999999;font-size:92%; }\
  div.togetteristic-hatebu a.userid { text-decoration:underline; color:#105CB6;}\
  div.togetteristic-hatebu div.profile-img { margin-right:10px;float:left;border: 1px solid #E5E5E5;-moz-border-radius: 5px 5px 5px 5px;padding:4px; }\
  div.togetteristic-hatebu div.profile-img a { border:none; }\
  div.togetteristic-hatebu div.profile-img img { height:48px;width:48px;border:none; }\
  div.togetteristic-hatebu div.comment { margin-bottom: 5px;}\
  div.togetteristic-hatebu div.status { float:right;text-align:right; }\
</style>\
';

// シンプル
var tmpl = '\
<li> \
  <a href="$userpageLink$"><img src="$profileImg$" /></a>\
  <a href="$link$" class="userid">$userid$</a>\
  <span class="tags">$tags$</span>\
  <span class="comment">$comment$</span>\
  <span class="timestamp">$timestamp$</span>\
</li>\
';

// Toggeter風
var tmpl = '\
<div class="dummy">\
\
<div class="togetteristic-hatebu">\
  <div class="profile-img">\
    <a href="$userpageLink$"><img src="$profileImg$" /></a>\
  </div>\
  <div class="comment">$comment$</div>\
  <div class="status">\
    <a href="$link$" class="userid">$userid$</a><br />\
    <span class="tags">$tags$</span>\
    <span class="timestamp">$timestamp$</span>\
  </div>\
</div>\
\
</div>';
    
$('ul.bookmark-list li, ul.comment li').unbind().hover(function(){
    $(this).css('border', '2px solid red');
},function(){
    $(this).css('border', '');
}).click(function(){
    var hateb_url = 'http://b.hatena.ne.jp';
    var uid = $(this).attr('data-user');
    var profimg = 'http://www.hatena.ne.jp/users/' + uid.substr(0,2) + '/' + uid + '/profile.gif';
    var vars = {
        userid: uid,
        link: hateb_url + $('a.username', this).attr('href'),
        userpageLink: hateb_url + '/' + uid + '/',
        tags: $('span.tags', this).html(),
        comment: $('span.comment', this).html(),
        timestamp: $('span.timestamp', this).html(),
        profileImg: profimg,
    };
    
    html = tmpl;
    for (var k in vars) {
        html = html.split('$' + k + '$').join(vars[k]);
    }
    
    var htmlobj = $(html);
    $('a', htmlobj).each(function(){
        var href = $(this).attr('href');
        if (href.substr(0,1) == '/') { // 相対パスならURLの追加
            $(this).attr('href', hateb_url + href);
        }
    });
    html = htmlobj.html();

    var copytype = $('#togetteristic-hatebu-form input[name="copytype"]:checked').val();
    
    var rs = css + html;
    if (copytype == 1) rs = css + html;  
    if (copytype == 2) rs = html;
    
    if(jQuery.browser.msie){
        clipboardData.setData("Text", rs);
        alert('コピーしました！');
    } else {
        prompt('コピーしてください', rs);
    }
    return false;
});

// htmlの挿入

var html = '\
<div id="togetteristic-hatebu-form" style="position: fixed; top: 60px; right: 20px; z-index: 9999; background: none repeat scroll 0% 0% white; border: 2px solid gray; padding: 10px; font-size: 90%;text-align:left;">\
<b>Togetter風はてブ引用ツール</b><br />\
コピーしたいブコメをクリック！<br /><br />\
<label><input type="radio" checked="" value="1" name="copytype">スタイル＋コメントHTML(普通はこれ)</label><br />\
<label><input type="radio" value="2" name="copytype">コメントHTMLのみ(2個目以降)</label><br />\
</div>\
';

$('#togetteristic-hatebu-form').remove();
$('body').append(html);

[Let] ライブラリが何度も読み込まれてしまうサンプル

md2tak — 2011-05-23T08:47:43Z

ライブラリが何度も読み込まれてしまうサンプル

/*
 * @title ライブラリが何度も読み込まれてしまうサンプル
 * @description http://let.hatelabo.jp/md2tak/let/gYC-yIO--PqnXQとの比較用。
 * @include http://*
 * @license MIT License
 * @require jQuery
 */

alert('読み込みました。');

//　イベントをunbindしているにもかかわらず、ライブラリのオブジェクト（$）自体が上書きされてしまっているので、実際にはunbindされない。
$('body').unbind().click(function(){
  alert('クリックしました。これは何度も登録されてしまう。');
});

[Let] ライブラリを一度だけ読み込むサンプル

md2tak — 2011-05-23T08:24:57Z

ライブラリを一度だけ読み込むサンプル

/*
 * @title ライブラリを一度だけ読み込むサンプル
 * @description ＠requireのライブラリで作成されたオブジェクトをSingleton風に保持するサンプル
 * @include http://*
 * @license MIT License
 * @require jQuery
 */

if (typeof jQueryInstance == 'undefined') {
  jQueryInstance = $;
  alert('初回読み込み。グローバルに保存');
} else {
  $ = jQueryInstance;
  alert('二回目以降。グローバルから読み出し');
}

// $はずっと同じものを使っているのでunbindが有効。
$('body').unbind().click(function(){
  alert('クリックしました。これは一度しか呼び出されません。');
});