teratail
回答率
85.25%
質問するログイン新規登録
トップ5に関する質問QRコードにテキストデータを入れるにはどうすればよいのでしょうか？

編集履歴

質問編集履歴

10

コード追加

2021/12/15 04:29

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -79,72 +79,27 @@
79
79
 
80
80
  ``````HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
81
81
 
82
- ```<html>
83
82
 
83
+ ```HTML
84
+ <!DOCTYPE HTML>
85
+ <html>
86
+
84
87
  <head>
85
- <title>
86
- proof
87
- </title>
88
+ <meta charset="utf-8">
89
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
90
+ <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
91
+ <script src="components/loader.js"></script>
92
+ <link rel="stylesheet" href="components/loader.css">
93
+ <link rel="stylesheet" href="css/style.css">
94
+ <link rel="stylesheet" href="lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
95
+ <script src="lib/jquery/jquery-1.12.4.min.js"></script>
96
+ <script src="lib/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
88
97
 
89
- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
90
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
91
- <script src="https://cdnjs.cloudflare.com/ajax/libs/encoding-japanese/1.0.30/encoding.min.js"></script>
92
- </head>
93
98
 
94
- <body>
95
- <div class="proof">
96
- 名前：<span class="name">
97
- </span>
98
- <br> 住所：
99
- <span class="address">
100
- </span>
101
- <br> 製品名：
102
- <span class="productName">
99
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
103
- </span>
104
- <br>
105
- <span class="qrcode">
100
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/encoding-japanese/1.0.30/encoding.min.js"></script>
106
- </span>
107
- </div>
108
101
 
102
+ </head>
109
103
 
110
- <script>
111
- // http://phpspot.org/blog/archives/2009/09/jqueryquerystri.html
112
- function getUrlVars() {
113
- var vars = [],
114
- hash;
115
- var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
116
- for (var i = 0; i < hashes.length; i++) {
117
- hash = hashes[i].split('=');
118
- vars.push(hash[0]);
119
- vars[hash[0]] = decodeURIComponent(hash[1]);
120
- }
121
- return vars;
122
- }
123
104
 
124
- $(function () {
125
- // クエリ文字列から値を取得
126
- var queryString = getUrlVars();
127
-
128
- // 値を設定
129
- $('.proof .name').text(queryString.name);
130
- $('.proof .address').text(queryString.address);
131
- $('.proof .productName').text(queryString.productName);
132
-
133
- var qrCodeText = [queryString.name, queryString.address, queryString.productName].join('、');
134
-
135
- $('.qrcode').qrcode({
136
- width: 80,
137
- height: 80,
138
- text: Encoding.convert(qrCodeText, 'sjis')
139
- });
140
-
141
- });
142
- </script>
143
-
144
- </body>
145
-
146
- </html>
147
-
148
- ```
105
+ ```
149
-
150
- 二つ目のコードは参考にさせていただいたコードになります。
58967234

9

コード追加

2021/12/15 04:29

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -144,5 +144,7 @@
144
144
  </body>
145
145
 
146
146
  </html>
147
- コード
147
+
148
- ```
148
+ ```
149
+
150
+ 二つ目のコードは参考にさせていただいたコードになります。
58967234

8

コード追加

2021/12/15 04:20

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -77,4 +77,72 @@
77
77
 
78
78
  });
79
79
 
