├── .gitignore
├── web
├── images
│ ├── bg.jpg
│ ├── nam.jpg
│ ├── rss.png
│ ├── logo.jpg
│ ├── banner.jpg
│ ├── favicon.ico
│ ├── gengduo.jpg
│ ├── jyjgli.jpg
│ ├── sitemap.png
│ ├── yaowenbg.jpg
│ └── yaowenxian.jpg
├── temp.jsp
├── css
│ └── style.css
├── index.jsp
└── js
│ └── jquery-3.2.1.min.js
├── CSU.iml
├── src
└── HelloForm.java
└── README.md
/.gitignore:
--------------------------------------------------------------------------------
1 | # ignore
2 | .idea
3 | web/WEB-INF
--------------------------------------------------------------------------------
/web/images/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/bg.jpg
--------------------------------------------------------------------------------
/web/images/nam.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/nam.jpg
--------------------------------------------------------------------------------
/web/images/rss.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/rss.png
--------------------------------------------------------------------------------
/web/images/logo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/logo.jpg
--------------------------------------------------------------------------------
/web/images/banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/banner.jpg
--------------------------------------------------------------------------------
/web/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/favicon.ico
--------------------------------------------------------------------------------
/web/images/gengduo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/gengduo.jpg
--------------------------------------------------------------------------------
/web/images/jyjgli.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/jyjgli.jpg
--------------------------------------------------------------------------------
/web/images/sitemap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/sitemap.png
--------------------------------------------------------------------------------
/web/images/yaowenbg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/yaowenbg.jpg
--------------------------------------------------------------------------------
/web/images/yaowenxian.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Shuai-Xie/javaweb-csu/HEAD/web/images/yaowenxian.jpg
--------------------------------------------------------------------------------
/web/temp.jsp:
--------------------------------------------------------------------------------
1 | <%@ page import="java.sql.ResultSet" %><%--
2 | Created by IntelliJ IDEA.
3 | User: shuai
4 | Date: 2017/6/20
5 | Time: 18:04
6 | To change this template use File | Settings | File Templates.
7 | --%>
8 | <%@ page contentType="text/html;charset=UTF-8" language="java" %>
9 |
10 |
11 | | 学号 |
12 | 课程 |
13 | 成绩 |
14 | 登记时间 |
15 |
16 | <%
17 | ResultSet rs = (ResultSet) request.getAttribute("data");
18 |
19 | // 展开结果集数据库
20 | try {
21 | while (rs.next()) {
22 | String sNo = rs.getString("no");
23 | String course = rs.getString("course");
24 | String grade = rs.getString("grade");
25 | String registerTime = rs.getString("registerTime");
26 |
27 | // 输出数据
28 | out.println("");
29 | out.println("| " + sNo + " | ");
30 | out.println("" + course + " | ");
31 | out.println("" + grade + " | ");
32 | out.println("" + registerTime + " | ");
33 | out.println("
");
34 |
35 | }
36 | } catch (Exception e) {
37 | e.printStackTrace();
38 | }
39 |
40 | %>
41 |
--------------------------------------------------------------------------------
/CSU.iml:
--------------------------------------------------------------------------------
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 |
--------------------------------------------------------------------------------
/src/HelloForm.java:
--------------------------------------------------------------------------------
1 | import java.io.IOException;
2 | import java.io.PrintWriter;
3 | import java.sql.*;
4 |
5 | import javax.servlet.RequestDispatcher;
6 | import javax.servlet.ServletException;
7 | import javax.servlet.annotation.WebServlet;
8 | import javax.servlet.http.HttpServlet;
9 | import javax.servlet.http.HttpServletRequest;
10 | import javax.servlet.http.HttpServletResponse;
11 |
12 | /**
13 | * Created by shuai
14 | * on 2017/6/10.
15 | */
16 | @WebServlet("/HelloForm")
17 | public class HelloForm extends HttpServlet {
18 |
19 | private static final long serialVersionUID = 1;
20 |
21 | // JDBC 驱动名及数据库 URL
22 | private static final String JDBC_DRIVER = "com.mysql.jdbc.Driver";
23 | private static final String DB_URL = "jdbc:mysql://localhost:3306/csu"; // 同DataGrip
24 |
25 | // 数据库的用户名与密码,需要根据自己的设置
26 | private static final String USER = "root";
27 | private static final String PASS = "shuai";
28 |
29 | protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
30 | doGet(request, response);
31 | }
32 |
33 | protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
34 |
35 | // 获取输入的学生姓名
36 | String name = new String(request.getParameter("name").getBytes(), "UTF-8");
37 |
38 | try {
39 | // 注册 JDBC 驱动器
40 | Class.forName(JDBC_DRIVER);
41 |
42 | // 打开一个连接
43 | Connection conn = DriverManager.getConnection(DB_URL, USER, PASS);
44 |
45 | // 执行sql查询
46 | Statement stmt = conn.createStatement();
47 |
48 | // String sql = "SELECT * FROM Grade WHERE no = \"0902140133\"; ";
49 |
50 | // 注意String要加引号
51 | String sql = "SELECT * FROM Grade " +
52 | "WHERE no = (SELECT sNo FROM Student WHERE sName = \"" + name + "\");";
53 |
54 | // 执行查询得到结果集
55 | ResultSet rs = stmt.executeQuery(sql);
56 |
57 | // 向jsp页面传递数据
58 | RequestDispatcher rd = request.getRequestDispatcher("temp.jsp");
59 | request.setAttribute("data", rs);
60 | rd.forward(request, response);
61 |
62 | } catch (Exception e) {
63 | e.printStackTrace();
64 | }
65 | }
66 |
67 | }
68 |
--------------------------------------------------------------------------------
/web/css/style.css:
--------------------------------------------------------------------------------
1 | * { /*清除默认*/
2 | padding: 0;
3 | margin: 0;
4 | }
5 |
6 | body {
7 | font-family: Arial, Helvetica, sans-serif;
8 | font-size: 12px; /*子标签中如果不指定font-size,就继承body的12px*/
9 | background: url(../images/bg.jpg) repeat-x;
10 | /*repeat-x: 只在x轴上重复,比图片高度大的部分仍是默认的白色*/
11 | /*repeat-y: 只在y轴上重复,网页最左边竖着排列2个bg*/
12 | }
13 |
14 | /*顶部*/
15 | .top {
16 | width: 950px;
17 | height: 112px;
18 | margin: 0 auto; /*左右居中*/
19 | }
20 |
21 | img {
22 | border: 0;
23 | }
24 |
25 | .auto {
26 | margin: 0 auto;
27 | }
28 |
29 | /*font left*/
30 | .fl {
31 | float: left;
32 | display: inline;
33 | }
34 |
35 | /*font right*/
36 | .fr {
37 | float: right;
38 | display: inline;
39 | }
40 |
41 | /*logo*/
42 | .csu-logo {
43 | width: 326px;
44 | height: 112px;
45 | float: left;
46 | }
47 |
48 | .top-right {
49 | width: 460px;
50 | height: 112px;
51 | float: right;
52 | position: relative;
53 | }
54 |
55 | .right-line1 {
56 | width: 460px;
57 | height: 38px;
58 | margin-left: 5px;
59 | }
60 |
61 | /*未来学生 在校学生 教职员工 校友校董*/
62 | .ycszb {
63 | width: 250px;
64 | height: 38px;
65 | float: left;
66 | line-height: 38px;
67 | }
68 |
69 | /*未来学生 在校学生 教职员工 校友校董*/
70 | a.ld {
71 | font-size: 12px;
72 | text-decoration: none; /*去掉超链接格式*/
73 | color: #FFFFFF;
74 | padding: 0 4px; /*左右4px*/
75 | }
76 |
77 | /*hover选择器选中ld元素,设置悬停字体颜色*/
78 | a.ld:hover {
79 | color: #fe7000;
80 | }
81 |
82 | /*教育机构 研究机构*/
83 | #wrap {
84 | width: 208px;
85 | float: right;
86 | }
87 |
88 | #main_nav {
89 | height: 30px;
90 | overflow: visible;
91 | padding-top: 8px;
92 | }
93 |
94 | /*2个li*/
95 | /*教育机构 研究机构*/
96 | #main_nav ul {
97 | font-size: 13px;
98 | list-style: none;
99 | }
100 |
101 | /*教育机构 研究机构*/
102 | /*li属性样式*/
103 | #main_nav li {
104 | float: left; /*使得2个li可以浮动排在一行*/
105 | margin-right: 4px;
106 | width: 94px;
107 | height: 21px;
108 | background: url(../images/jyjgli.jpg); /*背景图*/
109 | position: relative;
110 | z-index: 999; /*设置堆叠顺序*/
111 | text-align: center;
112 | }
113 |
114 | /*li中包含的超链接*/
115 | /*教育机构*/
116 | #main_nav li a {
117 | color: #555;
118 | display: block;
119 | /*与li等宽高*/
120 | /*width: 94px; */
121 | /*height: 21px;*/
122 | text-decoration: none;
123 | font-size: 12px;
124 | line-height: 21px;
125 | }
126 |
127 | /*li ul li a*/
128 | /*文学与新闻传播学院*/
129 | #main_nav li ul li a {
130 | font-size: 12px;
131 | width: 145px;
132 | height: 25px;
133 | line-height: 25px;
134 | margin: 0;
135 | color: #fff;
136 | }
137 |
138 | /*教育机构*/
139 | #main_nav li ul.jyjgli {
140 | position: absolute;
141 | top: 21px;
142 | right: 0;
143 | width: 350px;
144 | height: 410px;
145 | padding: 15px 5px 15px 18px;
146 | background: #396f98;
147 | border: 1px solid white;
148 | display: none;
149 | z-index: 999;
150 | }
151 |
152 | /*研究机构*/
153 | #main_nav li ul.yjjgli {
154 | position: absolute;
155 | top: 21px;
156 | right: 0;
157 | width: 240px;
158 | height: 366px;
159 | padding: 15px 8px 15px 16px;
160 | background: #396f98;
161 | border: 1px solid white;
162 | display: none;
163 | z-index: 999;
164 | }
165 |
166 | /*hover需要上下级*/
167 | /*li:hover ul*/
168 | #main_nav li:hover ul {
169 | display: block;
170 | }
171 |
172 | #main_nav li ul.jyjgli li {
173 | float: left;
174 | text-align: left;
175 | background: none;
176 | width: 145px;
177 | height: 25px;
178 | border-bottom: #fff 1px solid;
179 | margin-right: 12px;
180 | }
181 |
182 | #main_nav li ul.yjjgli li {
183 | float: left;
184 | text-align: left;
185 | background: none;
186 | width: 210px;
187 | height: 25px;
188 | border-bottom: #fff 1px solid;
189 | margin-right: 12px;
190 | }
191 |
192 | /*li中超链接*/
193 | #main_nav li ul.jyjgli li a {
194 | font-size: 12px;
195 | width: 145px;
196 | height: 25px;
197 | line-height: 25px;
198 | margin: 0;
199 | color: #fff;
200 | }
201 |
202 | #main_nav li ul.jyjgli li a:hover {
203 | color: #FF8F00;
204 | }
205 |
206 | #main_nav li ul.yjjgli li a {
207 | font-size: 12px;
208 | width: 210px;
209 | height: 25px;
210 | line-height: 25px;
211 | margin: 0;
212 | color: #fff;
213 | }
214 |
215 | #main_nav li ul.yjjgli li a:hover {
216 | color: #FF8F00;
217 | }
218 |
219 | /*信息门户| 中南e行| 邮件系统| 图书馆| 简| 繁| English*/
220 | .right-line2 {
221 | font-size: 12px;
222 | width: 370px;
223 | height: 32px;
224 | line-height: 32px;
225 | /*border: 1px solid green;*/
226 | float: right;
227 | color: #fff;
228 | }
229 |
230 | .clear {
231 | clear: both; /*图像的左右两侧均不允许出现浮动元素*/
232 | }
233 |
234 | /*简| 繁| English*/
235 | a.lt {
236 | text-decoration: none;
237 | color: #FFFFFF;
238 | padding: 0 6px;
239 | }
240 |
241 | a.lt:hover {
242 | color: #fe7000;
243 | }
244 |
245 | .search {
246 | width: 230px;
247 | height: 28px;
248 | background: #ffffff;
249 | position: absolute;
250 | right: 0; /*靠右*/
251 | bottom: 10px;
252 | left: 220px;
253 | }
254 |
255 | /*导航栏背景*/
256 | .nam {
257 | width: 948px;
258 | height: 32px;
259 | background: url(../images/nam.jpg) repeat-x; /*1*36*/
260 | border-left: #d7d7d7 1px solid;
261 | border-right: #d7d7d7 1px solid;
262 | margin: 0 auto;
263 | padding: 1px 0 3px 0;
264 | }
265 |
266 | /*导航栏内容设置*/
267 | #nav {
268 | width: 943px;
269 | height: 32px;
270 | padding: 0 0 0 5px;
271 | margin: 0;
272 | list-style: none;
273 | }
274 |
275 | /*设置下拉菜单*/
276 | .dropdown {
277 | float: left;
278 | }
279 |
280 | /*把a转化为块标签*/
281 | /*对应 学校概况*/
282 | .dropdown a {
283 | line-height: 32px;
284 | font-size: 14px;
285 | font-weight: bold;
286 | width: 102px;
287 | height: 32px;
288 | display: block;
289 | text-align: center;
290 | color: #003174;
291 | text-decoration: none;
292 | }
293 |
294 | .dropdown-content {
295 | display: none; /*隐藏下拉菜单的内容*/
296 | position: absolute;
297 | background-color: #f9f9f9;
298 | list-style: none;
299 | width: 115px;
300 | font-size: 14px;
301 | line-height: 32px;
302 | font-weight: 100;
303 | }
304 |
305 | /*hover设置光标悬停未点击之前的样式*/
306 | .dropdown:hover .dropdown-content {
307 | display: block;
308 | }
309 |
310 | .dropdown-content li {
311 | padding: 0;
312 | width: 115px;
313 | margin: 0 auto;
314 | background: #003174;
315 | font-size: 14px;
316 | line-height: 32px;
317 | font-weight: 100;
318 | }
319 |
320 | .dropdown-content li a {
321 | text-decoration: none;
322 | color: #FFFFFF;
323 | font-size: 14px;
324 | display: block;
325 | width: 115px;
326 | line-height: 32px;
327 | font-weight: 100;
328 | }
329 |
330 | .dropdown-content li a:hover {
331 | font-weight: 100;
332 | color: #FFFF00;
333 | text-decoration: none;
334 | }
335 |
336 | /*横幅图片*/
337 | .banner {
338 | width: 950px;
339 | height: 266px;
340 | margin: 0 auto;
341 | }
342 |
343 | #main {
344 | width: 950px;
345 | margin: 0 auto;
346 | padding: 0;
347 | background: #FFFFFF;
348 | }
349 |
350 | /*中南要闻*/
351 | .yaowen {
352 | width: 950px;
353 | margin: 10px auto 0 auto;
354 | font-size: 16px;
355 | color: #10368b;
356 | font-weight: bold;
357 | }
358 |
359 | .gengduo {
360 | background: url(../images/gengduo.jpg) no-repeat;
361 | width: 48px;
362 | height: 18px;
363 | }
364 |
365 | .xian {
366 | background: url(../images/yaowenxian.jpg) repeat-x;
367 | height: 3px;
368 | margin-top: 7px;
369 | }
370 |
371 | .zhongnanyaowenxiu {
372 | height: 180px;
373 | background: url(../images/yaowenbg.jpg) no-repeat 0 0;
374 | margin: 0 auto;
375 | padding-top: 7px;
376 | overflow: hidden;
377 | }
378 |
379 | .zhongnanyaowenxiu ul {
380 | list-style: none;
381 | margin: 0;
382 | padding: 0;
383 | }
384 |
385 | .zhongnanyaowenxiu ul li {
386 | margin: 0;
387 | padding-right: 30px;
388 | height: 30px;
389 | line-height: 30px; /*180/6=30*/
390 | vertical-align: bottom;
391 | font-size: 12px;
392 | float: left;
393 | width: 475px; /*父类main 950*/
394 | padding-left: 25px;
395 | position: relative;
396 | overflow: hidden; /*如06*/
397 | }
398 |
399 | .zhongnanyaowenxiu ul li span {
400 | position: absolute; /*行内元素一般与绝对定位合用*/
401 | right: 10px;
402 | color: #545454;
403 | top: 0;
404 | }
405 |
406 | .zhongnanyaowenxiu ul li a {
407 | text-decoration: none;
408 | color: #545454;
409 | }
410 |
411 | .zhongnanyaowenxiu ul li a:hover {
412 | color: #fe7000;
413 | }
414 |
415 | /*底部*/
416 | #foot {
417 | width: 100%;
418 | height: 50px;
419 | padding: 0;
420 | background: #0f70b4;
421 | position: fixed;
422 | bottom: 0;
423 | }
424 |
425 | .foot {
426 | width: 950px;
427 | margin: 0 auto;
428 | height: 50px;
429 | padding: 0;
430 | color: #FFFFFF;
431 | line-height: 50px;
432 | }
433 |
434 | .foot_l {
435 | height: 50px;
436 | margin-left: 10px;
437 | float: left;
438 | }
439 |
440 | .foot_m {
441 | width: auto;
442 | height: 50px;
443 | float: left;;
444 | }
445 |
446 | .foot_r {
447 | width: auto;
448 | height: 50px;
449 | float: right;
450 | margin-right: 10px;
451 | }
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [Web课程设计 - 中南大学主页 - 简书](http://www.jianshu.com/p/711f2ea9b182)
2 |
3 | # 实验一
4 | ## 一、实验内容
5 | 制作一个与中南大学主页类似的页面:
6 | 1. 熟悉html、CSS以及JavaScript使用,完成网页设计。CSS和JS文件单独书写。
7 | 1. 版面排版和内容需基本接近学校主页
8 | 1. 只需完成首页的制作,无需做二级页面
9 | 1. “教育机构”需有类似的弹出窗口菜单
10 | 1. “首页”等菜单需要有类似的弹出菜单
11 |
12 | ## 二、实验设计
13 | ### 2.1 head 标签内容
14 | head 标签内通常会由 title,meta,link,script 标签。
15 | - title 是网页标题栏名称;
16 | - meta 提供有关页面的元信息,比如作者,页面字符格式等;
17 | - link 可以链接标题栏要显示的图标:
18 | images/favicon.ico (icon文件在线生成生成器转化图片)
19 | link也可以链接css文件路径,自定义的css和bootstrap的css;
20 | - script 写入自己的 js 文件或者 src 链接的 jQuery 文件。
21 |
22 |
23 | ```html
24 |
25 | 中南大学
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 | ```
42 |
43 | ### 2.2 页面布局
44 |
45 |
46 | 
47 |
48 | 整体页面自上而下分为 3 部分:
49 |
50 | ||||
51 | |:-:|:-:|:-:|
52 | |绿色框| div class = “top” |页面头部|
53 | |紫色框| div class = “main” |页面主体|
54 | |红色框| div class = “foot” |页面尾部|
55 |
56 |
57 | #### 2.2.1 页面头部
58 |
59 | 
60 |
61 | 左边中南大学矩形 logo,img 标签
62 |
63 | 右边内容分为3行
64 | - 第1行:
65 | 未来学生 在校学生 教职员工 校友校董
66 | 包含2个下拉列表(教育机构 研究机构)
67 |
68 | - 第2行:
69 | 信息门户| 中南e行| 邮件系统| 图书馆| 简| 繁| English
70 | 这些都是 a 标签,通过合理地设置字体大小和间距就可以做出这种效果
71 |
72 | - 第3行:
73 | 1个搜索框
74 |
75 | 通过设置浮动,使得左边的图片和右边的内容显示在一行。
76 |
77 | #### 2.2.2 页面主体
78 |
79 |
80 | 
81 |
82 | 主体部分自上而下分为 4 部分:
83 |
84 | |||
85 | |:-:|:-:|
86 | |红色 |nav 导航栏包含8个选项
87 | |紫色 |banner 学校图片海报
88 | |蓝色 |中南要闻,2个 li 浮动显示
89 | |绿色 |学生信息查询
90 |
91 | #### 2.2.3 页面底部
92 |
93 | 
94 |
95 | 页面底部蓝色的固定在浏览器底部,如果页面内容足够多,就不用设置 fixed 属性,底部的 bar 自动就在页面底部,效果也不错。
96 |
97 | div id = “foot” 对应的CSS
98 |
99 | ```css
100 | /*底部*/
101 | #foot {
102 | width: 100%;
103 | height: 50px;
104 | padding: 0;
105 | background: #0f70b4;
106 | position: fixed;
107 | bottom: 0;
108 | }
109 | ```
110 |
111 | ### 2.3 弹出子菜单
112 | 教育机构和首页栏目弹出菜单一样,将子菜单 ul 包括在上一级标签教育机构的 li 下面。
113 |
114 | 
115 |
116 | - 红色箭头指示隐藏的下拉列表 ul class="jyjgli"
117 | - 绿色箭头指示 ul 的父级标签 li id="eduqlink"
118 |
119 |
120 | 
121 |
122 |
123 | 默认情况下 ul 的 display=none,当鼠标 hover 时,display=block
124 |
125 | ```css
126 | /*教育机构*/
127 | #main_nav li ul.jyjgli {
128 | position: absolute;
129 | top: 21px;
130 | right: 0;
131 | width: 350px;
132 | height: 410px;
133 | padding: 15px 5px 15px 18px;
134 | background: #396f98;
135 | border: 1px solid white;
136 | display: none;
137 | z-index: 999;
138 | }
139 |
140 | /*hover需要上下级*/
141 | /*li:hover ul*/
142 | #main_nav li:hover ul {
143 | display: block;
144 | }
145 | ```
146 |
147 | 同样,对于首页部分,也是这样的原理。
148 |
149 |
150 | 
151 |
152 | - 红色 ul 对应子菜单
153 | - 绿色 li 对应父级标签
154 |
155 |
156 | 
157 |
158 | 对应的 css
159 |
160 | ```css
161 | .dropdown-content {
162 | display: none; /*隐藏下拉菜单的内容*/
163 | position: absolute;
164 | background-color: #f9f9f9;
165 | list-style: none;
166 | width: 115px;
167 | font-size: 14px;
168 | line-height: 32px;
169 | font-weight: 100;
170 | }
171 |
172 | /*hover设置光标悬停未点击之前的样式*/
173 | .dropdown:hover .dropdown-content {
174 | display: block;
175 | }
176 | ```
177 |
178 | ### 2.4 导航条横向菜单
179 |
180 | 
181 |
182 | 这个菜单基于 html 最原始的标签 ul 的。ul 默认的内容li时竖直排列的,通过设置 ul 和 li 的 float 等属性使得这些 li 标签横向排列。
183 |
184 | 对应的 css
185 | - "#nav对应ul
186 | - .dropdown对应ul下的li
187 |
188 | ```css
189 | /*导航栏内容设置*/
190 | #nav {
191 | width: 943px;
192 | height: 32px;
193 | padding: 0 0 0 5px;
194 | margin: 0;
195 | list-style: none;
196 | }
197 |
198 | /*设置下拉菜单*/
199 | .dropdown {
200 | float: left;
201 | }
202 | ```
203 |
204 | # 实验二
205 | ## 一、实验内容
206 | 制作一个信息查询页面:
207 | 1. 在数据库(任选)中建两个数据表(学生信息表(学号、姓名、班级)和学生成绩表(学号、课程名称、成绩、成绩登记时间)
208 | 1. 页面中输入学生姓名点击搜索即可查询到该学生的所有成绩
209 | 1. 成绩以表格形式显示
210 | 1. 需使用Ajax技术
211 |
212 | ## 二、实验设计
213 |
214 | ### 2.1 建立数据库
215 |
216 | (1)Student 表
217 | ```sql
218 | -- auto-generated definition
219 | CREATE TABLE Student
220 | (
221 | sNo VARCHAR(10) NOT NULL
222 | PRIMARY KEY,
223 | sName VARCHAR(32) NOT NULL,
224 | class VARCHAR(32) NOT NULL
225 | );
226 | ```
227 |
228 | 表中插入 3 行数据
229 |
230 |
231 | 
232 |
233 |
234 | (2)Grade 表
235 |
236 | ```sql
237 | -- auto-generated definition
238 | CREATE TABLE Grade
239 | (
240 | no VARCHAR(10) NOT NULL,
241 | course VARCHAR(32) NULL,
242 | grade INT(10) NULL,
243 | registerTime DATE NULL,
244 | CONSTRAINT fk_sno
245 | FOREIGN KEY (no) REFERENCES csu.Student (sNo)
246 | );
247 |
248 | CREATE INDEX fk_sno
249 | ON Grade (no);
250 | ```
251 | 表中插入数据
252 |
253 | 
254 |
255 |
256 | (3)表间关系
257 |
258 | 
259 |
260 | ### 2.2 前端输入框
261 |
262 | 在前端设置了输入框,输入学生姓名进行查询。
263 |
264 |
265 | 
266 |
267 | 对应 html 代码,采用了 bootstrap 的输入框和按钮样式。
268 |
269 | 
270 |
271 |
272 | 
273 |
274 | 在输入框的下面定了一个空的 table,用于当查询的时候返回内容。
275 |
276 | 
277 |
278 | ### 2.3 Ajax 向后端传输数据
279 |
280 | ```js
281 |
297 | ```
298 |
299 | - type:post 向后端传递 name 输入框输入的 data
300 | - url:数据传入的链接:原链接+/HelloFrom
301 | - data:传递的数据
302 | - success:成功后进行的操作,jsp 中预留的 table append 数据
303 |
304 | 初始
305 |
306 | 
307 |
308 | 查询
309 |
310 | 
311 |
312 | 查询另一个人
313 |
314 | 
315 |
316 | 页面没有刷新,效果很不错。
317 |
318 | ### 2.4 后端 Servlet 数据查询
319 |
320 | 
321 |
322 | 在 src 目录下定义了 HelloForm 这个类,主要包括:
323 | - 数据库属性设定
324 | - doPost 和 doGet 处理
325 |
326 |
327 | ```java
328 | import java.io.IOException;
329 | import java.io.PrintWriter;
330 | import java.sql.*;
331 |
332 | import javax.servlet.RequestDispatcher;
333 | import javax.servlet.ServletException;
334 | import javax.servlet.annotation.WebServlet;
335 | import javax.servlet.http.HttpServlet;
336 | import javax.servlet.http.HttpServletRequest;
337 | import javax.servlet.http.HttpServletResponse;
338 |
339 | /**
340 | * Created by shuai
341 | * on 2017/6/10.
342 | */
343 | @WebServlet("/HelloForm")
344 | public class HelloForm extends HttpServlet {
345 |
346 | private static final long serialVersionUID = 1;
347 |
348 | // JDBC 驱动名及数据库 URL
349 | private static final String JDBC_DRIVER = "com.mysql.jdbc.Driver";
350 | private static final String DB_URL = "jdbc:mysql://localhost:3306/csu"; // 同DataGrip
351 |
352 | // 数据库的用户名与密码,需要根据自己的设置
353 | private static final String USER = "root";
354 | private static final String PASS = "shuai";
355 |
356 | protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
357 | doGet(request, response);
358 | }
359 |
360 | protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
361 |
362 | // 获取输入的学生姓名
363 | String name = new String(request.getParameter("name").getBytes(), "UTF-8");
364 |
365 | try {
366 | // 注册 JDBC 驱动器
367 | Class.forName(JDBC_DRIVER);
368 |
369 | // 打开一个连接
370 | Connection conn = DriverManager.getConnection(DB_URL, USER, PASS);
371 |
372 | // 执行sql查询
373 | Statement stmt = conn.createStatement();
374 |
375 | // String sql = "SELECT * FROM Grade WHERE no = \"0902140133\"; ";
376 |
377 | // 注意String要加引号
378 | String sql = "SELECT * FROM Grade " +
379 | "WHERE no = (SELECT sNo FROM Student WHERE sName = \"" + name + "\");";
380 |
381 | // 执行查询得到结果集
382 | ResultSet rs = stmt.executeQuery(sql);
383 |
384 | // 向jsp页面传递数据
385 | RequestDispatcher rd = request.getRequestDispatcher("temp.jsp");
386 | request.setAttribute("data", rs);
387 | rd.forward(request, response);
388 |
389 | } catch (Exception e) {
390 | e.printStackTrace();
391 | }
392 | }
393 | }
394 | ```
395 | doGet 分为以下几步:
396 | 1. 获取前端输入的学生姓名,request.getParameter("name")
397 | 1. 给 HelloForm 注册 JDBC 驱动器
398 | 1. 打开与 MySQL 数据库的链接
399 | 1. 定义 sql 语句
400 | 1. 执行 sql 查询得到结果集
401 | 1. 将结果集传回给 temp.jsp 页面
402 |
403 | ### 2.5 帮助 Ajax 的 temp.jsp
404 | temp.jsp 是一个临时的 jsp 文件,用于将执行 sql 返回的结果集转化成列表项,然后这些内容被 index.jsp 预留的 table 添加,从而在主页面异步加载数据。
405 |
406 | ```jsp
407 | <%@ page import="java.sql.ResultSet" %><%--
408 | Created by IntelliJ IDEA.
409 | User: shuai
410 | Date: 2017/6/20
411 | Time: 18:04
412 | To change this template use File | Settings | File Templates.
413 | --%>
414 | <%@ page contentType="text/html;charset=UTF-8" language="java" %>
415 |
416 |
417 | | 学号 |
418 | 课程 |
419 | 成绩 |
420 | 登记时间 |
421 |
422 | <%
423 | ResultSet rs = (ResultSet) request.getAttribute("data");
424 |
425 | // 展开结果集数据库
426 | try {
427 | while (rs.next()) {
428 | String sNo = rs.getString("no");
429 | String course = rs.getString("course");
430 | String grade = rs.getString("grade");
431 | String registerTime = rs.getString("registerTime");
432 |
433 | // 输出数据
434 | out.println("");
435 | out.println("| " + sNo + " | ");
436 | out.println("" + course + " | ");
437 | out.println("" + grade + " | ");
438 | out.println("" + registerTime + " | ");
439 | out.println("
");
440 |
441 | }
442 | } catch (Exception e) {
443 | e.printStackTrace();
444 | }
445 |
446 | %>
447 | ```
448 |
449 |
450 | 
451 |
452 |
--------------------------------------------------------------------------------
/web/index.jsp:
--------------------------------------------------------------------------------
1 | <%@ page import="java.sql.ResultSet" %><%--
2 | Created by IntelliJ IDEA.
3 | User: shuai
4 | Date: 2017/6/10
5 | Time: 12:27
6 | To change this template use File | Settings | File Templates.
7 | --%>
8 | <%@ page contentType="text/html;charset=UTF-8" language="java" %>
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 |
46 |
47 |
48 |
49 |
50 |
51 | -
52 | 教育机构
53 |
92 |
93 |
94 | -
95 | 研究机构
96 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
289 |
290 |
291 |
292 |

293 |
294 |
295 |
296 |
297 |
298 |
299 |
300 |
301 |
309 |
310 |
311 |
314 |
315 |
316 |
350 |
351 |
352 |
353 |
354 |
358 |
359 |
360 |
363 |
364 |
365 |
366 |
367 |
368 |
369 |
370 |
371 |
372 |
373 |
376 |
377 |
378 |
379 |
380 |
381 |
382 |
383 | <%----%>
384 | <%--| 学号 | --%>
385 | <%--姓名 | --%>
386 | <%--
--%>
387 | <%----%>
388 | <%--| 23456 | --%>
389 | <%--小丁 | --%>
390 | <%--
--%>
391 |
392 |
393 |
394 |
410 |
411 |
412 |
413 |
414 |
415 |
416 |
417 |
418 |
430 |
431 |
432 |
--------------------------------------------------------------------------------
/web/js/jquery-3.2.1.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery v3.2.1 | (c) JS Foundation and other contributors | jquery.org/license */
2 | !function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){"use strict";var c=[],d=a.document,e=Object.getPrototypeOf,f=c.slice,g=c.concat,h=c.push,i=c.indexOf,j={},k=j.toString,l=j.hasOwnProperty,m=l.toString,n=m.call(Object),o={};function p(a,b){b=b||d;var c=b.createElement("script");c.text=a,b.head.appendChild(c).parentNode.removeChild(c)}var q="3.2.1",r=function(a,b){return new r.fn.init(a,b)},s=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,t=/^-ms-/,u=/-([a-z])/g,v=function(a,b){return b.toUpperCase()};r.fn=r.prototype={jquery:q,constructor:r,length:0,toArray:function(){return f.call(this)},get:function(a){return null==a?f.call(this):a<0?this[a+this.length]:this[a]},pushStack:function(a){var b=r.merge(this.constructor(),a);return b.prevObject=this,b},each:function(a){return r.each(this,a)},map:function(a){return this.pushStack(r.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(f.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(a<0?b:0);return this.pushStack(c>=0&&c0&&b-1 in a)}var x=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=function(a,b){for(var c=0,d=a.length;c+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(N),U=new RegExp("^"+L+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L+"|[*])"),ATTR:new RegExp("^"+M),PSEUDO:new RegExp("^"+N),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),aa=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:d<0?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ba=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ca=function(a,b){return b?"\0"===a?"\ufffd":a.slice(0,-1)+"\\"+a.charCodeAt(a.length-1).toString(16)+" ":"\\"+a},da=function(){m()},ea=ta(function(a){return a.disabled===!0&&("form"in a||"label"in a)},{dir:"parentNode",next:"legend"});try{G.apply(D=H.call(v.childNodes),v.childNodes),D[v.childNodes.length].nodeType}catch(fa){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s=b&&b.ownerDocument,w=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==w&&9!==w&&11!==w)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==w&&(l=Z.exec(a)))if(f=l[1]){if(9===w){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(s&&(j=s.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(l[2])return G.apply(d,b.getElementsByTagName(a)),d;if((f=l[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==w)s=b,r=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(ba,ca):b.setAttribute("id",k=u),o=g(a),h=o.length;while(h--)o[h]="#"+k+" "+sa(o[h]);r=o.join(","),s=$.test(a)&&qa(b.parentNode)||b}if(r)try{return G.apply(d,s.querySelectorAll(r)),d}catch(x){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(P,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("fieldset");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&a.sourceIndex-b.sourceIndex;if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return function(b){return"form"in b?b.parentNode&&b.disabled===!1?"label"in b?"label"in b.parentNode?b.parentNode.disabled===a:b.disabled===a:b.isDisabled===a||b.isDisabled!==!a&&ea(b)===a:b.disabled===a:"label"in b&&b.disabled===a}}function pa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function qa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return!!b&&"HTML"!==b.nodeName},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),v!==n&&(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(n.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){return a.getAttribute("id")===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}}):(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c,d,e,f=b.getElementById(a);if(f){if(c=f.getAttributeNode("id"),c&&c.value===a)return[f];e=b.getElementsByName(a),d=0;while(f=e[d++])if(c=f.getAttributeNode("id"),c&&c.value===a)return[f]}return[]}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){if("undefined"!=typeof b.getElementsByClassName&&p)return b.getElementsByClassName(a)},r=[],q=[],(c.qsa=Y.test(n.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){a.innerHTML="";var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+K+"*[*^$|!~]?="),2!==a.querySelectorAll(":enabled").length&&q.push(":enabled",":disabled"),o.appendChild(a).disabled=!0,2!==a.querySelectorAll(":disabled").length&&q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Y.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"*"),s.call(a,"[s!='']:x"),r.push("!=",N)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Y.test(o.compareDocumentPosition),t=b||Y.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?I(k,a)-I(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?I(k,a)-I(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?la(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(S,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.escape=function(a){return(a+"").replace(ba,ca)},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(_,aa),a[3]=(a[3]||a[4]||a[5]||"").replace(_,aa),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return V.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&T.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(_,aa).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:!b||(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(O," ")+" ").indexOf(c)>-1:"|="===b&&(e===c||e.slice(0,c.length+1)===c+"-"))}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(P,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(_,aa),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return U.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(_,aa).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:oa(!1),disabled:oa(!0),checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:pa(function(){return[0]}),last:pa(function(a,b){return[b-1]}),eq:pa(function(a,b,c){return[c<0?c+b:c]}),even:pa(function(a,b){for(var c=0;c=0;)a.push(d);return a}),gt:pa(function(a,b,c){for(var d=c<0?c+b:c;++d1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function va(a,b,c){for(var d=0,e=b.length;d-1&&(f[j]=!(g[j]=l))}}else r=wa(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ya(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ta(function(a){return a===b},h,!0),l=ta(function(a){return I(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];i1&&ua(m),i>1&&sa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(P,"$1"),c,i0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=E.call(i));u=wa(u)}G.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&ga.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=ya(b[c]),f[u]?d.push(f):e.push(f);f=A(a,za(e,d)),f.selector=a}return f},i=ga.select=function(a,b,c,e){var f,i,j,k,l,m="function"==typeof a&&a,n=!e&&g(a=m.selector||a);if(c=c||[],1===n.length){if(i=n[0]=n[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&9===b.nodeType&&p&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(_,aa),b)||[])[0],!b)return c;m&&(b=b.parentNode),a=a.slice(i.shift().value.length)}f=V.needsContext.test(a)?0:i.length;while(f--){if(j=i[f],d.relative[k=j.type])break;if((l=d.find[k])&&(e=l(j.matches[0].replace(_,aa),$.test(i[0].type)&&qa(b.parentNode)||b))){if(i.splice(f,1),a=e.length&&sa(i),!a)return G.apply(c,e),c;break}}}return(m||h(a,n))(e,b,!p,c,!b||$.test(a)&&qa(b.parentNode)||b),c},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("fieldset"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){if(!c)return a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){if(!c&&"input"===a.nodeName.toLowerCase())return a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(J,function(a,b,c){var d;if(!c)return a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);r.find=x,r.expr=x.selectors,r.expr[":"]=r.expr.pseudos,r.uniqueSort=r.unique=x.uniqueSort,r.text=x.getText,r.isXMLDoc=x.isXML,r.contains=x.contains,r.escapeSelector=x.escape;var y=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&r(a).is(c))break;d.push(a)}return d},z=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},A=r.expr.match.needsContext;function B(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()}var C=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i,D=/^.[^:#\[\.,]*$/;function E(a,b,c){return r.isFunction(b)?r.grep(a,function(a,d){return!!b.call(a,d,a)!==c}):b.nodeType?r.grep(a,function(a){return a===b!==c}):"string"!=typeof b?r.grep(a,function(a){return i.call(b,a)>-1!==c}):D.test(b)?r.filter(b,a,c):(b=r.filter(b,a),r.grep(a,function(a){return i.call(b,a)>-1!==c&&1===a.nodeType}))}r.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?r.find.matchesSelector(d,a)?[d]:[]:r.find.matches(a,r.grep(b,function(a){return 1===a.nodeType}))},r.fn.extend({find:function(a){var b,c,d=this.length,e=this;if("string"!=typeof a)return this.pushStack(r(a).filter(function(){for(b=0;b1?r.uniqueSort(c):c},filter:function(a){return this.pushStack(E(this,a||[],!1))},not:function(a){return this.pushStack(E(this,a||[],!0))},is:function(a){return!!E(this,"string"==typeof a&&A.test(a)?r(a):a||[],!1).length}});var F,G=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,H=r.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||F,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:G.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof r?b[0]:b,r.merge(this,r.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),C.test(e[1])&&r.isPlainObject(b))for(e in b)r.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&(this[0]=f,this.length=1),this}return a.nodeType?(this[0]=a,this.length=1,this):r.isFunction(a)?void 0!==c.ready?c.ready(a):a(r):r.makeArray(a,this)};H.prototype=r.fn,F=r(d);var I=/^(?:parents|prev(?:Until|All))/,J={children:!0,contents:!0,next:!0,prev:!0};r.fn.extend({has:function(a){var b=r(a,this),c=b.length;return this.filter(function(){for(var a=0;a-1:1===c.nodeType&&r.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?r.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?i.call(r(a),this[0]):i.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(r.uniqueSort(r.merge(this.get(),r(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function K(a,b){while((a=a[b])&&1!==a.nodeType);return a}r.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return y(a,"parentNode")},parentsUntil:function(a,b,c){return y(a,"parentNode",c)},next:function(a){return K(a,"nextSibling")},prev:function(a){return K(a,"previousSibling")},nextAll:function(a){return y(a,"nextSibling")},prevAll:function(a){return y(a,"previousSibling")},nextUntil:function(a,b,c){return y(a,"nextSibling",c)},prevUntil:function(a,b,c){return y(a,"previousSibling",c)},siblings:function(a){return z((a.parentNode||{}).firstChild,a)},children:function(a){return z(a.firstChild)},contents:function(a){return B(a,"iframe")?a.contentDocument:(B(a,"template")&&(a=a.content||a),r.merge([],a.childNodes))}},function(a,b){r.fn[a]=function(c,d){var e=r.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=r.filter(d,e)),this.length>1&&(J[a]||r.uniqueSort(e),I.test(a)&&e.reverse()),this.pushStack(e)}});var L=/[^\x20\t\r\n\f]+/g;function M(a){var b={};return r.each(a.match(L)||[],function(a,c){b[c]=!0}),b}r.Callbacks=function(a){a="string"==typeof a?M(a):r.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=e||a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),c<=h&&h--}),this},has:function(a){return a?r.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||b||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j};function N(a){return a}function O(a){throw a}function P(a,b,c,d){var e;try{a&&r.isFunction(e=a.promise)?e.call(a).done(b).fail(c):a&&r.isFunction(e=a.then)?e.call(a,b,c):b.apply(void 0,[a].slice(d))}catch(a){c.apply(void 0,[a])}}r.extend({Deferred:function(b){var c=[["notify","progress",r.Callbacks("memory"),r.Callbacks("memory"),2],["resolve","done",r.Callbacks("once memory"),r.Callbacks("once memory"),0,"resolved"],["reject","fail",r.Callbacks("once memory"),r.Callbacks("once memory"),1,"rejected"]],d="pending",e={state:function(){return d},always:function(){return f.done(arguments).fail(arguments),this},"catch":function(a){return e.then(null,a)},pipe:function(){var a=arguments;return r.Deferred(function(b){r.each(c,function(c,d){var e=r.isFunction(a[d[4]])&&a[d[4]];f[d[1]](function(){var a=e&&e.apply(this,arguments);a&&r.isFunction(a.promise)?a.promise().progress(b.notify).done(b.resolve).fail(b.reject):b[d[0]+"With"](this,e?[a]:arguments)})}),a=null}).promise()},then:function(b,d,e){var f=0;function g(b,c,d,e){return function(){var h=this,i=arguments,j=function(){var a,j;if(!(b=f&&(d!==O&&(h=void 0,i=[a]),c.rejectWith(h,i))}};b?k():(r.Deferred.getStackHook&&(k.stackTrace=r.Deferred.getStackHook()),a.setTimeout(k))}}return r.Deferred(function(a){c[0][3].add(g(0,a,r.isFunction(e)?e:N,a.notifyWith)),c[1][3].add(g(0,a,r.isFunction(b)?b:N)),c[2][3].add(g(0,a,r.isFunction(d)?d:O))}).promise()},promise:function(a){return null!=a?r.extend(a,e):e}},f={};return r.each(c,function(a,b){var g=b[2],h=b[5];e[b[1]]=g.add,h&&g.add(function(){d=h},c[3-a][2].disable,c[0][2].lock),g.add(b[3].fire),f[b[0]]=function(){return f[b[0]+"With"](this===f?void 0:this,arguments),this},f[b[0]+"With"]=g.fireWith}),e.promise(f),b&&b.call(f,f),f},when:function(a){var b=arguments.length,c=b,d=Array(c),e=f.call(arguments),g=r.Deferred(),h=function(a){return function(c){d[a]=this,e[a]=arguments.length>1?f.call(arguments):c,--b||g.resolveWith(d,e)}};if(b<=1&&(P(a,g.done(h(c)).resolve,g.reject,!b),"pending"===g.state()||r.isFunction(e[c]&&e[c].then)))return g.then();while(c--)P(e[c],h(c),g.reject);return g.promise()}});var Q=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;r.Deferred.exceptionHook=function(b,c){a.console&&a.console.warn&&b&&Q.test(b.name)&&a.console.warn("jQuery.Deferred exception: "+b.message,b.stack,c)},r.readyException=function(b){a.setTimeout(function(){throw b})};var R=r.Deferred();r.fn.ready=function(a){return R.then(a)["catch"](function(a){r.readyException(a)}),this},r.extend({isReady:!1,readyWait:1,ready:function(a){(a===!0?--r.readyWait:r.isReady)||(r.isReady=!0,a!==!0&&--r.readyWait>0||R.resolveWith(d,[r]))}}),r.ready.then=R.then;function S(){d.removeEventListener("DOMContentLoaded",S),
3 | a.removeEventListener("load",S),r.ready()}"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(r.ready):(d.addEventListener("DOMContentLoaded",S),a.addEventListener("load",S));var T=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===r.type(c)){e=!0;for(h in c)T(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,r.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(r(a),c)})),b))for(;h1,null,!0)},removeData:function(a){return this.each(function(){X.remove(this,a)})}}),r.extend({queue:function(a,b,c){var d;if(a)return b=(b||"fx")+"queue",d=W.get(a,b),c&&(!d||Array.isArray(c)?d=W.access(a,b,r.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||"fx";var c=r.queue(a,b),d=c.length,e=c.shift(),f=r._queueHooks(a,b),g=function(){r.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return W.get(a,c)||W.access(a,c,{empty:r.Callbacks("once memory").add(function(){W.remove(a,[b+"queue",c])})})}}),r.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length\x20\t\r\n\f]+)/i,la=/^$|\/(?:java|ecma)script/i,ma={option:[1,""],thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};ma.optgroup=ma.option,ma.tbody=ma.tfoot=ma.colgroup=ma.caption=ma.thead,ma.th=ma.td;function na(a,b){var c;return c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[],void 0===b||b&&B(a,b)?r.merge([a],c):c}function oa(a,b){for(var c=0,d=a.length;c-1)e&&e.push(f);else if(j=r.contains(f.ownerDocument,f),g=na(l.appendChild(f),"script"),j&&oa(g),c){k=0;while(f=g[k++])la.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),o.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",o.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var ra=d.documentElement,sa=/^key/,ta=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,ua=/^([^.]*)(?:\.(.+)|)/;function va(){return!0}function wa(){return!1}function xa(){try{return d.activeElement}catch(a){}}function ya(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ya(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=wa;else if(!e)return a;return 1===f&&(g=e,e=function(a){return r().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=r.guid++)),a.each(function(){r.event.add(this,b,e,d,c)})}r.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=W.get(a);if(q){c.handler&&(f=c,c=f.handler,e=f.selector),e&&r.find.matchesSelector(ra,e),c.guid||(c.guid=r.guid++),(i=q.events)||(i=q.events={}),(g=q.handle)||(g=q.handle=function(b){return"undefined"!=typeof r&&r.event.triggered!==b.type?r.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(L)||[""],j=b.length;while(j--)h=ua.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n&&(l=r.event.special[n]||{},n=(e?l.delegateType:l.bindType)||n,l=r.event.special[n]||{},k=r.extend({type:n,origType:p,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&r.expr.match.needsContext.test(e),namespace:o.join(".")},f),(m=i[n])||(m=i[n]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,o,g)!==!1||a.addEventListener&&a.addEventListener(n,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),r.event.global[n]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=W.hasData(a)&&W.get(a);if(q&&(i=q.events)){b=(b||"").match(L)||[""],j=b.length;while(j--)if(h=ua.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n){l=r.event.special[n]||{},n=(d?l.delegateType:l.bindType)||n,m=i[n]||[],h=h[2]&&new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&p!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,o,q.handle)!==!1||r.removeEvent(a,n,q.handle),delete i[n])}else for(n in i)r.event.remove(a,n+b[j],c,d,!0);r.isEmptyObject(i)&&W.remove(a,"handle events")}},dispatch:function(a){var b=r.event.fix(a),c,d,e,f,g,h,i=new Array(arguments.length),j=(W.get(this,"events")||{})[b.type]||[],k=r.event.special[b.type]||{};for(i[0]=b,c=1;c=1))for(;j!==this;j=j.parentNode||this)if(1===j.nodeType&&("click"!==a.type||j.disabled!==!0)){for(f=[],g={},c=0;c-1:r.find(e,this,null,[j]).length),g[e]&&f.push(d);f.length&&h.push({elem:j,handlers:f})}return j=this,i\x20\t\r\n\f]*)[^>]*)\/>/gi,Aa=/