質問編集履歴
1
エラー箇所に関わる全文を追加しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -7,8 +7,65 @@
|
|
7
7
|
|19:02|普通|〇〇|
|
8
8
|
|
9
9
|
18:53~18:59の間に指定するとエラーが発生します。
|
10
|
+
```HTML
|
11
|
+
<!DOCTYPE html>
|
12
|
+
<html lang="ja">
|
10
|
-
|
13
|
+
<head>
|
14
|
+
<meta charset="UTF-8">
|
15
|
+
<title>時刻表検索サイト</title>
|
16
|
+
|
17
|
+
<script type="text/javascript">
|
18
|
+
|
19
|
+
var now;
|
20
|
+
var nhour;
|
21
|
+
var nmin;
|
22
|
+
var scel;
|
23
|
+
|
24
|
+
window.onload = serch;
|
25
|
+
|
26
|
+
function serch(a){
|
27
|
+
|
28
|
+
now = new Date();
|
29
|
+
|
30
|
+
|
31
|
+
|
32
|
+
nhour= now.getHours();
|
33
|
+
|
34
|
+
if(now.getMinutes() < 10){
|
35
|
+
nmin = "0" + now.getMinutes();
|
36
|
+
}else{
|
37
|
+
nmin= now.getMinutes();}
|
38
|
+
|
39
|
+
var nyou = now.getDay();
|
40
|
+
if(a==1){
|
41
|
+
nhour=window.prompt("時を入力してください。(例:8, 17)");
|
42
|
+
nmin=window.prompt("分を入力してください。(例:04, 37)");
|
43
|
+
if(nhour=="" || nmin==""){
|
44
|
+
serch(1);
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
var rowu;
|
49
|
+
var rowa;
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
|
54
|
+
var elements = document.getElementsByClassName('date');
|
55
|
+
for(i=0;i<elements.length;i++){
|
56
|
+
elements[i].innerHTML = "平日 Weekdays";
|
57
|
+
elements[i].style.backgroundColor = '#ffffff';
|
58
|
+
elements[i].style.color = '#000000';
|
59
|
+
}
|
60
|
+
if( nhour ==23 && nmin>47 ){
|
61
|
+
var row = 215;
|
62
|
+
}else if( nhour ==0 && nmin<=2 ){
|
63
|
+
var row = 215;
|
64
|
+
}else if(nhour < 5){
|
65
|
+
var row = 0;
|
66
|
+
}else{
|
67
|
+
|
11
|
-
for(var row=0; row<=1000; row++){
|
68
|
+
for(var row=0; row<=1000; row++){
|
12
69
|
time1 = weekJRAk.rows[row].cells[0].innerHTML;
|
13
70
|
time = time1.split(':');
|
14
71
|
if( nhour == time[0]){
|
@@ -17,7 +74,342 @@
|
|
17
74
|
}else if(nhour + 1 == time[0]){
|
18
75
|
if( nmin >= 0){
|
19
76
|
break;}
|
20
|
-
}};
|
77
|
+
}}};
|
78
|
+
|
79
|
+
var Aksenpatsu =(weekJRAk.rows[row].cells[0].innerHTML);
|
80
|
+
var Akjihatsu =(weekJRAk.rows[row + 1].cells[0].innerHTML);
|
81
|
+
var Akjijihatsu =(weekJRAk.rows[row + 2].cells[0].innerHTML);
|
82
|
+
var Akyonhatsu =(weekJRAk.rows[row + 3].cells[0].innerHTML);
|
83
|
+
var Akgohatsu =(weekJRAk.rows[row + 4].cells[0].innerHTML);
|
84
|
+
|
85
|
+
var Aksenpatsusort =(weekJRAk.rows[row].cells[1].innerHTML);
|
86
|
+
var Akjihatsusort =(weekJRAk.rows[row + 1].cells[1].innerHTML);
|
87
|
+
var Akjijihatsusort=(weekJRAk.rows[row + 2].cells[1].innerHTML);
|
88
|
+
var Akyonhatsusort=(weekJRAk.rows[row + 3].cells[1].innerHTML);
|
89
|
+
var Akgohatsusort=(weekJRAk.rows[row + 4].cells[1].innerHTML);
|
90
|
+
|
91
|
+
var Aksenpatsufor =(weekJRAk.rows[row].cells[2].innerHTML);
|
92
|
+
var Akjihatsufor =(weekJRAk.rows[row + 1].cells[2].innerHTML);
|
93
|
+
var Akjijihatsufor=(weekJRAk.rows[row + 2].cells[2].innerHTML);
|
94
|
+
var Akyonhatsufor=(weekJRAk.rows[row + 3].cells[2].innerHTML);
|
95
|
+
var Akgohatsufor=(weekJRAk.rows[row + 4].cells[2].innerHTML);
|
96
|
+
|
97
|
+
var Aksenpatsustop =(weekJRAk.rows[row].cells[3].innerHTML);
|
98
|
+
var Akjihatsustop =(weekJRAk.rows[row + 1].cells[3].innerHTML);
|
99
|
+
var Akjijihatsustop=(weekJRAk.rows[row + 2].cells[3].innerHTML);
|
100
|
+
var Akyonhatsustop=(weekJRAk.rows[row + 3].cells[3].innerHTML);
|
101
|
+
var Akgohatsustop=(weekJRAk.rows[row + 4].cells[3].innerHTML);
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
topt.innerHTML= "検索時刻 "+nhour+":"+nmin;
|
106
|
+
|
107
|
+
var s, d;
|
108
|
+
var sa, da;
|
109
|
+
for(var i=0; i<5; i++){
|
110
|
+
if(i==0){
|
111
|
+
sa=Aksenpatsusort;
|
112
|
+
da=Aksenpatsufor;
|
113
|
+
}else if(i==1){
|
114
|
+
sa=Akjihatsusort;
|
115
|
+
da=Akjihatsufor;
|
116
|
+
}else if(i==2){
|
117
|
+
sa=Akjijihatsusort;
|
118
|
+
da=Akjijihatsufor;
|
119
|
+
}else if(i==3){
|
120
|
+
sa=Akyonhatsusort;
|
121
|
+
da=Akyonhatsufor;
|
122
|
+
}else if(i==4){
|
123
|
+
sa=Akgohatsusort;
|
124
|
+
da=Akgohatsufor;
|
125
|
+
}
|
126
|
+
s=sa;
|
127
|
+
d=da;
|
128
|
+
|
129
|
+
if(i==0){
|
130
|
+
var JAk1s=document.getElementById('JAk1s');
|
131
|
+
JAk1s.innerHTML=s;
|
132
|
+
var JAk1d=document.getElementById('JAk1d');
|
133
|
+
JAk1d.innerHTML=d;
|
134
|
+
}else if(i==1){
|
135
|
+
var JAk2s=document.getElementById('JAk2s');
|
136
|
+
JAk2s.innerHTML=s;
|
137
|
+
var JAk2d=document.getElementById('JAk2d');
|
138
|
+
JAk2d.innerHTML=d;
|
139
|
+
}else if(i==2){
|
140
|
+
var JAk3s=document.getElementById('JAk3s');
|
141
|
+
JAk3s.innerHTML=s;
|
142
|
+
var JAk3d=document.getElementById('JAk3d');
|
143
|
+
JAk3d.innerHTML=d;
|
144
|
+
}else if(i==3){
|
145
|
+
var JAk4s=document.getElementById('JAk4s');
|
146
|
+
JAk4s.innerHTML=s;
|
147
|
+
var JAk4d=document.getElementById('JAk4d');
|
148
|
+
JAk4d.innerHTML=d;
|
149
|
+
}else if(i==4){
|
150
|
+
var JAk5s=document.getElementById('JAk5s');
|
151
|
+
JAk5s.innerHTML=s;
|
152
|
+
var JAk5d=document.getElementById('JAk5d');
|
153
|
+
JAk5d.innerHTML=d;
|
154
|
+
};
|
155
|
+
};
|
156
|
+
|
157
|
+
var JAk1t=document.getElementById('JAk1t');
|
158
|
+
var JAk2t=document.getElementById('JAk2t');
|
159
|
+
var JAk3t=document.getElementById('JAk3t');
|
160
|
+
var JAk4t=document.getElementById('JAk4t');
|
161
|
+
var JAk5t=document.getElementById('JAk5t');
|
162
|
+
JAk1t.innerHTML=Aksenpatsu;
|
163
|
+
JAk2t.innerHTML=Akjihatsu;
|
164
|
+
JAk3t.innerHTML=Akjijihatsu;
|
165
|
+
JAk4t.innerHTML=Akyonhatsu;
|
166
|
+
JAk5t.innerHTML=Akgohatsu;
|
167
|
+
|
168
|
+
var JAk1r=document.getElementById('JAk1r');
|
169
|
+
var JAk2r=document.getElementById('JAk2r');
|
170
|
+
var JAk3r=document.getElementById('JAk3r');
|
171
|
+
var JAk4r=document.getElementById('JAk4r');
|
172
|
+
var JAk5r=document.getElementById('JAk5r');
|
173
|
+
JAk1r.innerHTML=Aksenpatsustop;
|
174
|
+
JAk2r.innerHTML=Akjihatsustop;
|
175
|
+
JAk3r.innerHTML=Akjijihatsustop;
|
176
|
+
JAk4r.innerHTML=Akyonhatsustop;
|
177
|
+
JAk5r.innerHTML=Akgohatsustop;
|
178
|
+
};
|
179
|
+
</script>
|
180
|
+
<style>
|
181
|
+
body{ font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
|
182
|
+
background-color:#000000;
|
183
|
+
color: #ffffff;
|
184
|
+
min-width:1220px;
|
185
|
+
width: auto;}
|
186
|
+
|
187
|
+
#news{color:white;
|
188
|
+
border-bottom: solid 5px #00bfff;
|
189
|
+
font-style:italic;}
|
190
|
+
|
191
|
+
h4#shi{border-bottom: solid 5px #00bfff;
|
192
|
+
border-left: solid 5px #00bfff;
|
193
|
+
padding: 10px}
|
194
|
+
|
195
|
+
#news_info{color:#fff0b0;
|
196
|
+
border-bottom: solid 5px #fff0b0;
|
197
|
+
font-style:italic;
|
198
|
+
margin-bottom: 5px;}
|
199
|
+
|
200
|
+
h4#status{border-bottom: solid 5px #fff0b0;
|
201
|
+
border-left: solid 5px #fff0b0;
|
202
|
+
padding: 10px;
|
203
|
+
margin-top: 5px;}
|
204
|
+
|
205
|
+
h1#title{color:#00bfff;}
|
206
|
+
|
207
|
+
|
208
|
+
table.display{text-align:center;}
|
209
|
+
|
210
|
+
select#youbi{height:30px;}
|
211
|
+
|
212
|
+
|
213
|
+
h4{color:white;}
|
214
|
+
|
215
|
+
.date{
|
216
|
+
width:100%;
|
217
|
+
height:auto;
|
218
|
+
font-size: 25px;
|
219
|
+
padding:0px;
|
220
|
+
vertical-align:middle;
|
221
|
+
|
222
|
+
}
|
223
|
+
|
224
|
+
details summary::-webkit-details-marker {
|
225
|
+
display: none;
|
226
|
+
}
|
227
|
+
|
228
|
+
table{color:white;
|
229
|
+
border-collapse: collapse;
|
230
|
+
text-align:center;}
|
231
|
+
|
232
|
+
|
233
|
+
.jat{
|
234
|
+
font-size:35px;
|
235
|
+
text-align:center;
|
236
|
+
}
|
237
|
+
.ent{
|
238
|
+
font-size:24px;
|
239
|
+
text-align:center;
|
240
|
+
|
241
|
+
}
|
242
|
+
.title{
|
243
|
+
text-align:center;
|
244
|
+
}
|
245
|
+
.dtime{
|
246
|
+
font-size:60px;
|
247
|
+
font-weight: 500;
|
248
|
+
margin:0px;
|
249
|
+
color:#ffff0b;
|
250
|
+
width:150px;
|
251
|
+
text-align:center;
|
252
|
+
transform : scale(1, 1.5);
|
253
|
+
}
|
254
|
+
|
255
|
+
table td, th{
|
256
|
+
border-color: #302833;
|
257
|
+
border-style: solid;
|
258
|
+
border-width: 4px 0px;
|
259
|
+
padding: 0.3em;
|
260
|
+
}
|
261
|
+
|
262
|
+
.stops{
|
263
|
+
font-size: 22px;
|
264
|
+
text-align: left;
|
265
|
+
vertical-align: top;
|
266
|
+
}
|
267
|
+
.sl{
|
268
|
+
display: inline-block;
|
269
|
+
|
270
|
+
}
|
271
|
+
|
272
|
+
|
273
|
+
.sl2{
|
274
|
+
|
275
|
+
width:125%;
|
276
|
+
transform-origin: top left;
|
277
|
+
transform : scaleX(0.8);
|
278
|
+
}
|
279
|
+
|
280
|
+
</style>
|
281
|
+
|
282
|
+
</head>
|
283
|
+
<body>
|
284
|
+
<h1 id="title">時刻表検索サイト<br>Search Timetable</h1>
|
285
|
+
|
286
|
+
<h3 id="news_info">運行情報 Train Status information</h3>
|
287
|
+
|
288
|
+
<h4 id="status">
|
289
|
+
<br>
|
290
|
+
|
291
|
+
</h4>
|
292
|
+
|
293
|
+
<input type="button" value="時刻を変えて再検索" onclick="serch(1)"/>
|
294
|
+
|
295
|
+
<h1><div id="topt">検索時刻 </div></h1>
|
296
|
+
<br><div class="date"></div><br>
|
297
|
+
<details open>
|
298
|
+
<summary><img src="JRAk.jpg" alt="JR京都線 山科駅 [1][2]京都・大阪 方面" height="90px"></summary>
|
299
|
+
<table id="JAk" class="details-content">
|
300
|
+
<tr>
|
301
|
+
<td class="title"><span class="jat"><b>発順</b></span><br><span class="ent">Order</span></td>
|
302
|
+
<td class="title"><span class="jat"><b>発車時刻</b></span><br><span class="ent">Dep. Time</span></td>
|
303
|
+
<td class="title"><span class="jat"><b>種 別</b></span><br><span class="ent">Type</span></td>
|
304
|
+
<td class="title"><span class="jat"><b>行 先</b></span><br><span class="ent">Destination</span></td>
|
305
|
+
<td class="title"><span class="jat"><b>停車駅</b></span><br><span class="ent">Stops</span></td>
|
306
|
+
</tr>
|
307
|
+
<tr>
|
308
|
+
<td><img src="2_1st.jpeg" alt="1st" height="80px"></td>
|
309
|
+
<td><div class="dtime" id="JAk1t"></div></td>
|
310
|
+
<td><div id="JAk1s"></div></td>
|
311
|
+
<td><div id="JAk1d"></div></td>
|
312
|
+
<td><div class="stops sl2" id="JAk1r"></div></td>
|
313
|
+
</tr>
|
314
|
+
<tr>
|
315
|
+
<td><img src="2_2nd.jpeg" alt="2nd" height="80px"></td>
|
316
|
+
<td><div class="dtime" id="JAk2t"></div></td>
|
317
|
+
<td><div id="JAk2s"><span class="jat"></span></div></td>
|
318
|
+
<td><div id="JAk2d"></div></td>
|
319
|
+
<td><div class="stops sl2" id="JAk2r"></div></td>
|
320
|
+
</tr>
|
321
|
+
<tr>
|
322
|
+
<td><img src="2_3rd.jpeg" alt="3rd" height="80px"></td>
|
323
|
+
<td><div class="dtime" id="JAk3t"></div></td>
|
324
|
+
<td><div id="JAk3s"></div></td>
|
325
|
+
<td><div id="JAk3d"></div></td>
|
326
|
+
<td><div class="stops sl2" id="JAk3r"></div></td>
|
327
|
+
</tr>
|
328
|
+
<tr>
|
329
|
+
<td><img src="2_4th.jpeg" alt="4th" height="80px"></td>
|
330
|
+
<td><div class="dtime" id="JAk4t"></div></td>
|
331
|
+
<td><div id="JAk4s"></div></td>
|
332
|
+
<td><div id="JAk4d"></div></td>
|
333
|
+
<td><div class="stops sl2" id="JAk4r"></div></td>
|
334
|
+
</tr>
|
335
|
+
<tr>
|
336
|
+
<td><img src="2_5th.jpeg" alt="5th" height="80px"></div></td>
|
337
|
+
<td class="dep"><div class="dtime" id="JAk5t"></div></td>
|
338
|
+
<td><div id="JAk5s"></div></td>
|
339
|
+
<td><div id="JAk5d"></div></td>
|
340
|
+
<td><div class="stops sl2" id="JAk5r"></div></td>
|
341
|
+
</tr>
|
342
|
+
</table>
|
343
|
+
</details>
|
344
|
+
<br><div class="date"></div><br>
|
345
|
+
<h3 id="news">お知らせ information</h3>
|
346
|
+
<h4 id="shi">
|
347
|
+
</h4>
|
348
|
+
|
349
|
+
▼データーベース
|
350
|
+
<details>
|
351
|
+
<summary>JR京都線 山科駅 [1][2]京都・大阪 方面 平日</summary>
|
352
|
+
<table id="weekJRAk">
|
353
|
+
<tr>
|
354
|
+
<td>18:42</td>
|
355
|
+
<td>普通</td>
|
356
|
+
<td>京都</td>
|
357
|
+
<td>各駅</td>
|
358
|
+
</tr>
|
359
|
+
<tr>
|
360
|
+
<td>18:46</td>
|
361
|
+
<td>快速</td>
|
362
|
+
<td>網干</td>
|
363
|
+
<td>各駅</td>
|
364
|
+
</tr>
|
365
|
+
<tr>
|
366
|
+
<td>18:52</td>
|
367
|
+
<td>新快速</td>
|
368
|
+
<td>網干</td>
|
369
|
+
<td>各駅</td>
|
370
|
+
</tr>
|
371
|
+
<tr>
|
372
|
+
<td>19:01</td>
|
373
|
+
<td>快速</td>
|
374
|
+
<td>網干</td>
|
375
|
+
<td>各駅</td>
|
376
|
+
</tr>
|
377
|
+
<tr>
|
378
|
+
<td>19:07</td>
|
379
|
+
<td>新快速</td>
|
380
|
+
<td>播州赤穂</td>
|
381
|
+
<td>各駅</td>
|
382
|
+
</tr>
|
383
|
+
|
384
|
+
<tr>
|
385
|
+
<td>23:34</td>
|
386
|
+
<td>普通</td>
|
387
|
+
<td>京都</td>
|
388
|
+
<td>各駅</td>
|
389
|
+
</tr>
|
390
|
+
<tr>
|
391
|
+
<td>23:45</td>
|
392
|
+
<td>普通</td>
|
393
|
+
<td>京都</td>
|
394
|
+
<td>各駅</td>
|
395
|
+
</tr>
|
396
|
+
<tr>
|
397
|
+
<td>23:51</td>
|
398
|
+
<td>普通</td>
|
399
|
+
<td>京都</td>
|
400
|
+
<td>各駅</td>
|
401
|
+
</tr>
|
402
|
+
<tr>
|
403
|
+
<td>0:08</td>
|
404
|
+
<td>普通</td>
|
405
|
+
<td>最終京都</td>
|
406
|
+
<td>各駅</td>
|
407
|
+
</tr>
|
408
|
+
</table>
|
409
|
+
</details>
|
410
|
+
|
411
|
+
</body>
|
412
|
+
</html>
|
21
413
|
```
|
22
414
|
nhourには18, 19などの時、nminには45, 53などの分が入っています。
|
23
415
|
weekJRAkは表のidです
|
@@ -29,3 +421,6 @@
|
|
29
421
|
|
30
422
|
たくさんの、ご回答よろしくお願いします。
|
31
423
|
すべて試します。
|
424
|
+
|
425
|
+
文字数の関係で同じパターンのところを削除しました。
|
426
|
+
window.onloadでは作動しますが「時刻を変えて再検索」から時刻を入力して実行するとエラーになります。
|