旅游网站座位问题

Question

问题是这样根据报名人数自动安排1 2 号座位 界面如下：
用户也可以选择其它座位号:如下:
查看源代码是:table 写的 
现在没有思路 怎么去实现 座位排序 和实现选择座位! 忘高手指点....

Answer 1

一般不是不分座位滴床铺座位这东西，都是导游或旅行社自己根据情况安排。你做了这东西，麻烦事更多。本来该旅行社自己根据情况调整的，你非设定死了，下面工作人员反而更头疼非要做也不是不可以，利用css就可以了，至于js也只是判定一下class名，难度不大

Answer 2

如果非要做，设定3个css样式就可以了1.已分配的css样式
2.未分配的css样式
3.表示为当前客户选择的css样式每个座位元素都分配一个onclick事件，事件处理函数，只需简单判定一下 if(是已分配)
{
  return 直接retrun不做处理
}
 if(未分配)
{
   当前元素css设置为标记3的样式
}
if(是标记3的样式)
{
  设置为标记2的样式,相当于取消选择
}

Answer 3

方法1、先绘图，然后查询数据，依据条件逐个填充。
方法2、查询出数据，生成临时表，然后直接绑定到grid，grid里加上图片和变化。

Answer 4

你可以借鉴一种 CSS Sprite的技巧去实现当然使用CSS Sprite需要一个合格的美工

Answer 5

每行 四个座位 二个座位中间加空格
最后一排留五个座位 用js怎么实现
for(var j=0;j<46;j++)
{
//怎么输出 表格呢?
}
晚上结帖 高手指点...

Answer 6

protected string GetSeat()
{str =""
str +="<table>"
 if(count%4 ==0){
  for(int i =0 ;i<count(人数)/4;i++)
     {
        str +="<tr>"
        str +="<td>...输出你想要的格式！</td>"
        str +="</tr>"
     }
}else{
for(int i=0;i<count(人数)/4;i++)
        str +="<tr>"
        for(int j=0;j<count(人数)%4;j++){
        str +="<td>...输出你想要的格式！</td>"
}
        str +="</tr>"
}
str +="</table>"
return str;
}