80
- ``````HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
80
+ ``````HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
81
+
82
+ ```<html>
83
+
84
+ <head>
85
+ <title>
86
+ proof
87
+ </title>
88
+
89
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
90
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
91
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/encoding-japanese/1.0.30/encoding.min.js"></script>
92
+ </head>
93
+
94
+ <body>
95
+ <div class="proof">
96
+ 名前：<span class="name">
97
+ </span>
98
+ <br> 住所：
99
+ <span class="address">
100
+ </span>
101
+ <br> 製品名：
102
+ <span class="productName">
103
+ </span>
104
+ <br>
105
+ <span class="qrcode">
106
+ </span>
107
+ </div>
108
+
109
+
110
+ <script>
111
+ // http://phpspot.org/blog/archives/2009/09/jqueryquerystri.html
112
+ function getUrlVars() {
113
+ var vars = [],
114
+ hash;
115
+ var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
116
+ for (var i = 0; i < hashes.length; i++) {
117
+ hash = hashes[i].split('=');
118
+ vars.push(hash[0]);
119
+ vars[hash[0]] = decodeURIComponent(hash[1]);
120
+ }
121
+ return vars;
122
+ }
123
+
124
+ $(function () {
125
+ // クエリ文字列から値を取得
126
+ var queryString = getUrlVars();
127
+
128
+ // 値を設定
129
+ $('.proof .name').text(queryString.name);
130
+ $('.proof .address').text(queryString.address);
131
+ $('.proof .productName').text(queryString.productName);
132
+
133
+ var qrCodeText = [queryString.name, queryString.address, queryString.productName].join('、');
134
+
135
+ $('.qrcode').qrcode({
136
+ width: 80,
137
+ height: 80,
138
+ text: Encoding.convert(qrCodeText, 'sjis')
139
+ });
140
+
141
+ });
142
+ </script>
143
+
144
+ </body>
145
+
146
+ </html>
147
+ コード
148
+ ```
58967234

7

コードフォーマットの整理

2021/12/15 04:16

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -76,5 +76,5 @@
76
76
  });
77
77
 
78
78
  });
79
- コード
79
+
80
80
  ``````HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
58967234

6

コードフォーマットの整理

2021/12/14 07:48

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,5 @@
1
1
  ```javascript
2
- ```var applicationkey = "00d239b7e135bedb216bb35159e5e111a9538adee21f5d5d3e1bbd9ef3d7f82a";
2
+ var applicationkey = "00d239b7e135bedb216bb35159e5e111a9538adee21f5d5d3e1bbd9ef3d7f82a";
3
3
  var clientkey = "d7c623a691bca31142aa99f53b77b9ca5515a4aaacc61d77e2a5bf8a07177c20";
4
4
 
5
5
  var ncmb = new NCMB(applicationkey, clientkey);
58967234

5

コードフォーマットの整理

2021/12/14 07:45

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,4 @@
1
+ ```javascript
1
2
  ```var applicationkey = "00d239b7e135bedb216bb35159e5e111a9538adee21f5d5d3e1bbd9ef3d7f82a";
2
3
  var clientkey = "d7c623a691bca31142aa99f53b77b9ca5515a4aaacc61d77e2a5bf8a07177c20";
3
4
 
@@ -58,13 +59,13 @@
58
59
  // クエリ文字列から値を取得
59
60
  var queryString = getUrlVars();
60
61
  // 値を設定
61
- // $('.form-row .name').text(queryString.name);
62
+ $('.form-row .name').text(queryString.name);
62
- // $('.form-row .address').text(queryString.address);
63
+ $('.form-row .address').text(queryString.address);
63
- // $('.form-row .gender').text(queryString.gender);
64
+ $('.form-row .gender').text(queryString.gender);
64
- // $('.form-row .escape').text(queryString.escape);
65
+ $('.form-row .escape').text(queryString.escape);
65
- // $('.form-row .nursing').text(queryString.nursing);
66
+ $('.form-row .nursing').text(queryString.nursing);
66
- // $('.form-row .allergy').text(queryString.allergy);
67
+ $('.form-row .allergy').text(queryString.allergy);
67
- // $('.form-row .birthday').text(queryString.birthday);
68
+ $('.form-row .birthday').text(queryString.birthday);
68
69
 
69
70
  var qrCodeText2 = [queryString.name, queryString.address, queryString.gender, queryString.escape, queryString.nursing, queryString.allergy, queryString.birthday].join('、');
70
71
 
