如何基于JS的WEB会议室实现预订拖拽式图形界面?

如何基于JS的WEB会议室实现预订拖拽式图形界面?

很早之前写的,后来由于这个功能模块取消,最终没有上线,所以与Server交互的那部分还没有写,不过那部分方案我也已经出来了,而且现在客户端这一部分已经通过了比较完备的测试。大家看看这一部分的代码,应该一看就懂。那时候也不知道那么多JS的UI库,所以全部都是自己绘制的,界面有点简陋,希望凑或者看吧,再就是我们这个项目是局域网项目,所以大家用的都是IE,没有考虑跨浏览器的因素。发出来希望对做同样应用的同志少走点弯路,我写的时候,网上没有这方面的代码,现在有没有就不知道了。

网页代码

如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?<%@pagecontentType="text/html;charset=gb2312"pageEncoding="GB2312"%>
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?<%@pagelanguage="java"%>
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?<%@pageimport="java.util.List"%>
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?<style>
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?th.timem{font-size:8pt;font-family:TimesNewRoman;}
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?td.reserved{background-color:#FF0066}
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?td.free{background-color:#99CCFF}
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?td.selected{background-color:#ccCCFF}
如何基于JS的WEB会议室实现预订拖拽式图形界面?
</style>
如何基于JS的WEB会议室实现预订拖拽式图形界面?<scriptlanguage="JavaScript"type="text/javascript"src="timetable.js"></script>
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?<script>
如何基于JS的WEB会议室实现预订拖拽式图形界面?<!--
如何基于JS的WEB会议室实现预订拖拽式图形界面?vardragging=false;//是否在拖拽
如何基于JS的WEB会议室实现预订拖拽式图形界面?varOrignCell="";//开始格位
如何基于JS的WEB会议室实现预订拖拽式图形界面?varCurrentCell="";//当前格位
如何基于JS的WEB会议室实现预订拖拽式图形界面?varpope;
如何基于JS的WEB会议室实现预订拖拽式图形界面?window.onload
=function()
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?
{
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?
try{
如何基于JS的WEB会议室实现预订拖拽式图形界面?pope
=document.getElementById("pop");
如何基于JS的WEB会议室实现预订拖拽式图形界面?
vartp=document.getElementById('TablePosition');
如何基于JS的WEB会议室实现预订拖拽式图形界面?
vartt=CreateTable();
如何基于JS的WEB会议室实现预订拖拽式图形界面?tp.appendChild(tt);
如何基于JS的WEB会议室实现预订拖拽式图形界面?SetReserves();
如何基于JS的WEB会议室实现预订拖拽式图形界面?document.getElementById(
'2-5').className="reserved";
如何基于JS的WEB会议室实现预订拖拽式图形界面?document.getElementById(
'5-10').className="reserved";//fortest
如何基于JS的WEB会议室实现预订拖拽式图形界面?}
catch(e)
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?
{
如何基于JS的WEB会议室实现预订拖拽式图形界面?alert(e.name
+":"+e.message);
如何基于JS的WEB会议室实现预订拖拽式图形界面?}

如何基于JS的WEB会议室实现预订拖拽式图形界面?}

如何基于JS的WEB会议室实现预订拖拽式图形界面?//设置已预订单元
如何基于JS的WEB会议室实现预订拖拽式图形界面?functionSetReserves()
如何基于JS的WEB会议室实现预订拖拽式图形界面?如何基于JS的WEB会议室实现预订拖拽式图形界面?
{
如何基于JS的WEB会议室实现预订拖拽式图形界面?
//InserttheReservedCellsIntialationbySetReserve()
如何基于JS的WEB会议室实现预订拖拽式图形界面?
如何基于JS的WEB会议室实现预订拖拽式图形界面?}

如何基于JS的WEB会议室实现预订拖拽式图形界面?-->
如何基于JS的WEB会议室实现预订拖拽式图形界面?
</script>
如何基于JS的WEB会议室实现预订拖拽式图形界面?<divid="pop"style="position:absolute;width:50;display:none;z-index:99;font-size:13px;background:#FFCCFF;filter:alpha(opacity=40);border-style:solid;border-width:thin;border-color:#FF66CC;">
如何基于JS的WEB会议室实现预订拖拽式图形界面?<divonclick="Reserve()"style="{cursor:hand;}">预订</div>
如何基于JS的WEB会议室实现预订拖拽式图形界面?<hrsize=0.1color=#FF66CC;>
如何基于JS的WEB会议室实现预订拖拽式图形界面?<divonclick="Cancel()"style="{cursor:hand;}">取消</div>
如何基于JS的WEB会议室实现预订拖拽式图形界面?</div>
如何基于JS的WEB会议室实现预订拖拽式图形界面?<divid="TablePosition">
如何基于JS的WEB会议室实现预订拖拽式图形界面?</div>
如何基于JS的WEB会议室实现预订拖拽式图形界面?