以前、ここで「マウスオーバーでリンク先URLのQRコードを自動生成して
ツールチップで表示してくれるjQueryプラグイン「qrTip」
」と題して、
QRコードを簡単に生成することが出来るjQueryプラグインを紹介しましたが、
同じ様にjQueryでQRコードを自動生成させるプラグインとして、
ページを印刷する際にページ内の指定したリンクURLに対して、
QRコードを自動生成して貼り付けることが可能となる「printQr jQuery Plugin」が
ちょっとおもしろかったのでご紹介。

jQuery.printQr() Plugin


jQuery.printQr() Plugin

プラグイン紹介ページ自体がデモページとなっているので
上記ページを開いて印刷プレビューをすると、
通常の表示要素の後ろに、ページ内にあるリンクURLに対しての
QRコードが貼り付けられているのが分かります。

実際の印刷プレビュー画面は以下の様な感じになっています。

実装については、jQueryファイルと「printQr jQuery Plugin」プラグインファイルを読み込んだ後、
下記の実行スクリプトを記載するだけで実装可能なようです。

◆SCRIPT
$(document).ready(function(){
	$('a').printQr();
});

「a」と指定すればページ内のリンク要素全てに対して実行され、
特定のリンクに対してQRコードを生成する場合は、
リンク要素に対してIDもしくはクラスを設定することで
個別指定も可能になります。

ちょっと変わったプラグインなので
QRコードの掲載方法を考えるうえでも活用できそうです。

ご参考までに。。。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (0)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

印刷時にページ内にあるリンクURLのQRコードを自動で作成してくれるjQueryプラグイン「printQr jQuery Plugin」

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR