-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfare0.0.0.html
147 lines (141 loc) · 6.45 KB
/
fare0.0.0.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>西央線運賃計算機/砂漠の砂漠</title>
<link rel="stylesheet" href="c.css">
</head>
<body>
<div class="middle">
<p class="hd">
<a href="index.html" style="border:none;"><img src="2462E5EF-BB79-451F-A65A-A912ABEF918A.jpeg"
alt="砂漠の砂漠 Hide-out" width="60%"></a>
</p>
<div class="mb">
<a href="https://www.youtube.com/@Ojihineko" target="_blank" rel="noopener noreferrer"
style="text-decoration: none;"><span style="color: #f0a;">Youtube <span /></a>
<a href="https://twitter.com/Asahi_1234" target="_blank" rel="noopener noreferrer"
style="text-decoration: none;"><span style="color: #0ff;"> Twitter</span></a>
</div>
<div class="container">
<div class="left-menu">
<div id="side">
abcdef<!--ここでinframeやobjectを使うとサイドバーのウィンドウ内自体にリンク先が表示されて入れ子みたいになるからJavaScriptで書き換えを行う。-->
</div>
</div>
<div class="main-contents">
<p>国鉄西央線の運賃を自動計算します。ゆくゆくは全路線対応機にしたい。</p>
<div id="fare">
<div style="display: flex;justify-content: center;">
<div style="flex-basis: 100px;">
<table border="1" style="background-color:#1F45FC;text-align:center;">
<tr>
<th>西央線</th>
</tr>
<tr>
<th><button id="kitamichi">北道</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="hurukui">古杭</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="ooara">大粗</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="nisiookawa">西大川</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="tsuchigasaki">土ヶ崎</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="mizudaira">水平</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="morisaka">森坂</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="nakae">中江</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="yutachi">湯立</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="yamaguma">山隈</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="oomorie">大森江</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="humotobaru">麓原</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="unitsu">雲丹津</button></th>
</tr>
<tr>
<th>||</th>
</tr>
<tr>
<th><button id="nisiguma">西隈</button></th>
</tr>
</table>
</div>
<div>
<div class="subindx">
<p>使い方</p>
</div>
<p>1.左側の駅名が書いてあるボタンで、スタートとゴールにしたい駅を一回ずつ(合計2回)押してください</p>
<p>2.↓下のボタンを押してください</p>
<button id="start">運賃計算</button>
</div>
</div>
</div>
</div>
</div>
</div>
<style id="change">
</style>
<script src="side.js"></script>
<script src="colorChange.js"></script>
<script src="fare0.0.0.js"></script>
<style id="change">
</style>
</body>
</html>