質問編集履歴

7

消す

2020/02/13 22:54

投稿

akican1219
akican1219

スコア6

test CHANGED
File without changes
test CHANGED
@@ -412,112 +412,6 @@
412
412
 
413
413
 
414
414
 
415
- ### csvに出力する
416
-
417
- ```php
418
-
419
- <?php
420
-
421
-
422
-
423
- if(isset($_POST)==false )
424
-
425
- {
426
-
427
- echo '入力されておりません。';
428
-
429
- echo '<a href="input.php">入力フォームへ戻る</a>';
430
-
431
- exit();
432
-
433
- }
434
-
435
- ?>
436
-
437
- <!DOCTYPE html>
438
-
439
- <head>
440
-
441
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
442
-
443
- <title>入力完了!</title>
444
-
445
- </head>
446
-
447
- <body>
448
-
449
- <a href= "https://r4.quicca.com/~sairen78/f-1/f1.php" >地図に戻る</a>
450
-
451
-
452
-
453
- <?php
454
-
455
-
456
-
457
- $name = htmlspecialchars($_POST['name'], ENT_QUOTES,'UTF-8');
458
-
459
- $lat = htmlspecialchars($_POST['lat'], ENT_QUOTES,'UTF-8');
460
-
461
- $lug = htmlspecialchars($_POST['lug'], ENT_QUOTES, 'UTF-8');
462
-
463
- $daimei = htmlspecialchars($_POST['daimei'], ENT_QUOTES, 'UTF-8');
464
-
465
- $message = htmlspecialchars($_POST['message'], ENT_QUOTES,'UTF-8');
466
-
467
-
468
-
469
- $line = array($name, $lat, $lug, $daimei, $message, );
470
-
471
- //CSVファイルへの書き込み
472
-
473
- $file_name = "f-1.csv";
474
-
475
- $fp = fopen($file_name, 'a');
476
-
477
-
478
-
479
-
480
-
481
-
482
-
483
- $result = fputcsv($fp, $line);
484
-
485
- fclose($fp);
486
-
487
-
488
-
489
- if($result)
490
-
491
- {
492
-
493
- $result_message = "入力ありがとうございました!";
494
-
495
- }
496
-
497
- else
498
-
499
- {
500
-
501
- $result_message = "エラーが発生しました。";
502
-
503
- }
504
-
505
- echo '<hr/>';
506
-
507
- echo '<p>'.$result_message.'</p>';
508
-
509
- echo '<hr/>';
510
-
511
-
512
-
513
- ?>
514
-
515
- </body>
516
-
517
- </html>
518
-
519
- ```
520
-
521
415
 
522
416
 
523
417
  ご回答やご指摘いただいた点は修正しました。ありがとうございます。

6

追記

2020/02/13 22:54

投稿

akican1219
akican1219

スコア6

test CHANGED
File without changes
test CHANGED
@@ -2,9 +2,7 @@
2
2
 
3
3
  phpの入力フォームで入力したものをcsvファイルに入れて、そのscvファイルに入っている位置情報や地点説明をマーカーで表示したい
4
4
 
5
- ### 現在起きている問題
5
+ ### $mapdataの出力結果
6
-
7
- 入力した内容が
8
6
 