58967234

4

コードフォーマットの整理

2021/12/14 07:44

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -76,82 +76,4 @@
76
76
 
77
77
  });
78
78
  コード
79
- ``````HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
79
+ ``````HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
80
- ```JavaScript
81
- ```var applicationkey = "00d239b7e135bedb216bb35159e5e111a9538adee21f5d5d3e1bbd9ef3d7f82a";
82
- var clientkey = "d7c623a691bca31142aa99f53b77b9ca5515a4aaacc61d77e2a5bf8a07177c20";
83
-
84
- var ncmb = new NCMB(applicationkey, clientkey);
85
- var name;
86
- var escape;
87
- var gender;
88
- var nursing;
89
- var allergy;
90
- var address;
91
- var birthday;
92
-
93
- function send_to_datastore() {
94
- var User_intel = ncmb.DataStore("user_intel");
95
- var user_intel = new User_intel();
96
-
97
- name = document.querySelector('#name');
98
- escape = document.querySelector('#escape');
99
- gender = document.querySelector('#gander');
100
- nursing = document.querySelector('#nursing');
101
- allergy = document.querySelector('#allergy');
102
- var address_tmp0 = document.querySelector('#address0');
103
- var address_tmp1 = document.querySelector('#address1');
104
- var address_tmp2 = document.querySelector('#address2');
105
- var address_tmp3 = document.querySelector('#address3');
106
- var address_tmp4 = document.querySelector('#address4');
107
- address = address_tmp0.value + address_tmp1.value + address_tmp2.value + address_tmp3.value + address_tmp4.value;
108
-
109
- var yyyy = document.querySelector('#yyyy');
110
- var mmmm = document.querySelector('#mmmm');
111
- var dddd = document.querySelector('#dddd');
112
- birthday = yyyy.value + mmmm.value + dddd.value;
113
-
114
- user_intel.set("name", name.value)
115
- .set("birthday", birthday)
116
- .set("escape", escape.value)
117
- .set("gender", gender.value)
118
- .set("nursing", nursing.value)
119
- .set("allergy", allergy.value)
120
- .set("address", address).save();
121
- alert("更新成功");
122
-
123
- }
124
-
125
- function getUrlVars() {
126
- var vars = [],
127
- hash;
128
- var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
129
- for (var i = 0; i < hashes.length; i++) {
130
- hash = hashes[i].split('=');
131
- vars.push(hash[0]);
132
- vars[hash[0]] = decodeURIComponent(hash[1]);
133
- }
134
- return vars;
135
- }
136
-
137
- $(function() {
138
- // クエリ文字列から値を取得
139
- var queryString = getUrlVars();
140
- // 値を設定
141
- // $('.form-row .name').text(queryString.name);
142
- // $('.form-row .address').text(queryString.address);
143
- // $('.form-row .gender').text(queryString.gender);
144
- // $('.form-row .escape').text(queryString.escape);
145
- // $('.form-row .nursing').text(queryString.nursing);
146
- // $('.form-row .allergy').text(queryString.allergy);
147
- // $('.form-row .birthday').text(queryString.birthday);
148
-
149
- var qrCodeText2 = [queryString.name, queryString.address, queryString.gender, queryString.escape, queryString.nursing, queryString.allergy, queryString.birthday].join('、');
150
-
151
- $('.qrcode').qrcode({
152
- width: 180,
153
- height: 180,
154
- text: Encoding.convert(qrCodeText2, 'sjis')
155
- });
156
-
157
- });
58967234

3

コードフォーマットの整理

