jetpackで表示中のURLをQRコードにするアドオン作った
googleとjetpackのおかげで簡単に作れたけど、なんかステータスバーが太る。
ちょっと努力した(文字をoverflow:hiddenのdivでくくってみたり)けどうまくいかなくて、めんどくさくなって、逆に考えるんだ、太ってもいいと考えるんだ(ぇ
jetpack.statusBar.append({ html: 'QR', width: 16, onReady: function(doc){ var qr = doc.createElement('img'), s = qr.style; s.position = 'fixed'; s.right = '10px'; s.bottom = '10px'; s.border = '1px solid black'; s.zIndex = '1000'; $(doc).mouseover(function(){ qr.src='http://chart.apis.google.com/chart?chs=200x200&cht=qr&chl=' + encodeURI(jetpack.tabs.focused.url); $(jetpack.tabs.focused.contentDocument).find('body').append(qr); }); $(doc).mouseout(function(){ $(qr).remove(); }); } });
http://jetpack.stage.mozilla.com/jetpacks/66
↑ここからインストール。
で、jetpack galleryに公開してる奴とはソースが違う。
なんでかっつーと、galleryのバグでアンバサンドが実体参照に置換されちゃうから( & → & )。
Webからやったからかなとか思ったら、ファイルからやっても置換されて唖然。
早く直してほしいなぁ。グリモンと違ってgistとかでブログに貼り付けるとかはできないし。