dara-j

iOSでうまくいかなかったので…

前のエントリに載せたブックマークレットはソースが長すぎてiCloudで同期できなくてiOSでの動作確認もままならなかったので、意地になって改善しました。なんとか使い物になるかなぁ、と。

改善版ブックマークレット

即吊ダイアログ[改]

デスクトップブラウザなら↑のリンクをブックマークツールバーにドラッグドロップしてください。リンクをクリックするとpromptでjavascript:なURLを表示するので、スマートフォンやらタブレットの場合はこれをコピーした上で適当なページをブックマーク、編集で貼り付けてください。

ソース

こんな感じです。ブックマークレットにするにあたってはこのソースをpackerで圧縮して<をエスケープしています。

(function(act){ var w = window, d = w.document, b = d.body, u = w.location.href, ex = function() { var a = Array.prototype.slice.call(arguments), d = (a.shift() || {}), s = (a.shift() || {}); for(var p in s) d[p] = s[p]; return a.length ? ex.apply(null, [d].concat(a)) : d; }, ct = function(n, a, s) { var r = d.createElement(n); a && ex(r, a); s && ex(r.style, s); return r; }, to = w.setTimeout, end = function(e) { to(function() { e.parentNode.removeChild(e); }, 100); }, bd = 'solid 1px #999', ib = 'inline-block', rt = 'right', st = { cm : { fontSize : '12px', lineHeight : 1.2, fontFamily : 'sans-serif', color : '#000', position: 'static' }, frm : { textAlign : 'left', backgroundColor : '#fff', position : 'fixed', width : '318px', padding : '0', top : 0, right : 0, zIndex : 0xffff, border : bd }, ttl : { textAlign : 'center', fontWeight : 900, fontSize : '16px', margin : '2px', backgroundColor : '#f9c', color : '#c71585' }, hp : { display : 'block', margin : '2px', color : '#f9c', textAlign : rt, border : 'none' }, text : { width : '235px', border : bd }, lb : { width : '60px', marginRight : '5px', display : ib, textAlign : rt }, btn : { width : '120px', margin : '10px', padding : '4px', border : bd, backgroundColor : '#eee', display : ib } }, tr = function(frm) { var ls = frm.getElementsByTagName('input'); for(var i=0, l = ls.length; i<l; i++) { var e = ls[i]; if((e.type=='text' && !e.value.length) || (e.type == 'checkbox' && !e.checked)) { e.disabled = true; } } to(function() { frm.submit(); end(frm) }, 0); }, ps = function(e) { var de = 'documentElement', ref = w[de] || d[de] || b; if(ref.clientWidth < 480) ex(e.style, { left : 0, right : null }); }, ap = function(e, c) { e.appendChild(c); return e }; b.appendChild((function() { var bk = '_blank', frm = ct('form', { method : 'get', action : act, target : bk, onsubmit : function() { tr(frm) } }, ex({}, st.cm, st.frm)), ttl = ct('div', { innerHTML : 'S.K.T.R' }, ex({}, st.cm, st.ttl)), hp = ct('a', { href : 'http://drinker.slfeed.net/archive/requestparameter.php', innerHTML : 'help', target : bk }, ex({}, st.cm, st.hp)), _t = 'text', _c = 'checkbox'; ap(ap(frm, ttl), hp); var its = [ ct('input', { type : _t, name : 'url', value : u, readonly : 'readonly' }), ct('input', { type : _t, name : 'hashtag' }), ct('input', { type : _c, name : 'images', value : 'all' }), ct('input', { type : _t, name : _t }), (function(){ if(!/^https:\/\/(m.+\.)?twitter\.com/.test(u)) return null; return ct('input', { type : _c, name : 'reply', value : '1' }); })(), ct('input', { type : _t, name : 'status' }), ct('input', { type : _c, name : 'terminal', value : 1 }), ct('input', { type : _c, name : 'mention', value : 1 }), ct('input', { type : _t, name : 'callback' }) ]; for(var i = 0, l = its.length; i < l; i++) { var im = its[i], lb = null; ln = ct('div', {}, { margin : '2px' }); if(!im) continue; ex(im.style, st.cm, st[im.type] || {}); var lb = ct('span', { innerHTML : im.name }, ex({}, st.cm, st.lb)); ap(ap(ln, lb), im); ap(frm, ln); } ln = ct('div'); ex(ln.style, {margin : '5px', textAlign : 'center' }); ap(frm, ln); var btn = ct('button', { type : 'submit', innerHTML : 'GO' }, ex({}, st.cm, st.btn, { borderColor : '#555' })); ap(ln, btn); btn = ct('a', { innerHTML : 'cancel', href : '#', onclick : function() { end(frm);return false } }, ex({}, st.cm, st.btn)); ap(ln, btn); ps(frm); return frm; })()) })('http://drinker.slfeed.net/archive/')