9
7
  L.marker([38.24862452,140.3277254]).addTo(map).bindPopup('<h2>山形駅</h2><p>作成者あきかん</p><p>aaa
10
8
 

5

追記

2020/02/13 15:59

投稿

akican1219
akican1219

スコア6

test CHANGED
File without changes
test CHANGED
@@ -6,11 +6,13 @@
6
6
 
7
7
  入力した内容が
8
8
 
9
- L.marker([38.24862452035,140.32772541046]).addTo(map).bindPopup('山形駅''スタバがで
9
+ L.marker([38.24862452,140.3277254]).addTo(map).bindPopup('<h2>山形駅</h2><p>作成者あかん</p><p>aaa
10
-
10
+
11
- ')
11
+ </p>')
12
-
12
+
13
- 上記のように、勝手に')のみ改行されてマーカーが表示されせん
13
+ </p>')のみ改行されて
14
+
15
+ 若干変えたのですが、こんな感じになります。
14
16
 
15
17
  #### 追記
16
18
 
@@ -36,7 +38,7 @@
36
38
 
37
39
 
38
40
 
39
- $filename = 'f-1.csv';
41
+ $filename = 'f-2.csv';
40
42
 
41
43
 
42
44
 
@@ -62,9 +64,7 @@
62
64
 
63
65
  //Map表示用
64
66
 
65
- $mapdata .= $mapdata ."L.marker([" .$data[1] ."," .$data[2] ."]).addTo(map).bindPopup(" ."'" . $data[3] ."','" . $data[4] ."'" .")\n";
67
+ $mapdata = $mapdata ."L.marker([" .$data[1] ."," .$data[2] ."]).addTo(map).bindPopup(" ."'<h2>" . $data[3] ."</h2><p>作成者" . $data[0] ."</p><p>" . $popdata ."</p>'" .")\n";
66
-
67
-
68
68
 
69
69
 
70
70
 
@@ -86,32 +86,88 @@
86
86
 
87
87
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
88
88
 
89
-
89
+ <link href="https://fonts.googleapis.com/css?family=Amatic+SC:700 rel="stylesheet">
90
+
91
+ <link rel="stylesheet" href="css/haikei.css" />
92
+
93
+ <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
90
94
 
91
95
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="">
92
96
 
93
- <link href="css/bootstrap.min.css" rel="stylesheet">
97
+ <link rel="stylesheet" href="css/Control.OSMGeocoder.css" />
98
+
99
+ <script src="js/Control.OSMGeocoder.js"></script>
100
+
101
+ <link href="css/bootstrap.min.css" rel="stylesheet">
102
+
103
+ <script src="js/bootstrap.min.js"></script>
104
+
105
+ <script src="js/leaflet-search.min.js"></script>
106
+
107
+ <link rel="stylesheet" href="css/Leaflet.Coordinates-0.1.5.css" />
108
+
109
+ <script src="js/Leaflet.Coordinates-0.1.5.min.js"></script>
110
+
111
+
112
+
113
+ <style type="text/css">
114
+
115
+ <!--
116
+
117
+ #mapid { height: 450px; width: 100%}
118
+
119
+ -->
120
+
121
+ </style>
122
+
123
+ </head>
124
+
125
+ <body>
126
+
127
+ <br>
128
+
129
+ <h3><a href="https://r4.quicca.com/~sairen78/f-1/input.php">入力フォームはこちらから</a></h3>
130
+
131
+ <div id="mapid"></div>
132
+
133
+ <script src="./js/maps.js"></script><br>
134
+
135
+ <script>
136
+
137
+ <?php print $mapdata; ?>
138
+
139
+ </script>
140
+
141
+ </body>
142
+
143
+ </html>
144
+
145
+ ```
146
+
147
+ ### 入力フォーム
148
+
149
+ ```php
150
+
151
+ <!DOCTYPE html>
152
+
153
+ <head>
154
+
155
+ <title>入力ページ</title>
156
+
157
+ <meta charset="utf-8">
158
+
159
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
160
+
161
+ <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="">
94
162
 
95
163
  <link rel="stylesheet" href="./css/leaflet.css "/>
96
164
 
97
165
  <link rel="stylesheet" href="./css/L.Control.Sidebar.css" />
98
166
 
99
- <link rel="stylesheet" href="css/leaflet-search.min.css">
100
-
101
-
102
-
103
167
  <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
104
168
 
105
169
  <script src="./js/L.Control.Sidebar.js"></script>
106
170
 
107
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
108
-
109
- <script src="js/bootstrap.min.js"></script>
110
-
111
- <script src="js/leaflet-search.min.js"></script>
112
-
113
- <title>入力チェック</title>
114
-
115
171
  <style type="text/css">
116
172
 
117
173
  <!--
@@ -122,113 +178,233 @@
122
178
 
123
179
  </style>
124
180
 
125
- </head>
181
+ </head>
126
-
182
+
127
- <body>
183
+ <body>
184
+
128
-
185
+ <h1>test</h1>
186
+
187
+ <p>必要事項を入力して『確認する』ボタンをクリックしてください</p>
188
+
189
+ <p>地図をクリックすると緯度経度を調べることができます。<br>
190
+
191
+ コピーアンドペースト等で入力フォームに入れてください</p>
192
+
193
+ <form method="post" action="input_check.php">
194
+
195
+ <table border="1px">
196
+
197
+ <tr><td>ニックネーム<br>(全ての人が見れるので本名はさけてください)</td><td><input type="text" name="name"</td></tr>
198
+
129
- <a href="https://r4.quicca.com/~sairen78/f-1/input.php">入力フォームはこちらから</a>
199
+ <tr><td>緯度を入力</td><td><input type="text" maxlength='11' name="lat"></td></tr>
200
+
130
-
201
+ <tr><td>経度を入力</td><td><input type="text" maxlength='11' name="lug"></td></tr>
202
+
203
+ <tr><td>場所の名前を!(題名)</td><td><input type="text" name="daimei"></td></tr>
204
+
205
+ <tr><td>場所の説明</td>
206
+
207
+ <td><textarea name="message" rows="5" cols="100"></textarea></td></tr>
208
+
209
+ <tr><td colspan="2"><input type="submit" value="確認"></td><tr>
210
+
131
- <div id="map" style="height: 450px; width: 100%;"></div>
211
+ <div id="map" style="height: 400px; width: 400px;"></div>
212
+
213
+ <script>
214
+
215
+ map.on('click', function(e) {
216
+
217
+ //クリック位置経緯度取得
218
+
219
+ lat = e.latlng.lat;
220
+
221
+ lng = e.latlng.lng;
222
+
223
+ //経緯度表示
224
+
225
+ alert("lat: " + lat + ", lng: " + lng);
226
+
227
+ } );
228
+
229
+ </script>
132
230
 
133
231
  <script src="./js/map.js"></script>
134
232
 
135
- <script>
136
-
137
- <?php print $mapdata; ?>
138
-
139
- </script>
140
-
141
- </body>
233
+ </body>
142
234
 
143
235
  </html>
144
236
 
145
237
  ```
146
238
 
147
- ### 入力フォーム
239
+ ### 確認フォーム
148
240
 
149
241
  ```php
150
242
 
243
+ <?php
244
+
245
+ //フォームデータが空の場合は終了
246
+
247
+ if(empty($_POST) )
248
+
249
+ {
250
+
251
+ echo '入力されておりません。';
252
+
253
+ echo '<a href="input.php">入力フォームへ戻る</a>';
254
+
255
+ exit();
256
+
257
+ }
258
+
259
+
260
+
261
+ ?>
262
+
151
263
  <!DOCTYPE html>
152
264
 
153
265
  <head>
154
266
 
155
- <title>入力ページ</title>
156
-
157
- <meta charset="utf-8">
158
-
159
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
160
-
161
- <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="">
162
-
163
- <link rel="stylesheet" href="./css/leaflet.css "/>
164
-
165
- <link rel="stylesheet" href="./css/L.Control.Sidebar.css" />
166
-
167
- <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
168
-
169
- <script src="./js/L.Control.Sidebar.js"></script>
170
-
171
- <style type="text/css">
172
-
173
- <!--
174
-
175
- #mapid { height: 400px; width: 100%}
176
-
177
- -->
178
-
179
- </style>
267
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
268
+
269
+ <title>入力チェック</title>
180
270
 
181
271
  </head>
182
272
 
183
273
  <body>
184
274
 
185
- <h1>test</h1>
275
+
186
-
276
+
277
+
278
+
187
- <p>必要事項入力して『確認する』ボタンをクリックしてください</p>
279
+ <p>内容を確認してください</p>
280
+
281
+
282
+
188
-
283
+ <?php
284
+
285
+ //入力値の取得とチェック
286
+
189
- <p>地図をクリックすると緯度経度を調べることができます。<br>
287
+ $name = htmlspecialchars($_POST['name'], ENT_QUOTES, 'UTF-8');
288
+
190
-
289
+ if(empty($name))
290
+
291
+ {
292
+
191
- コピーアンドペースト等で入力フォームに入れてください</p>
293
+ echo 'お名前を入力てください';
294
+
192
-
295
+ echo '<a href="input.php">入力フォームへ戻る</a>';
296
+
297
+ exit();
298
+
299
+ }
300
+
301
+ $lat = htmlspecialchars($_POST['lat'], ENT_QUOTES, 'UTF-8');
302
+
303
+ if(empty($lat))
304
+
305
+ {
306
+
307
+ echo '緯度を入力してください!半角でお願いします!';
308
+
309
+ echo '<a href="input.php">入力フォームへ戻る</a>';
310
+
311
+ exit();
312
+
313
+ }
314
+
315
+ $lug = htmlspecialchars($_POST['lug'], ENT_QUOTES, 'UTF-8');
316
+
317
+ if(empty($lug))
318
+
319
+ {
320
+
321
+ echo '経度を入力してください!半角でお願いします!';
322
+
323
+ echo '<a href="input.php">入力フォームへ戻る</a>';
324
+
325
+ exit();
326
+
327
+ }
328
+
329
+ $daimei = htmlspecialchars($_POST['daimei'], ENT_QUOTES, 'UTF-8');
330
+
331
+ if(empty($daimei))
332
+
333
+ {
334
+
335
+ echo '題名を入力してください!';
336
+
337
+ echo '<a href="input.php">入力フォームへ戻る</a>';
338
+
339
+ exit();
340
+
341
+ }
342
+
343
+
344
+
345
+ if(empty($_POST['message']))
346
+
347
+ {
348
+
349
+ echo '説明を書いてください!';
350
+
351
+ echo '<a href="input.php">入力フォームへ戻る</a>';
352
+
353
+ exit();
354
+
355
+ }
356
+
357
+ else
358
+
359
+ {
360
+
361
+ $message = $_POST['message'];
362
+
363
+ }
364
+
365
+
366
+
367
+
368
+
369
+ ?>
370
+
371
+
372
+
193
- <form method="post" action="input_check.php">
373
+ <form method="post" action="input_done.php">
194
374
 
195
375
  <table border="1px">
196
376
 
197
- <tr><td>ニックネーム<br>(全ての人が見れるので本はさけてください)</td><td><input type="text" name="name"</td></tr>
377
+ <tr><td></td><td><?php echo $name; ?></td></tr>
198
-
378
+
199
- <tr><td>緯度を入力</td><td><input type="text" maxlength='11' name="lat"></td></tr>
379
+ <tr><td>緯度</td><td><?php echo $lat; ?></td></tr>
200
-
380
+
201
- <tr><td>経度を入力</td><td><input type="text" maxlength='11' name="lug"></td></tr>
381
+ <tr><td>経度</td><td><?php echo $lug; ?></td></tr>
382
+
202
-
383
+ <tr><td>題名</td><td><?php echo $daimei; ?></td></tr>
384
+
203
- <tr><td>場所の名前を!(題名)</td><td><input type="text" name="daimei"></td></tr>
385
+ <tr><td>場所の説明</td><td><?php echo nl2br($message); ?></td></tr>
204
-
205
- <tr><td>場所の説明</td>
386
+
206
-
207
- <td><textarea name="message" rows="5" cols="100"></textarea></td></tr>
208
-
209
- <tr><td colspan="2"><input type="submit" value="確認"></td><tr>
387
+ <tr><td colspan="2"><input type='button' onclick="history.back()" value="戻る"> <input type="submit" value="送信"> </td></tr>
388
+
389
+
390
+
210
-
391
+ <input type="hidden" name="name" value="<?php echo $name; ?>" >
392
+
211
- <div id="map" style="height: 400px; width: 400px;"></div>
393
+ <input type="hidden" name="lat" value="<?php echo $lat; ?>" >
394
+
212
-
395
+ <input type="hidden" name="lug" value="<?php echo $lug; ?>" >
396
+
397
+ <input type="hidden" name="daimei" value="<?php echo $daimei; ?>" >
398
+
399
+ <input type="hidden" name="message" value="<?php echo $message; ?>" >
400
+
401
+
402
+
403
+
404
+
213
- <script>
405
+ </table>
214
-
215
- map.on('click', function(e) {
406
+
216
-
217
- //クリック位置経緯度取得
218
-
219
- lat = e.latlng.lat;
220
-
221
- lng = e.latlng.lng;
222
-
223
- //経緯度表示
224
-
225
- alert("lat: " + lat + ", lng: " + lng);
226
-
227
- } );
228
-
229
- </script>
407
+ </form>
230
-
231
- <script src="./js/map.js"></script>
232
408
 
233
409
  </body>
234
410
 
@@ -236,15 +412,17 @@
236
412
 
237
413
  ```
238
414
 
415
+
416
+
239
- ### 確認フォーム
417
+ ### csvに出力する
240
418
 
241
419
  ```php
242
420
 
243
421
  <?php
244
422
 
245
- //フォームデータが空の場合は終了
423
+
246
-
424
+
247
- if(empty($_POST) )
425
+ if(isset($_POST)==false )
248
426
 
249
427
  {
250
428
 
@@ -256,8 +434,6 @@
256
434
 
257
435
  }
258
436
 
259
-
260
-
261
437
  ?>
262
438
 
263
439
  <!DOCTYPE html>
@@ -266,91 +442,57 @@
266
442
 
267
443
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
268
444
 
269
- <title>入力チェック</title>
445
+ <title>入力完了!</title>
270
446
 
271
447
  </head>
272
448
 
273
449
  <body>
274
450
 
275
-
276
-
277
-
278
-
279
- <p>内容を確認してください。</p>
451
+ <a href= "https://r4.quicca.com/~sairen78/f-1/f1.php" >地図に戻る</a>
280
452
 
281
453
 
282
454
 
283
455
  <?php
284
456
 
285
- //入力値の取得とチェック
457
+
286
-
458
+
287
- $name = htmlspecialchars($_POST['name'], ENT_QUOTES, 'UTF-8');
459
+ $name = htmlspecialchars($_POST['name'], ENT_QUOTES,'UTF-8');
288
-
289
- if(empty($name))
460
+
290
-
291
- {
292
-
293
- echo 'お名前を入力してください';
294
-
295
- echo '<a href="input.php">入力フォームへ戻る</a>';
296
-
297
- exit();
298
-
299
- }
300
-
301
- $lat = htmlspecialchars($_POST['lat'], ENT_QUOTES, 'UTF-8');
461
+ $lat = htmlspecialchars($_POST['lat'], ENT_QUOTES,'UTF-8');
302
-
303
- if(empty($lat))
304
-
305
- {
306
-
307
- echo '緯度を入力してください!半角でお願いします!';
308
-
309
- echo '<a href="input.php">入力フォームへ戻る</a>';
310
-
311
- exit();
312
-
313
- }
314
462
 
315
463
  $lug = htmlspecialchars($_POST['lug'], ENT_QUOTES, 'UTF-8');
316
464
 
317
- if(empty($lug))
318
-
319
- {
320
-
321
- echo '経度を入力してください!半角でお願いします!';
322
-
323
- echo '<a href="input.php">入力フォームへ戻る</a>';
324
-
325
- exit();
326
-
327
- }
328
-
329
465
  $daimei = htmlspecialchars($_POST['daimei'], ENT_QUOTES, 'UTF-8');
330
466
 
467
+ $message = htmlspecialchars($_POST['message'], ENT_QUOTES,'UTF-8');
468
+
469
+
470
+
471
+ $line = array($name, $lat, $lug, $daimei, $message, );
472
+
473
+ //CSVファイルへの書き込み
474
+
475
+ $file_name = "f-1.csv";
476
+
477
+ $fp = fopen($file_name, 'a');
478
+
479
+
480
+
481
+
482
+
483
+
484
+
485
+ $result = fputcsv($fp, $line);
486
+
487
+ fclose($fp);
488
+
489
+
490
+
331
- if(empty($daimei))
491
+ if($result)
332
-
492
+
333
- {
493
+ {
334
-
335
- echo '題名を入力してください!';
494
+
336
-
337
- echo '<a href="input.php">入力フォームへ戻る</a>';
338
-
339
- exit();
340
-
341
- }
342
-
343
-
344
-
345
- if(empty($_POST['message']))
346
-
347
- {
348
-
349
- echo '説明を書てください!';
495
+ $result_message = "入力ありがとうござました!";
350
-
351
- echo '<a href="input.php">入力フォームへ戻る</a>';
352
-
353
- exit();
354
496
 
355
497
  }
356
498
 
@@ -358,54 +500,20 @@
358
500
 
359
501
  {
360
502
 
361
- $message = $_POST['message'];
503
+ $result_message = "エラーが発生しました。";
362
-
504
+
363
- }
505
+ }
506
+
364
-
507
+ echo '<hr/>';
508
+
365
-
509
+ echo '<p>'.$result_message.'</p>';
510
+
511
+ echo '<hr/>';
366
512
 
367
513
 
368
514
 
369
515
  ?>
370
516
 
371
-
372
-
373
- <form method="post" action="input_done.php">
374
-
375
- <table border="1px">
376
-
377
- <tr><td>お名前</td><td><?php echo $name; ?></td></tr>
378
-
379
- <tr><td>緯度</td><td><?php echo $lat; ?></td></tr>
380
-
381
- <tr><td>経度</td><td><?php echo $lug; ?></td></tr>
382
-
383
- <tr><td>題名</td><td><?php echo $daimei; ?></td></tr>
384
-
385
- <tr><td>場所の説明</td><td><?php echo nl2br($message); ?></td></tr>
386
-
387
- <tr><td colspan="2"><input type='button' onclick="history.back()" value="戻る"> <input type="submit" value="送信"> </td></tr>
388
-
389
-
390
-
391
- <input type="hidden" name="name" value="<?php echo $name; ?>" >
392
-
393
- <input type="hidden" name="lat" value="<?php echo $lat; ?>" >
394
-
395
- <input type="hidden" name="lug" value="<?php echo $lug; ?>" >
396
-
397
- <input type="hidden" name="daimei" value="<?php echo $daimei; ?>" >
398
-
399
- <input type="hidden" name="message" value="<?php echo $message; ?>" >
400
-
401
-
402
-
403
-
404
-
405
- </table>
406
-
407
- </form>
408
-
409
517
  </body>
410
518
 
411
519
  </html>
@@ -414,114 +522,6 @@
414
522
 
415
523
 
416
524
 
417
- ### csvに出力する
418
-
419
- ```php
420
-
421
- <?php
422
-
423
-
424
-
425
- if(isset($_POST)==false )
426
-
427
- {
428
-
429
- echo '入力されておりません。';
430
-
431
- echo '<a href="input.php">入力フォームへ戻る</a>';
432
-
433
- exit();
434
-
435
- }
436
-
437
- ?>
438
-
439
- <!DOCTYPE html>
440
-
441
- <head>
442
-
443
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
444
-
445
- <title>入力完了!</title>
446
-
447
- </head>
448
-
449
- <body>
450
-
451
- <a href= "https://r4.quicca.com/~sairen78/f-1/f1.php" >地図に戻る</a>
452
-
453
-
454
-
455
- <?php
456
-
457
-
458
-
459
- $name = htmlspecialchars($_POST['name'], ENT_QUOTES,'UTF-8');
460
-
461
- $lat = htmlspecialchars($_POST['lat'], ENT_QUOTES,'UTF-8');
462
-
463
- $lug = htmlspecialchars($_POST['lug'], ENT_QUOTES, 'UTF-8');
464
-
465
- $daimei = htmlspecialchars($_POST['daimei'], ENT_QUOTES, 'UTF-8');
466
-
467
- $message = htmlspecialchars($_POST['message'], ENT_QUOTES,'UTF-8');
468
-
469
-
470
-
471
- $line = array($name, $lat, $lug, $daimei, $message, );
472
-
473
- //CSVファイルへの書き込み
474
-
475
- $file_name = "f-1.csv";
476
-
477
- $fp = fopen($file_name, 'a');
478
-
479
-
480
-
481
-
482
-
483
-
484
-
485
- $result = fputcsv($fp, $line);
486
-
487
- fclose($fp);
488
-
489
-
490
-
491
- if($result)
492
-
493
- {
494
-
495
- $result_message = "入力ありがとうございました!";
496
-
497
- }
498
-
499
- else
500
-
501
- {
502
-
503
- $result_message = "エラーが発生しました。";
504
-
505
- }
506
-
507
- echo '<hr/>';
508
-
509
- echo '<p>'.$result_message.'</p>';
510
-
511
- echo '<hr/>';
512
-
513
-
514
-
515
- ?>
516
-
517
- </body>
518
-
519
- </html>
520
-
521
- ```
522
-
523
-
524
-
525
525
  ご回答やご指摘いただいた点は修正しました。ありがとうございます。
526
526
 
527
527
  ご教授お願いします

4

別の問題が発生

2020/02/13 15:58

投稿

akican1219
akican1219

スコア6

test CHANGED
File without changes
test CHANGED
@@ -2,8 +2,6 @@
2
2
 
3
3
  phpの入力フォームで入力したものをcsvファイルに入れて、そのscvファイルに入っている位置情報や地点説明をマーカーで表示したい
4
4
 
5
- [作っているサイトです](https://r4.quicca.com/~sairen78/f-1/f1.php)
6
-
7
5
  ### 現在起きている問題
8
6
 
9
7
  入力した内容が

3

csv追記

2020/02/13 15:46

投稿

akican1219
akican1219

スコア6

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  ```csv
24
24
 
25
- 8,38.24862452,140.3277254,題名,a ←ここに入力フォームで入力完了した時点で,をつけたい
25
+ pm,38.24862452,140.3277254,題名,説明 ←ここに入力フォームで入力完了した時点で,をつけたい
26
26
 
27
27
 
28
28
 
@@ -526,4 +526,4 @@
526
526
 
527
527
  ご回答やご指摘いただいた点は修正しました。ありがとうございます。
528
528
 
529
- ご教授お願いします
529
+ ご教授お願いします

2

csv追記

2020/02/12 16:52

投稿

akican1219
akican1219

スコア6

test CHANGED
File without changes
test CHANGED
@@ -20,10 +20,16 @@
20
20
 
21
21
  そのつけ方がわかりません。           
22
22
 
23
-           
23
+ ```csv
24
24
 
25
25
  8,38.24862452,140.3277254,題名,a ←ここに入力フォームで入力完了した時点で,をつけたい
26
26
 
27
+
28
+
29
+ ```   
30
+
31
+
32
+
27
33
  ### ホーム画面
28
34
 
29
35
  ```php

1

別の問題が発生

2020/02/12 16:50

投稿

akican1219
akican1219

スコア6

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,16 @@
14
14
 
15
15
  上記のように、勝手に')のみ改行されてマーカーが表示されません。
16
16
 
17
+ #### 追記
18
+
19
+ 原因が、csvファイルの最後に,が付いていないことでした。
20
+
21
+ そのつけ方がわかりません。           
22
+
23
+           
24
+
25
+ 8,38.24862452,140.3277254,題名,a ←ここに入力フォームで入力完了した時点で,をつけたい
26
+
17
27
  ### ホーム画面
18
28
 
19
29
  ```php
@@ -22,9 +32,7 @@
22
32
 
23
33
 
24
34
 
25
- // SJISのCSVファイル
26
-
27
- $filename = '.csv';
35
+ $filename = 'f-1.csv';
28
36
 
29
37
 
30
38
 
@@ -32,7 +40,9 @@
32
40
 
33
41
 
34
42
 
35
- // UTF-8のCSVデータを1行ずつ処理する
43
+ $mapdata = '';
44
+
45
+
36
46
 
37
47
  foreach ($data as $line){
38
48
 
@@ -48,7 +58,9 @@
48
58
 
49
59
  //Map表示用
50
60
 
51
- $mapdata = $mapdata ."L.marker([" .$data[1] ."," .$data[2] ."]).addTo(map).bindPopup(" ."'" . $data[3] ."'" ."" ."'" . $data[4] ."'" .")\n";
61
+ $mapdata .= $mapdata ."L.marker([" .$data[1] ."," .$data[2] ."]).addTo(map).bindPopup(" ."'" . $data[3] ."','" . $data[4] ."'" .")\n";
62
+
63
+
52
64
 
53
65
 
54
66
 
@@ -70,16 +82,32 @@
70
82
 
71
83
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
72
84
 
85
+
86
+
73
87
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="">
74
88
 
89
+ <link href="css/bootstrap.min.css" rel="stylesheet">
90
+
75
91
  <link rel="stylesheet" href="./css/leaflet.css "/>
76
92
 
77
93
  <link rel="stylesheet" href="./css/L.Control.Sidebar.css" />
78
94
 
95
+ <link rel="stylesheet" href="css/leaflet-search.min.css">
96
+
97
+
98
+
79
99
  <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
80
100
 
81
101
  <script src="./js/L.Control.Sidebar.js"></script>
82
102
 
103
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
104
+
105
+ <script src="js/bootstrap.min.js"></script>
106
+
107
+ <script src="js/leaflet-search.min.js"></script>
108
+
109
+ <title>入力チェック</title>
110
+
83
111
  <style type="text/css">
84
112
 
85
113
  <!--
@@ -96,7 +124,7 @@
96
124
 
97
125
  <a href="https://r4.quicca.com/~sairen78/f-1/input.php">入力フォームはこちらから</a>
98
126
 
99
- <div id="map" style="height: 600px; width: 100%;"></div>
127
+ <div id="map" style="height: 450px; width: 100%;"></div>
100
128
 
101
129
  <script src="./js/map.js"></script>
102
130
 
@@ -380,4 +408,116 @@
380
408
 
381
409
  ```
382
410
 
411
+
412
+
413
+ ### csvに出力する
414
+
415
+ ```php
416
+
417
+ <?php
418
+
419
+
420
+
421
+ if(isset($_POST)==false )
422
+
423
+ {
424
+
425
+ echo '入力されておりません。';
426
+
427
+ echo '<a href="input.php">入力フォームへ戻る</a>';
428
+
429
+ exit();
430
+
431
+ }
432
+
433
+ ?>
434
+
435
+ <!DOCTYPE html>
436
+
437
+ <head>
438
+
439
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
440
+
441
+ <title>入力完了!</title>
442
+
443
+ </head>
444
+
445
+ <body>
446
+
447
+ <a href= "https://r4.quicca.com/~sairen78/f-1/f1.php" >地図に戻る</a>
448
+
449
+
450
+
451
+ <?php
452
+
453
+
454
+
455
+ $name = htmlspecialchars($_POST['name'], ENT_QUOTES,'UTF-8');
456
+
457
+ $lat = htmlspecialchars($_POST['lat'], ENT_QUOTES,'UTF-8');
458
+
459
+ $lug = htmlspecialchars($_POST['lug'], ENT_QUOTES, 'UTF-8');
460
+
461
+ $daimei = htmlspecialchars($_POST['daimei'], ENT_QUOTES, 'UTF-8');
462
+
463
+ $message = htmlspecialchars($_POST['message'], ENT_QUOTES,'UTF-8');
464
+
465
+
466
+
467
+ $line = array($name, $lat, $lug, $daimei, $message, );
468
+
469
+ //CSVファイルへの書き込み
470
+
471
+ $file_name = "f-1.csv";
472
+
473
+ $fp = fopen($file_name, 'a');
474
+
475
+
476
+
477
+
478
+
479
+
480
+
481
+ $result = fputcsv($fp, $line);
482
+
483
+ fclose($fp);
484
+
485
+
486
+
487
+ if($result)
488
+
489
+ {
490
+
491
+ $result_message = "入力ありがとうございました!";
492
+
493
+ }
494
+
495
+ else
496
+
497
+ {
498
+
499
+ $result_message = "エラーが発生しました。";
500
+
501
+ }
502
+
503
+ echo '<hr/>';
504
+
505
+ echo '<p>'.$result_message.'</p>';
506
+
507
+ echo '<hr/>';
508
+
509
+
510
+
511
+ ?>
512
+
513
+ </body>
514
+
515
+ </html>
516
+
517
+ ```
518
+
519
+
520
+
521
+ ご回答やご指摘いただいた点は修正しました。ありがとうございます。
522
+
383
523
  ご教授お願いします。