QRコードを表示(選択テキスト)

by Lhankor_Mhy 2014-01-15 [2014/01/15 15:59:21]
(Forked from QRコードを表示(hatena) by mino90)

Folk後、はてなは文字化けするのでgooglechartAPIに。めんどうだったのでjQueryインクルード。テキストを入力するかテキストを選択するかすればそのテキストを、そうでなければ現在のURLをQRコードにします。

• /*
   * @title QRコードを表示(選択テキスト)
   * @description Folk後、はてなは文字化けするのでgooglechartAPIに。めんどうだったのでjQueryインクルード。テキストを入力するかテキストを選択するかすればそのテキストを、そうでなければ現在のURLをQRコードにします。
   * @include http://*
   * @require jQuery
   * @license MIT License
   */
  
  (function(){
    var div = $(document.createElement('div'))
    var img = $(document.createElement('img'))
    var qrURL = encodeURIComponent(prompt('text','')||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 LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。