Bookmarklets from hokaccha

[Let] view web storage

hokaccha — 2011-04-11T08:07:54Z

/*
 * @title view web storage
 * @description web storage viewer for smartphone
 * @include http://*
 * @license MIT License
 * @require jquery
 */

var css = [
'body {',
'	margin: 0;',
'	padding: 0;',
'}',
'h1 {',
'	font-size: 20px;',
'	text-align: center;',
'	padding: 10px;',
'	margin: 0;',
'}',
'h2 {',
'	font-size: 18px;',
'	text-align: center;',
'	padding: 10px;',
'	background: #EEE;',
'}',
'table {',
'	width: 100%;',
'	border-collapse: collapse;',
'	font-size: 14px;',
'}',
'td, th {',
'	border: 1px solid #333;',
'	padding: 5px;',
'}',
'th {',
'	background: #e2e7ff;',
'}',
].join('');

var html = [
'<h1>storage確認ページ</h1>',
'<h2>sessionStorage</h2>',
'<table id="sessionStorage">',
'	<col width="30%">',
'	<col width="50%">',
'	<col width="20%">',
'	<tr>',
'		<th>キー</th>',
'		<th>値</th>',
'		<th>削除</th>',
'	</tr>',
'</table>',
'',
'<h2>localStorage</h2>',
'<table id="localStorage">',
'	<col width="30%">',
'	<col width="50%">',
'	<col width="20%">',
'	<tr>',
'		<th>キー</th>',
'		<th>値</th>',
'		<th>削除</th>',
'	</tr>',
'</table>'
].join('');

$('head').empty().append( $('<style>').text(css) );
$('body').empty().append( html );

["sessionStorage", "localStorage"].forEach(function(storageName) {
	var storage = window[storageName];
	var $table = $("#" + storageName);
	var $rm = $("<button>").text("削除").click(function() {
		var $tr = $(this).parents("tr");
		if (window.confirm("削除しますか？")) {
			var key = $tr.find("th").text();
			storage.removeItem(key);
			$tr.fadeOut();
		}
	});
	var key,val;
	for (var i = 0, len = storage.length; i < len; i++) {
	  key = storage.key(i);
	  val = storage[key];
	  $("<tr>")
		.append( $("<td>").text(key) )
		.append( $("<td>").text(val) )
		.append( $("<td>").append($rm.clone()) )
		.appendTo($table);
	};
});

[Let] add edo to pxgrid

hokaccha — 2011-03-25T06:40:51Z

add edo to pxgrid

/*
 * @title add edo to pxgrid
 * @description add edo to pxgrid
 * @include http://www.pxgrid.com/#corporate
 * @license MIT License
 * @require 
 */


var html = [
'<div class="item">',
'<div class="img">',
'<div><img src="http://a1.twimg.com/profile_images/1229469817/_____.jpeg" width="134" alt=""></div>',
'<ul>',
'<li>blog: <a href="http://css-eblog.com/">CSS_EBLOG</a></li>',
'<li>Twitter <a href="http://twitter.com/hokaccha">@edo_m18</a></li>',
'</ul>',
'</div>',
'<section class="text">',
'<hgroup>',
'<h3><ruby>比留間 和也<rp>（</rp><rt>ひるま かずや</rt><rp>）</rp></ruby></h3>',
'<h4>フロントエンド・エンジニア</h4>',
'</hgroup>',
'<p>えどい、とにかくえどい</p>',
'</section>',
'</div>',
].join('');
$('.mod-staffs').append(html);

[Let] hamusoku_remove_sidebar

hokaccha — 2010-11-08T12:01:39Z

hamusoku_remove_sidebar

/*
 * @title hamusoku_remove_sidebar
 * @description remove hamusoku sidebar
 * @include http://hamusoku.com/*
 * @license MIT License
 */

Array.prototype.slice.call(document.querySelectorAll('#sub, #extra')).forEach(function(elem) { elem.parentNode.removeChild(elem) })

[Let] scanbrigde auto input

hokaccha — 2010-09-02T06:43:55Z

scanbrigde auto input

/*
 * @title scanbrigde auto input
 * @description scanbridgeの申し込みフォーム自動入力（forkして自分の設定にしてprivateにして使う想定）
 * @include http://www.scanbridge-books.com/*
 * @license MIT License
 */

/* ファイル名変更
======================*/
// 1: 変更しない
// 2: 変更する
var filename = 1;

