-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (177 loc) · 8.88 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Stocku</title>
<meta name="robots" content="noindex" />
<!-- 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>
</head>
<body>
<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-1">
<ul class="nav navbar-nav navbar-right">
<li class="active">
<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>
<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>
<!-- 推薦股票 -->
<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="forecastMsg" type="button" class="btn btn-default btn-lg" title="預測">預測</button>
<button id="accuracyMsg" type="button" class="btn btn-default btn-lg" title="準確率">準確率</button>
</div>
<div class="tab-pane fade in active" id="line">
<div id="lineChartDiv"></div>
</div>
<div class="tab-pane fade" id="Candlestick">
<div id="candlestickChartDiv"></div>
</div>
<div class="btn-group 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 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="#line">折線圖</a></li>
<li><a data-toggle="tab" href="#Candlestick">蠟燭圖</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="trackerdiv"></div>
<div id="newsdiv"></div>
狀態：
<div id="logmsg"></div>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="controlbox">
<input id="searcher" type="search" placeholder="3301 (大立光)" onkeydown="search(event)">
<p id="searchermsg"></p>
<input id="tracker" type="checkbox" checked="true">追蹤最近
<input id="trackerInterval" type="number" placeholder="interval" value="100">min.
</div>
-->
<!-- <div id="chartdiv"></div> -->
<!-- Footer -->
<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>
<!-- JS -->
<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>
<script src="javascripts/stocku.js"></script>
<script src="javascripts/home.js"></script>
</body>
</html>