2021/12/14 07:40

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,82 @@
1
+ ```var applicationkey = "00d239b7e135bedb216bb35159e5e111a9538adee21f5d5d3e1bbd9ef3d7f82a";
2
+ var clientkey = "d7c623a691bca31142aa99f53b77b9ca5515a4aaacc61d77e2a5bf8a07177c20";
3
+
4
+ var ncmb = new NCMB(applicationkey, clientkey);
5
+ var name;
6
+ var escape;
7
+ var gender;
8
+ var nursing;
9
+ var allergy;
10
+ var address;
11
+ var birthday;
12
+
13
+ function send_to_datastore() {
14
+ var User_intel = ncmb.DataStore("user_intel");
15
+ var user_intel = new User_intel();
16
+
17
+ name = document.querySelector('#name');
18
+ escape = document.querySelector('#escape');
19
+ gender = document.querySelector('#gander');
20
+ nursing = document.querySelector('#nursing');
21
+ allergy = document.querySelector('#allergy');
22
+ var address_tmp0 = document.querySelector('#address0');
23
+ var address_tmp1 = document.querySelector('#address1');
24
+ var address_tmp2 = document.querySelector('#address2');
25
+ var address_tmp3 = document.querySelector('#address3');
26
+ var address_tmp4 = document.querySelector('#address4');
27
+ address = address_tmp0.value + address_tmp1.value + address_tmp2.value + address_tmp3.value + address_tmp4.value;
28
+
29
+ var yyyy = document.querySelector('#yyyy');
30
+ var mmmm = document.querySelector('#mmmm');
31
+ var dddd = document.querySelector('#dddd');
32
+ birthday = yyyy.value + mmmm.value + dddd.value;
33
+
34
+ user_intel.set("name", name.value)
35
+ .set("birthday", birthday)
36
+ .set("escape", escape.value)
37
+ .set("gender", gender.value)
38
+ .set("nursing", nursing.value)
39
+ .set("allergy", allergy.value)
40
+ .set("address", address).save();
41
+ alert("更新成功");
42
+
43
+ }
44
+
45
+ function getUrlVars() {
46
+ var vars = [],
47
+ hash;
48
+ var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
49
+ for (var i = 0; i < hashes.length; i++) {
50
+ hash = hashes[i].split('=');bileb
51
+ vars.push(hash[0]);
52
+ vars[hash[0]] = decodeURIComponent(hash[1]);
53
+ }
54
+ return vars;
55
+ }
56
+
57
+ $(function() {
58
+ // クエリ文字列から値を取得
59
+ var queryString = getUrlVars();
60
+ // 値を設定
61
+ // $('.form-row .name').text(queryString.name);
62
+ // $('.form-row .address').text(queryString.address);
63
+ // $('.form-row .gender').text(queryString.gender);
64
+ // $('.form-row .escape').text(queryString.escape);
65
+ // $('.form-row .nursing').text(queryString.nursing);
66
+ // $('.form-row .allergy').text(queryString.allergy);
67
+ // $('.form-row .birthday').text(queryString.birthday);
68
+
69
+ var qrCodeText2 = [queryString.name, queryString.address, queryString.gender, queryString.escape, queryString.nursing, queryString.allergy, queryString.birthday].join('、');
70
+
71
+ $('.qrcode').qrcode({
72
+ width: 180,
73
+ height: 180,
74
+ text: Encoding.convert(qrCodeText2, 'sjis')
75
+ });
76
+
77
+ });
78
+ コード
1
- ```HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
79
+ ``````HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
2
80
  ```JavaScript
3
81
  ```var applicationkey = "00d239b7e135bedb216bb35159e5e111a9538adee21f5d5d3e1bbd9ef3d7f82a";
4
82
  var clientkey = "d7c623a691bca31142aa99f53b77b9ca5515a4aaacc61d77e2a5bf8a07177c20";
58967234

2

コードフォーマットの整理

2021/12/14 07:39

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,5 @@
1
1
  ```HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
2
2
  ```JavaScript
