Bookmarklets from sugargoodman

[Let] createMarkdownPre

sugargoodman — 2014-02-28T15:41:10Z

/*
 * @title createMarkdownPre
 * @description テキストエリアの選択範囲の行頭にスペースを4つ入れる
 * @include 
 * @license MIT License
 * @require https://code.jquery.com/jquery-1.11.0.min.js
 * @require https://raw.github.com/madapaja/jquery.selection/master/src/jquery.selection.js
 * @javascript_url
 */

var bef = $('textarea').selection();
var aft = bef.replace(/^/g, '    ');
aft = aft.replace(/\n/g, '\n    ');
$('textarea').selection('replace',{text: aft});

[Let] AlwaysOpenNewTab

sugargoodman — 2014-02-17T07:12:43Z

AlwaysOpenNewTab

/*
 * @title AlwaysOpenNewTab
 * @description 実行するとそのページのリンクが全て新しいタブで開かれるようになる
 * @license Unlicense
 */
a = document.getElementsByTagName('a');
l = a.length;
for(var i=0; i<l; i++){
  a[i].setAttribute('target', '_blank');
}

[Let] showAllIdAndClassName

sugargoodman — 2014-01-17T10:36:02Z

showAllIdAndClassName

/*
 * @title showAllIdAndClassName
 * @description ページ内で使われているクラス名を全部表示idも
 * @include http://*
 * @license MIT License
 * @require 
 */

var all = document.all || document.getElementsByTagName('*');
var div = document.createElement('DIV');
var a = document.createElement('A');
var ul = document.createElement('UL');
a.textContent = a.innerText = "close";
var y = document.documentElement.scrollTop || document.body.scrollTop ;
div.style.position = 'absolute';
div.style.top = y+'px';
div.style.right = '8px';
div.style.zIndex = '9999';
div.style.backgroundColor = "#ccc";
div.maxHeight = '100%';


// class名の取得
var l = 0;
var loop = all.length;
var li = new Array();
for(var i=0; i<loop; i++){
  if(all[i].className){
    li[l] = document.createElement('LI');
    li[l].textContent = li[l].innerText = '.' + all[i].className;
    ul.appendChild(li[l]);
    l++;
  }
  if(all[i].id){
    li[l] = document.createElement('LI');
    li[l].textContent = li[l].innerText = '#' + all[i].id;
    ul.appendChild(li[l]);
    l++;
  }
}

function close(){
    div.parentNode.removeChild(div);
}
function scrollTop(){
    var y = document.documentElement.scrollTop || document.body.scrollTop ;
    div.style.top = y+'px';
}

if(window.addEventListener) {
    //window.addEventListener('scroll', scrollTop, false);
    a.addEventListener('click', close, false);
} else {
    //window.attachEvent('onscroll', scrollTop);
    a.attachEvent('onclick', close);
}

document.body.appendChild(div);
div.appendChild(ul);
div.appendChild(a);

[Let] getPageTitle

sugargoodman — 2013-08-20T06:27:23Z

getPageTitle

/*
 * @title getPageTitle
 * @description ページタイトルの載ったtextareaを画面右上に表示 http://firegoby.jp/archives/1292 これをaタグじゃなくてタイトルだけ表示するように改造,閉じるボタンも追加
 */

var title = document.title;
var loc   = location.href;

var div = document.createElement('DIV');
var txt = document.createElement('TEXTAREA');
var a = document.createElement('A');
txt.textContent = txt.innerText = title;
div.style.position = 'absolute';
var y = document.documentElement.scrollTop || document.body.scrollTop ;
div.style.top = y+'px';
div.style.right = '8px';
div.style.zIndex = '9999';
div.style.backgroundColor = "#ccc";
txt.style.display = "block";
txt.style.width = '400px';
txt.style.height = '5em';
txt.style.padding = '1em';
a.textContent = a.innerText = "close";

function txtClick(e){
    var target = e.srcElement || e.target;
    try{
        target.select();
    } catch(e) {
        target.focus();
    }
}

function scrollTop(){
    var y = document.documentElement.scrollTop || document.body.scrollTop ;
    div.style.top = y+'px';
}

function close(){
    div.parentNode.removeChild(div);
}

if(window.addEventListener) {
    txt.addEventListener('click', txtClick, false);
    window.addEventListener('scroll', scrollTop, false);
    a.addEventListener('click', close, false);
} else {
    txt.attachEvent('onclick', txtClick);
    window.attachEvent('onscroll', scrollTop);
    a.attachEvent('onclick', close);
}

document.body.appendChild(div);
div.appendChild(txt);
div.appendChild(a);

[Let] ブラウザの横幅を表示

sugargoodman — 2013-05-17T05:11:21Z

ブラウザの横幅を表示

/*
 * @title ブラウザの横幅を表示
 * @description ブラウザの横幅を表示する
 * @license 一切の権利を放棄します
 * @require jquery
 */

(function(){
var w = $(window).width();
window.alert(w);
})();