以前設定した「QR コード生成」を,もう少し汎用的に.
先ず,PHP が利用できるフリーのサーバを用意.
SiteMix を利用.
//itools.hp2.jp として登録.
「QRcode Perl CGI & PHP scripts ver. 0.50」をサーバーに転送.
c_qr_img.js を転送.
これを利用したページ.
/
次の様なスクリプトを HTML の表示したいところに挿入する.
<script src =”/Test/qr/c_qr_img.js” > </script>
<script> call_qr_img_href() ; </script>
<script> call_qr_img_free(“http://itl.mydns.jp”) ; </script>
src=”/Test/qr/c_qr_img.js” の部分は,”//itools.hp2.jp/Test/qr/c_qr_img.js” でテスト可能.
最終的には c_qr_img.js の次の所を,利用環境に合わせて編集してください.
var domain = “//itools.hp2.jp” ;
var qr_php = domain + “/Test/qr/qr_img/php/qr_img.php” ;
うまく動作しない時のチェック方法
QR コードが表示されない場合
JavaScript 内の qr_img.php の呼び出しが間違っている可能性があります.
ブラウザによっては「要素を調査」などで php を呼び出している部分を確認できます.
何も表示されない場合
JavaScript 自体をうまく呼び出せてない可能性があります.
html 内の呼び出し部分を確認してください.
c_qr_img.js
function call_qr_img_php (data,is_draw_data) { var domain = "//itools.hp2.jp" ; var qr_php = domain + "/Test/qr/qr_img/php/qr_img.php" ; { var qr_img = "<img src='" + qr_php + "?d=" + data + "'>" ; document.write (qr_img) ; } if (is_draw_data) { document.write ("<br/>") ; document.write (data) ; } } function call_qr_img_href () { var href = location.href ; call_qr_img_php (href,true) ; } function call_qr_img_free (freeText) { call_qr_img_php (freeText,true) ; }
2018/06/29 追記
https に移行した関係で,SiteMix ではうまく動作しなくなってます.