2016-05-25 6 views
0

私は現在、1つの入力フィールドからQRコードジェネレータにこのコードを使用しています:(HTMLとJavascript) ゲスト名やイベントのタイトル、イベントの日付、場所などQRコードを作成または生成するための1つの部分として イベント名と日付は1回だけ入力されますが、ゲスト名は複数の値になりますが、目標は各ゲストごとに固有のQRコードを持つことです。QRコードを生成するために複数入力を使用する

最終的な結果は、イベントのタイトルでなければなりません。日付と場所、QRコードは1枚の写真として埋め込まれます。 これは可能ですか?

おかげ -Tarneem

var qrcode = new QRCode("qrcode"); 
 

 
function makeCode() {  
 
    var elText = document.getElementById("text"); 
 
    
 
    if (!elText.value) { 
 
     elText.focus(); 
 
     return; 
 
    } 
 
    
 
    qrcode.makeCode(elText.value); 
 
} 
 

 
makeCode(); 
 

 
$("#text"). 
 
    on("blur", function() { 
 
     makeCode(); 
 
    }). 
 
    on("keydown", function (e) { 
 
     if (e.keyCode == 13) { 
 
      makeCode(); 
 
     } 
 
    });
    <input id="text" type="text" placeholder="Enter guest name" class="contactField" /><br /> 
 
<div id="qrcode" ></div>

答えて

0

はい、それは実際には非常に簡単です、ちょうどそれらをCONCAT:あなたが得るところ

var location = 'exampleLocation'; 
// Some other information or methods how you get the info here 

var qrCodeString = location+ ', ' +$('#name').val(); 
qrcode.makeCode(elText.value(qrCodeString); 

あなたのコードが表示されません。ロケーションとイベント情報は表示されませんが、QRジェネレータに追加するだけで済みます。 According to this answer文字列の最大長は約4.000文字にすることができます。

+0

実際に情報が入力されると、ユーザーが入力することを意味します。私はあなたのコードを試しましたが、QRコードスクリプトと組み合わせるとQRコードの数字が消えます – Tarneem

+0

私に手を差し伸べることができたら、ビデオでこれを行う必要があります: https://www.youtube.com/watch?v = -LMjceCl1k8 – Tarneem

関連する問題