ajax如何根据座位实现在线订票

近期要做一个在线订票系统,感觉有点难度。比方说有这样需求:
要开奥运会了,鸟巢中心将在8月8号晚上举行开幕式,假如票现在才可以销售,接受网上订票。我要做的是:把鸟巢的座位图输出出来,每个座位有两种颜色代表其状态,如绿色代表没有卖的票,红色代表卖出的票,绿色的票位鼠标放上去后触发事件,显示位置的信息,并可接受订票,;红色的票位鼠标放上去后显示订票人的信息等。但是鸟巢中心很大,一个页面显示不完全,所以需要把票去图做成可拖动的,就像www.51ditu.com里的那样。
我现在能实现的是把座位图循环输出出来,包括其状态,也可以处理onmouseover触发事件,难点是:如何处理drag拖动事件。若整体生成图片,拖动可以实现了,但是每个座位的onmousseover事件就有困难;若是循环输出小表格,drag事件就有点难处理,况且还要支持放到缩小。
不知道如何使好,不知各位达人有无好的解决方案,不胜感激。。。

原文地址:https://www.cnblogs.com/ITzen/p/1081449.html