GameSprit

自転車やMac・AppleScript、映画・小説やドラマのレビュー、備忘メモ・クイズなどを置いています。

JavaScript:QRコード(リンク)を作成する

2008-09-15 07:32:52 | プログラミング
JavaScript をつかって QRコード(リンク)を作成してみました。

考え方は、AppleScript:QRコード(リンク)を作成する - GameSprit と同じです。


作成した現物を QR code maker alpha に置きました。





ソース:

<html><head><title>QR code maker alpha</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">

<script type="text/javascript"><!--
function change(){

var preF = "<img src=http://chart.apis.google.com/chart?chs=";
var theMid = "&cht=qr&chl=";
var theSize = "150x150";
var theEnc = "&choe=UTF-8";
var suf = ">";

var theOrgText = document.getElementById("inputdata_i").value ;
//var encstr = encodeURI("変換したい文字列");
var theText = encodeURI(theOrgText);

outputChart = preF + theSize + theMid + theText + theEnc + suf;
var val = document.getElementById("output").innerHTML = outputChart ;

}


function hantei(){

var outputText = "ここが変更されます";
var val = document.getElementById("output").innerHTML = outputText ;

}
// --></script></head>
<body onload="hantei()">

<div id="link">
<font size="-2">
<a href="http://blog.goo.ne.jp/vallie/e/66a2ae51950b878dba47f42209d323b2" target=_blank>JavaScript:QRコード(リンク)を作成する - GameSprit</a><br />
<a href="http://blog.goo.ne.jp/vallie/e/e9350d20a9f88ee7c3bee2fd60c4d1a8" target=_blank>AppleScript:QRコード(リンク)を作成する - GameSprit</a><br />
<a href="http://code.google.com/apis/chart/#qrcodes" target=_blank>Developer's Guide - Google Chart API - Google Code</a><br />
</font>
</div>
<hr />
<div id="inn">
<form name="inputdata">
text to QR code : <input type="text" name="inputdata_n" id="inputdata_i">
</form>

<form>
<input type="button" value="make it !" onClick="change()">
</form>
</div>

<div id="output">お使いのブラウザはサポートしていません<br />Your browser is not supported.</div>


</body></html>





最新の画像もっと見る

post a comment

ブログ作成者から承認されるまでコメントは反映されません。