-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistory.html
198 lines (180 loc) · 9.55 KB
/
history.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, shrink-to-fit=no, initial-scale=1">
<meta name="robots" content="noindex" />
<title>Stocku</title>
<!-- Styles -->
<link rel="stylesheet" href="assets/amcharts/plugins/export/export.css" type="text/css" media="all" />
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/elegant-font/code/style.css">
<link rel="stylesheet" href="stylesheets/chart.css">
<link rel="stylesheet" href="stylesheets/style.css">
<!-- <link rel="stylesheet" href="assets/css/magnific-popup.css"> -->
<!-- <link rel="stylesheet" href="assets/css/form-elements.css"> -->
<!-- <link rel="stylesheet" href="assets/css/media-queries.css"> -->
<!-- Resources -->
<script src="assets/amcharts/amcharts.js"></script>
<script src="assets/amcharts/serial.js"></script>
<script src="assets/amcharts/amstock.js"></script>
<script src="assets/amcharts/plugins/export/export.min.js"></script>
<script src="assets/amcharts/themes/light.js"></script>
<script src="assets/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- <script src="https://code.jquery.com/jquery-1.12.3.js"></script> -->
<!-- <script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.7/d3.min.js" integrity="sha256-UE//NUN7Ta3VYcPjMbH1uM/uiCju935oA+LsIf55TwU=" crossorigin="anonymous"></script>
-->
</head>
<body>
<!-- the section for navigation -->
<nav class="navbar" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="Home"></a>
</div>
<div class="collapse navbar-collapse" id="top-navbar-3">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="Home"><span aria-hidden="true" class="icon_house"></span><br>Home</a>
</li>
<li>
<a href="stockid"><span aria-hidden="true" class="icon_search"></span><br>股票代碼</a>
</li>
<li class="active">
<a href="history"><span aria-hidden="true" class="icon_documents"></span><br>歷史紀錄</a>
</li>
<li>
<a href="ranks"><span aria-hidden="true" class="icon_documents"></span><br>準確度排名</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- the section for amchart -->
<div class="block-3-container section-container what-we-do-container">
<div class="container">
<div class="row">
<h2> </h2>
</div>
<div class="row">
<div class="tab-content col-sm-9">
<!-- 實際資訊 -->
<div class="btn-group pull-left" role="group">
<button id="stockNameMsg" type="button" class="btn btn-default btn-lg" title="股票名稱">股票名稱</button>
<button id="closeMsg" type="button" class="btn btn-default btn-lg" title="收盤價">收盤價</button>
<button id="deltaMsg" type="button" class="btn btn-default btn-lg" title="最近成交差" style="color:white;">+0.00</button>
<button id="trendMsg" type="button" class="btn btn-default btn-lg" title="趨勢">趨勢</button>
</div>
<!-- 預測資訊 -->
<div class="btn-group" role="group">
<button id="accuracyMsg" type="button" class="btn btn-default btn-lg" title="準確率">準確率</button>
</div>
<div class="tab-pane fade in active" id="lineChart">
<div id="lineChartDiv"></div>
</div>
<div class="tab-pane fade" id="candlestickChart">
<div id="candlestickChartDiv"></div>
</div>
<div class="tab-pane fade" id="accuracyHistoryChart">
<div id="accuracyHistoryDiv"></div>
</div>
<div class="btn-group dropup pull-right" style="" role="group">
<button id="timeScale" type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown">
時間單位
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a onclick='$("#timeScale").trigger("modify",1)'>1 Min</a></li>
<li><a onclick='$("#timeScale").trigger("modify",5)'>5 Min</a></li>
<li><a onclick='$("#timeScale").trigger("modify",10)'>10 Min</a></li>
<li><a onclick='$("#timeScale").trigger("modify",15)'>15 Min</a></li>
<li><a onclick='$("#timeScale").trigger("modify",20)'>20 Min</a></li>
</ul>
</div>
<div class="btn-group dropup pull-right" style="" role="group">
<button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown">
顯示方式
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a data-toggle="tab" href="#lineChart">折線圖</a></li>
<li><a data-toggle="tab" href="#candlestickChart">蠟燭圖</a></li>
<li><a data-toggle="tab" href="#accuracyHistoryChart">準確率歷史資料</a></li>
</ul>
</div>
</div>
<div class="col-sm-3">
<div class="row orm-group text-left">
<div id="legenddiv"></div>
請輸入股票代碼 & 查詢日期：
<div id="searcherdiv"></div>
狀態：
<div id="logmsg"></div>
</div>
</div>
</div>
</div>
<!-- end of tag of <div class="container"> -->
</div>
<!-- end of tag of <div class="block-3-container section-container what-we-do-container"> -->
<!-- Here is the code for history -->
<script type="text/javascript" src="javascripts/stocku.js"></script>
<script type="text/javascript" src="javascripts/history.js"></script>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-4 footer-box">
<h4>WARNING</h4>
<div class="footer-box-text">
<p>以上資料僅供參考</p>
<p>投資一定有風險，基金投資有賺有賠，申購前應詳閱公開說明書</p>
</div>
</div>
<div class="col-sm-4 footer-box">
<div class="footer-box-text">
<h4>MEMBERS</h4>
<ul>
<li>李高丞 <a href="#"><span class="social_facebook" style="color: white;"></span></a></li>
<li>彭建瑋 <a href="#"><span class="social_facebook" style="color: white;"></span></a></li>
<li>馮禹德 <a href="#"><span class="social_facebook" style="color: white;"></span></a></li>
<li>賴俊愷 <a href="#"><span class="social_facebook" style="color: white;"></span></a></li>
<li>余俊毅 <a href="#"><span class="social_facebook" style="color: white;"></span></a></li>
</ul>
<p><a href="about.html">About Us</a></p>
</div>
</div>
<div class="col-sm-4 footer-box">
<h4>HANDY LINK</h4>
<a>Link</a>
<a>Link</a>
<a>Link</a>
<a>Link</a>
<a>Link</a>
</div>
<div class="row">
<div class="col-sm-12 wow fadeIn">
</div>
</div>
<div class="col-sm-12 footer-copyright">
<div class="footer-border"></div>
<p>© Stocku - All rights reserved. </p>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
// Bootstrap dropdown bug
$('a[data-toggle="tab"]').on('click', function(e) {
var target = this.href.split("#")[1];
$('.dropdown-menu li.active').removeClass('active');
$('.tab-pane.fade.in.active').removeClass('in active');
$(this).parent('li').addClass('active');
$('#' + target).addClass('in active');
});
</script>
</body>
</html>