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);
    })();
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2014/01/15 15:59:21 - 2014-01-15
  2. 2014/01/15 15:57:53 - 2014-01-15
  3. 2012/12/25 20:18:34 - 2012-12-25
  4. 2012/11/19 19:00:34 - 2012-11-19
  5. 2012/10/12 16:52:46 - 2012-10-12
  6. 2012/10/12 16:52:08 - 2012-10-12
  7. 2012/10/12 16:42:11 - 2012-10-12
  8. 2012/10/12 16:31:00 - 2012-10-12