3
- コード
4
3
  ```var applicationkey = "00d239b7e135bedb216bb35159e5e111a9538adee21f5d5d3e1bbd9ef3d7f82a";
5
4
  var clientkey = "d7c623a691bca31142aa99f53b77b9ca5515a4aaacc61d77e2a5bf8a07177c20";
6
5
 
58967234

1

コードフォーマットの整理

2021/12/14 07:37

投稿

reorio
reorio

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,1 +1,80 @@
1
- HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
1
+ ```HTMLで作成した入力フォームのテキストデータをQRコード化して表示するプログラムをjavascriptで作っていいるのですが、QRコード内にテキストデータが入りません。原因をどなたか教えてください。
2
+ ```JavaScript
3
+ コード
4
+ ```var applicationkey = "00d239b7e135bedb216bb35159e5e111a9538adee21f5d5d3e1bbd9ef3d7f82a";
5
+ var clientkey = "d7c623a691bca31142aa99f53b77b9ca5515a4aaacc61d77e2a5bf8a07177c20";
6
+
7
+ var ncmb = new NCMB(applicationkey, clientkey);
8
+ var name;
9
+ var escape;
10
+ var gender;
11
+ var nursing;
12
+ var allergy;
13
+ var address;
14
+ var birthday;
15
+
16
+ function send_to_datastore() {
17
+ var User_intel = ncmb.DataStore("user_intel");
18
+ var user_intel = new User_intel();
19
+
20
+ name = document.querySelector('#name');
21
+ escape = document.querySelector('#escape');
22
+ gender = document.querySelector('#gander');
23
+ nursing = document.querySelector('#nursing');
24
+ allergy = document.querySelector('#allergy');
25
+ var address_tmp0 = document.querySelector('#address0');
26
+ var address_tmp1 = document.querySelector('#address1');
27
+ var address_tmp2 = document.querySelector('#address2');
28
+ var address_tmp3 = document.querySelector('#address3');
29
+ var address_tmp4 = document.querySelector('#address4');
30
+ address = address_tmp0.value + address_tmp1.value + address_tmp2.value + address_tmp3.value + address_tmp4.value;
31
+
32
+ var yyyy = document.querySelector('#yyyy');
33
+ var mmmm = document.querySelector('#mmmm');
34
+ var dddd = document.querySelector('#dddd');
35
+ birthday = yyyy.value + mmmm.value + dddd.value;
36
+
37
+ user_intel.set("name", name.value)
38
+ .set("birthday", birthday)
39
+ .set("escape", escape.value)
40
+ .set("gender", gender.value)
41
+ .set("nursing", nursing.value)
42
+ .set("allergy", allergy.value)
43
+ .set("address", address).save();
44
+ alert("更新成功");
45
+
46
+ }
47
+
48
+ function getUrlVars() {
49
+ var vars = [],
50
+ hash;
51
+ var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
52
+ for (var i = 0; i < hashes.length; i++) {
53
+ hash = hashes[i].split('=');
54
+ vars.push(hash[0]);
55
+ vars[hash[0]] = decodeURIComponent(hash[1]);
56
+ }
57
+ return vars;
58
+ }
59
+
60
+ $(function() {
61
+ // クエリ文字列から値を取得
62
+ var queryString = getUrlVars();
63
+ // 値を設定
64
+ // $('.form-row .name').text(queryString.name);
65
+ // $('.form-row .address').text(queryString.address);
66
+ // $('.form-row .gender').text(queryString.gender);
67
+ // $('.form-row .escape').text(queryString.escape);
68
+ // $('.form-row .nursing').text(queryString.nursing);
69
+ // $('.form-row .allergy').text(queryString.allergy);
70
+ // $('.form-row .birthday').text(queryString.birthday);
71
+
72
+ var qrCodeText2 = [queryString.name, queryString.address, queryString.gender, queryString.escape, queryString.nursing, queryString.allergy, queryString.birthday].join('、');
73
+
74
+ $('.qrcode').qrcode({
75
+ width: 180,
76
+ height: 180,
77
+ text: Encoding.convert(qrCodeText2, 'sjis')
78
+ });
79
+
80
+ });
58967234