/* OCR処理
======================*/
// 1: しない
// 2: 一部する
// 3: 全部する
var ocr = 3;

/* 納品方法
======================*/
// 1: CD・DVD
// 2: オンライン
var delivered = 2;

/* カラー選択
======================*/
// 1: カラー＆グレー
// 2: フルカラー
// 3: グレースケール
var color = 1;

/* 支払い方法
======================*/
// 1: クレジットカード
// 2: 銀行振込
var pay = 1;

/* 発送方法
======================*/
// 1: 自宅から
// 2: 通販サイトから
var delivery = 2;

/* お客様情報
======================*/
// 名前
var last_name = '姓';
var first_name = '名';

// フリガナ
var last_name_kana = 'セイ';
var first_name_kana = 'メイ';

// email
var email = 'foo@example.com';

// 住所
var post_code = '000-0000';
var pref_area = '神奈川県';
var local_area1 = '住所1';
var local_area2 = '住所2';
var local_area3 = '住所3';

/* ------------ 設定ここまで ------------ */

if (filename == 2) {
    $('#fileename1').attr('checked', true);
}

if (ocr == 2 || ocr == 3) {
    $('#ocr1').attr('checked', true);
    if (ocr == 2) {
        $('#ocryes1').attr('checked', true);
    }
    else {
        $('#ocryes2').attr('checked', true);
    }
}

if (delivered == 2) {
    $('#delivered2').attr('checked', true);
}

if (color == 2) {
    $('#color2').attr('checked', true);
}
else if (color == 3) {
    $('#color3').attr('checked', true);
}

if (pay == 2) {
    $('#pay2').attr('checked', true);
}

if (delivery == 2) {
    $('#delivery2').attr('checked', true);
}

var person_td = $('#form-person').find('td');
person_td.eq(0).find('input').eq(0).val(last_name);
person_td.eq(0).find('input').eq(1).val(first_name);
person_td.eq(1).find('input').eq(0).val(last_name_kana);
person_td.eq(1).find('input').eq(1).val(first_name_kana);
person_td.eq(2).find('input').eq(0).val(email);
person_td.eq(3).find('input').eq(0).val(email);
person_td.eq(4).find('input').eq(0).val(post_code);
person_td.eq(4).find('select').val(pref_area);
person_td.eq(4).find('input').eq(1).val(local_area1);
person_td.eq(4).find('input').eq(2).val(local_area2);
person_td.eq(4).find('input').eq(3).val(local_area3);
person_td.eq(11).find('input[type=checkbox]').attr('checked', true);

[Let] detect_ga_tracking

hokaccha — 2010-07-27T07:03:02Z

detect_ga_tracking

/*
 * @title detect_ga_tracking
 * @description Google Analyticsの _setCustomVarのトラッキングを検出する
 * @include http://*
 * @license MIT License
 * @require 
 */

var messages = [];
var scripts = document.getElementsByTagName('script');

Array.prototype.forEach.call(scripts, function(script) {
    var source = script.innerHTML.replace(/[\n\r]/g,'');

    source.replace(/_setCustomVar\(([^\)]+)\)/g, function(m) {
        var values = arguments[1].split(/,/);
        var slot   = values[0];
        var key    = values[1].replace(/['"]/g, '');
        var val    = values[2].replace(/['"]/g, '');
        var scope  = values[3] == 1 ? 'visitor' :
                     values[3] == 2 ? 'session' :
                     values[3] == 3 ? 'page'
                                    : 'unkonwn';

        messages.push("traking["+slot+"] "+ key + ' => ' + val + ' (' + scope + ')');
    });
});

alert(messages.length ? messages.join("\n") : 'traking code is nothing :)');

[Let] QR coder

hokaccha — 2010-07-07T10:53:50Z

QR coder

/*
 * @title QR coder
 * @description QRコードつくる。
 * @include http://*
 * @license MIT License
 * @require 
 */

var url = prompt('input url', location.href);
if (url) {
    location.href = 'http://chart.apis.google.com/chart?chs=200x200&cht=qr&chl='+encodeURIComponent(url);
}
void(0);

[Let] amazon shortlen

hokaccha — 2010-05-23T13:34:36Z

amazon shortlen

/*
 * @title amazon shortlen
 * @description amazonのURL表示
 * @include http://*
 * @license MIT License
 * @require 
 */


prompt('amazon URL shortlen', 'http://amazon.jp/dp/' + document.getElementById('ASIN').value);
void(0);