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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
|
<?php
include('_init.php');
if (!empty($_POST)) {
$msg = '單曲樂器表演查詢<br><div><div style="display:inline-block; vertical-align: top;margin-right: 5px;">留言: </div><div style="display:inline-block;"> ' . nl2br($_POST["msg"]) . '</div></div>電郵: ' . $_POST["email"] . '<br>電話: ' . $_POST["tel"];
unset($data);
$data['type'] = 'musicalshow';
$data['msg'] = $msg;
$data['lastupdate'] = date('Y-m-d H:i:s');
$data['status'] = 1;
$data['deleted'] = 0;
$sql = mysql_install($data, 'admin_msg', 'add');
$arraykey = array_keys($data);
unset($parameters);
for ($i = 0; $i < count($arraykey); $i++) {
$parameters[$i] = $data[$arraykey[$i]];
}
bind_pdo($sql, $parameters);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php include('_head.php'); ?>
<link href="css/style_k.css?v=<?= time(); ?>" type="text/css" rel="stylesheet">
<style>
.basictable th, .basictable td {
text-align: center;
}
.basictable td:nth-child(4){
text-align: left;
}
</style>
</head>
<body>
<?php include('_header.php') ?>
<?php include('_dialog.php') ?>
<div class="ProfileContent">
<div class="Profilecontainer">
<div class="row">
<div class="col-md-12">
<?php /*if ($langcode == "en") { ?>
<?php } else { */ ?>
<div class="col-md-6" style="background-color: #EDF2F2;padding: 17px; margin-bottom: 20px;">
<div style="font-size: 16px;">
<p>想吹色士風同另一半求婚？想學結他响婚禮入面表演俾老婆／老公聽？iMusicCircle既專業導師團隊幫到你！iMusicCircle有多位專業音樂導師，可以教授多款不同既樂器。</p>
<p>同坊間其他教授一首歌既導師唔同，<span style="color: #ED1B23; font-weight: bold;">若果你上完兩堂之後，覺得導師不合適，iMusicCircle會幫你安排跟隨另一位導師學習</span>，希望可以幫你找到最適合既導師，為演出作最好既準備！
</p>
<p>學習不同樂器收費可參考以下價目表。</p>
</div>
<div class="tr" style="margin-top: 130px;">
<a href="#" class="musical_show_btn"> 聯絡我們 </a>
</div>
</div>
<div class="col-md-6 padding0">
<div class="col-md-6" style="padding-right: 4px">
<div class="col-md-6" style="padding-left: 0; padding-right: 5px;">
<a class="fancybox-thumb" rel="fancybox-thumb" href="img/musical_show/1.jpg">
<img src="img/musical_show/1.jpg" style="width: 100%;margin-bottom: 5px;margin-right: 5px;"/>
</a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="img/musical_show/2.jpg">
<img src="img/musical_show/2.jpg" style="width: 100%;margin-bottom: 5px;"/> </a>
</div>
<div class="col-md-6" style="padding-left: 0; padding-right: 5px;">
<a class="fancybox-thumb" rel="fancybox-thumb" href="img/musical_show/3.jpg">
<img src="img/musical_show/3.jpg" style="width: 100%;margin-bottom: 5px;margin-right: 5px;"/>
</a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="img/musical_show/4.jpg">
<img src="img/musical_show/4.jpg" style="width: 100%;margin-bottom: 5px;"/> </a>
</div>
</div>
<div class="col-md-6" style="margin-bottom: 5px; padding-left: 10px;">
<a class="fancybox-thumb" rel="fancybox-thumb" href="img/musical_show/5.jpg">
<img src="img/musical_show/5.jpg" style="width: 100%;"/> </a>
</div>
<div class="col-md-12" style="margin-top: 10px;">
<iframe width="100%" height="300" src="https://www.youtube.com/embed/PvIoD4rSFYY?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
<!--<div style="display: none;">
<a class="fancybox-thumb" rel="fancybox-thumb" href="img/musical_show/2.png">
<img src="img/musical_show/2.png" style="width: 100%;"/> </a>
<a class="fancybox-thumb" rel="fancybox-thumb" href="img/musical_show/7.jpg">
<img src="img/musical_show/7.jpg" style="width: 100%;"/> </a>
</div>-->
</div>
<div class="col-md-12 padding0" style="background-color: #EDF2F2;padding: 17px; margin-bottom: 20px;">
<h1 class="tc">參考價目表</h1>
<table class="basictable" style="width: 100%;">
<tr>
<th>樂器</th>
<th>樂習時間</th>
<th>參考學費</th>
<th>歌曲推介</th>
<th>導師連結</th>
<th>預約</th>
</tr>
<tr>
<td>鋼琴</td>
<td>2至4個月</td>
<td>$2000 - $4000</td>
<td>我願意, 一生愛你一個, 愛是永恒</td>
<td><a href="category.php?id=160"> <button type="button" class="musical_show_btn2">連結</button></a></td>
<td><button type="button" class="musical_show_btn3" onclick="$('.musical_show_btn').click();">預約</button></td>
</tr>
<tr>
<td>小提琴</td>
<td>2至4個月</td>
<td>$2000 - $4000</td>
<td>A Whole New World, 天下無雙</td>
<td><a href="category.php?id=11"> <button type="button" class="musical_show_btn2">連結</button></a></td>
<td><button type="button" class="musical_show_btn3" onclick="$('.musical_show_btn').click();">預約</button></td>
</tr>
<tr>
<td>大提琴</td>
<td>2至4個月</td>
<td>$2000 - $4000</td>
<td>My Destiny, 小幸運</td>
<td><a href="category.php?id=9"> <button type="button" class="musical_show_btn2">連結</button></a></td>
<td><button type="button" class="musical_show_btn3" onclick="$('.musical_show_btn').click();">預約</button></td>
</tr>
<tr>
<td>結他</td>
<td>2至4個月</td>
<td>$2000 - $4000</td>
<td>同一秒, 分分鐘需要您</td>
<td><a href="category.php?id=168"> <button type="button" class="musical_show_btn2">連結</button></a></td>
<td><button type="button" class="musical_show_btn3" onclick="$('.musical_show_btn').click();">預約</button></td>
</tr>
<tr>
<td>長笛</td>
<td>3至6個月</td>
<td>$3000 - $6000</td>
<td>Vincent, 妳的名字我的姓氏</td>
<td><a href="category.php?id=146"> <button type="button" class="musical_show_btn2">連結</button></a></td>
<td><button type="button" class="musical_show_btn3" onclick="$('.musical_show_btn').click();">預約</button></td>
</tr>
<tr>
<td>色士風</td>
<td>3至6個月</td>
<td>$3000 - $6000</td>
<td>Fly me to the moon, 有了你, 為你鍾情</td>
<td><a href="category.php?id=150"> <button type="button" class="musical_show_btn2">連結</button></a></td>
<td><button type="button" class="musical_show_btn3" onclick="$('.musical_show_btn').click();">預約</button></td>
</tr>
<tr>
<td>小號</td>
<td>3至6個月</td>
<td>$3000 - $6000</td>
<td>那些年, 童話</td>
<td><a href="category.php?id=141"> <button type="button" class="musical_show_btn2">連結</button></a></td>
<td><button type="button" class="musical_show_btn3" onclick="$('.musical_show_btn').click();">預約</button></td>
</tr>
</table>
</div>
<?php //} ?>
</div>
</div>
</div>
</div>
<div id="course_payment_box" class="panel panel-default" style="width: 300px; margin-left: -150px;">
<form action="musical_show.php" id="LiProfileAdminMsg" method="post" enctype="multipart/form-data" style="margin-bottom:0px;">
<div class="header panel-heading tc" style="font-size: 18px;">
單曲樂器表演
</div>
<div class="panel-body">
<div>
<div>訊息</div>
<textarea name="msg"></textarea>
<div style="color:#F00; display:none;" class="error" id="msgError">請輸入你的訊息。</div>
</div>
<div>電郵地址</div>
<div>
<input type="text" name="email" value="">
<div style="color:#F00; display:none;" class="error" id="emailError">請輸入你的電郵</div>
<div style="color:#F00; display:none;" class="error" id="emailError2">請檢查電郵格式。</div>
<div style="color:#F00; display:none;" class="error" id="emailError3">你的電郵已有人使用。</div>
</div>
<div>電話號碼</div>
<div>
<input type="text" name="tel" value="" maxlength="8">
<div style="color:#F00; display:none;" class="error" id="mobnoError">請輸入手提電話號碼。</div>
<div style="color:#F00; display:none;" class="error" id="mobnoError2">手提電話應是數字。</div>
</div>
<button class="PayTutorBTN2 btn btn-primary" type="submit" style="margin-top:5px; margin-bottom:5px;">提交
</button>
<div>
<div class="PayTutorBTN3 btn btn-danger">取消</div>
</div>
</div>
</form>
</div>
<? include('_footer.php') ?>
<link rel="stylesheet" href="js/basictable/basictable.css" type="text/css" media="screen"/>
<script type="text/javascript" src="js/basictable/jquery.basictable.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.basictable').basictable({
breakpoint: 768,
});
});
</script>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen"/>
<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>
<!-- Add fancyBox - thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="js/fancybox/helpers/jquery.fancybox-thumbs.css?v=2.1.5"/>
<script type="text/javascript" src="js/fancybox/helpers/jquery.fancybox-thumbs.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".fancybox-thumb").fancybox({
prevEffect: 'none',
nextEffect: 'none',
helpers: {
title: {
type: 'outside'
},
thumbs: {
width: 50,
height: 50
}
}
});
$(".musical_show_btn").on("click", function () {
$('#LiFullbg').show();
$('#course_payment_box .error').hide();
$('#course_payment_box').show();
});
$('.PayTutorBTN3').click(
function () {
$(this).parent().parent().parent().parent().hide();
$('#LiFullbg').hide();
}
);
$('#LiProfileAdminMsg').submit(
function () {
var error = false;
$('.error', this).hide();
if (!$('textarea[name="msg"]', this).val()) {
$("#msgError", this).show();
error = true;
}
if (!$('input[name="email"]', this).val()) {
$("#emailError", this).show();
error = true;
} else if (!/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/.test($('input[name="email"]', this).val())) {
$("#emailError2", this).show();
error = true;
}
if (!$('input[name="tel"]', this).val()) {
$("#mobnoError", this).show();
error = true;
} else {
var num = $('input[name="tel"]', this).val();
if ($.isNumeric(num) == false) {
$("#mobnoError2", this).show();
error = true;
}
}
if (error == false) {
return true;
} else {
return false;
}
}
);
});
<?php if (!empty($_POST)) {
unset($_POST);
$_POST = "";
echo 'alert("你的資料已被記錄，我們將盡快與你聯絡。");';
} ?>
</script>
</body>
</html>
|