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

这篇博客分享了一段早期使用JavaScript实现的WEB会议室预订系统的拖拽式图形界面代码。作者指出,由于项目取消,与服务器交互的部分未完成,但客户端已通过测试。由于是局域网项目,代码主要针对IE浏览器,界面简单。作者希望此分享能帮助到其他进行类似开发的开发者。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

06年的一篇blog,转到这个博客上:      

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

网页代码:

<%@page contentType="text/html; charset=gb2312" pageEncoding="GB2312" %>
<%@ page language="java"%>
<%@ page import="java.util.List" %>
<style>
th.timem      {font-size: 8pt; font-family: Times New Roman;}
td.reserved   {background-color: #FF0066}
td.free       {background-color: #99CCFF}
td.selected   {background-color: #ccCCFF}
</style>
<script language="JavaScript" type="text/javascript" src="timetable.js"></script>
<script>
<!--
    var dragging=false;//是否在拖拽
    var OrignCell="";//开始格位
    var CurrentCell="";//当前格位
    var pope;
    window.onload=function()
    {
        try{
            pope=document.getElementById("pop");
            var tp=document.getElementById('TablePosition');
            var tt=CreateTable();
            tp.appendChild(tt);
            SetReserves();
            document.getElementById('2-5').className="reserved";
                document.getElementById('5-10').className="reserved";/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值