作者j87b0003 (I'm 养生虎)
看板Ajax
标题[心得] 拖拉式选课
时间Sun Jan 9 22:32:02 2011
记得在很久之前,有看到拖拉式的选课,
不过也忘了介绍网址在哪,旁边有个小框框会提醒哪边冲堂
最近想一想也来简易做一个好了XD
DEMO网址:
http://ppt.cc/UKNw
比较喜欢这种直觉式的,想要什麽课程,
就像购物车一样,丢进去,不喜欢再拉回来,
JS主要有三个物件
课程表、课程、课程购物车
(还是搞不太懂JS的物件怎写XDDDDD,虽然有写出来)
宣告则要:
var c = new Cart( 购物车的ID, 课程区块的Class);
var t = new Table( 课程表的ID);
ex:
var c = new Cart("#tabs", ".elective");
var t = new table("
#course_table");
c.set_table(t);
//绑定课程表
资料结构如下:
<div class="area required">
<label class="course_info">
<ol>国文</ol>
<ol>陶冤明</ol>
<ol>[一]1.2.3</ol>
<input type="hidden" class="course_id" value="598">
//课程的ID
<label class="week">
//某天的上课日
<input type="hidden" class="day" value="1">
//表示星期一
<input type="hidden" class="no" value="1">
//第一堂课
<input type="hidden" class="no" value="2">
<input type="hidden" class="no" value="3">
</label>
</label>
</div>
物件方法
-购物车部份-
set_target() 设定分页标签名称
set_table() 设定课程表
-课程表部份-
set_hover_in_table() 在课程表内,移到同课程的颜色变化
set_hover_in_cart() 在购物车内,移过时在课程表内的颜色变化
get_rows() 取得列数
get_cols() 取得栏数
get_data() 取得表格内的资料
remove() 移出课程
-课程部份-
get_id() 取得课程ID
get_cross() 课程是否跨天数
get_week() 取得上课日
仅是简易版啦...
大家就多见谅XDDDDDDD
--
人 究竟是什麽时候会
死?
是被枪打中的时候吗 ...不是
得到不治之症吗 ...也不是
那会是喝了剧毒香菇汤之後吗 ...当然不是
而是 被世
人遗忘的时候
。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 219.84.186.13
1F:推 samleetoyota:推拉~ 01/09 22:35
2F:→ rockzero:IE 8有点状况~~ 01/11 21:54
3F:→ j87b0003:倒是没用IE测过,不过FF、Safari、Opera倒是都OK 01/11 22:43
4F:推 yphs88:实务上应用…这对选课系统负担更大吧XD 01/25 23:05