by Lhankor_Mhy
2014-01-15 [2014/01/15 15:59:21]
Folk後、はてなは文字化けするのでgooglechartAPIに。めんどうだったのでjQueryインクルード。テキストを入力するかテキストを選択するかすればそのテキストを、そうでなければ現在のURLをQRコードにします。
@@ -1,16 +1,31 @@ /* * @title QRコードを表示(選択テキスト)- * @description http://let.hatelabo.jp/mino90/let/gYC-yb-5nLnHUg をFolkした。はてなは文字化けするのでgooglechartAPIに。+ * @description http://let.hatelabo.jp/mino90/let/gYC-yb-5nLnHUg をFolkした。はてなは文字化けするのでgooglechartAPIに。めんどうだったのでjQueryインクルード。 * @include http://* + * @require jQuery * @license MIT License- * @private*/ (function(){-var t=encodeURIComponent(document.getSelection().toString()||location.href);-console.log(t);- var w=window.open('about:blank','_blank','width=325, height=350');- w.document.open();- w.document.write('<html><body><div><img src="http://chart.apis.google.com/chart?cht=qr&chs=150x150&chl='+t+'" alt=""></div><div><input onclick="window.close();" type="button" value="close" /></div></body></html>');- w.document.close();+ var div = $(document.createElement('div')) + var img = $(document.createElement('img')) + var qrURL = encodeURIComponent(document.getSelection().toString()||location.href); + img + .attr('src', + 'https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl='+qrURL) + .css({ + 'display':'block', + 'margin':'50px auto' + }); + div + .append(img) + .click(function(){$(this).hide()}) + .css({ + 'position':'absolute', + 'z-index':'9999', + 'backgroundColor':'#000', + 'width':'100%', + 'height':'100%' + }); + $('body').prepend(div); })();
/*
* @title QRコードを表示(選択テキスト)
* @description http://let.hatelabo.jp/mino90/let/gYC-yb-5nLnHUg をFolkした。はてなは文字化けするのでgooglechartAPIに。めんどうだったのでjQueryインクルード。
* @include http://*
* @require jQuery
* @license MIT License
*/
(function(){
var div = $(document.createElement('div'))
var img = $(document.createElement('img'))
var qrURL = encodeURIComponent(document.getSelection().toString()||location.href);
img
.attr('src',
'https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl='+qrURL)
.css({
'display':'block',
'margin':'50px auto'
});
div
.append(img)
.click(function(){$(this).hide()})
.css({
'position':'absolute',
'z-index':'9999',
'backgroundColor':'#000',
'width':'100%',
'height':'100%'
});
$('body').prepend(div);
})();