AJAX(atlas)之阴影控件DropShawdow之进阶篇

使用方法:新建一个ASP.NET AJAX-Enabled Web Site,把以下代码COPY到XXX.aspx页即可看到效果。

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ConferenceApply.aspx.cs" Inherits="Conference_ConferenceApply" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<%--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
      <title>会议申请页</title>
</head>
<body style="text-align:center">
    <form id="form1" runat="server">--%>
   
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
        <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
            <tr>
                <td style="height: 200px; font-size: small; text-align: center;" valign="top">
        <table style="width: 700px; height: 534px; border-right: silver 1px solid; border-top: silver 1px solid; font-size: small; border-left: silver 1px solid; border-bottom: silver 1px solid;">
            <tr>
                <td colspan="4" style="background-color: #ece9d8; text-align: center;" align="left">
                    <span style="font-size: 15pt; font-family: 宋体">会议申请</span></td>
            </tr>
            <tr>
                <td colspan="4" style="border-bottom-color: silver; height: 30px; border-bottom-style: solid" align="center">
                    <table style="font-size: small" width="100%">
                        <tr>
                            <td style="width: 30%; height: 26px;">
                    申请人:<asp:Textbox ID="txtApplicant" runat="server" Width="100px" Font-Size="Small"></asp:Textbox></td>
                            <td style="width: 30%; height: 26px;">
                                部门:<asp:DropDownList ID="ddlDepartment" runat="server" Width="100px" Font-Size="Small">
                        </asp:DropDownList></td>
                            <td style="width: 40%; height: 26px;">
                                申请日期:<asp:TextBox ID="txtAppDate" runat="server" Width="110px" Font-Size="Small"></asp:TextBox></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td id="ValidationContent" align="left" colspan="4" style="border-top-width: 1px; border-left-width: 1px; border-left-color: silver; border-bottom-width: 1px; border-bottom-color: silver; border-top-color: silver; border-right-width: 1px; border-right-color: silver;">
                    <span style="color: #ff0000">&nbsp; </span>
                </td>
            </tr>
            <tr style="color: #ff0000">
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    <span style="color: black">
                    会议主题:</span></td>
                <td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                         <asp:TextBox ID="txtConTitle" runat="server" Width="463px"></asp:TextBox><span id="TitleCheck" style="color:Red; visibility:hidden">*</span></td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    会议室:</td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                         <asp:DropDownList ID="ddlConRoom" runat="server" Width="80%" onchange ="JavaScript:changeBackground(this)">
                            <asp:ListItem>--请选择--</asp:ListItem>
                        </asp:DropDownList><span id="RoomCheck" style="color:Red; visibility:hidden">*</span></td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; color: #000000;">
                    会<span style="color: black">议级</span>别:</td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; text-align: left; width: 95px;">
                        <asp:DropDownList ID="ddlConSort" runat="server" Width="80px">
                            <asp:ListItem>--请选择--</asp:ListItem>
                        </asp:DropDownList><span id="GradeCheck" style="color:Red; visibility:hidden">*</span></td>
            </tr>
            <tr style="color: #000000">
                <td align="left" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
                    border-left: whitesmoke 1px solid; width: 90px; border-bottom: whitesmoke 1px solid">
                    会议日期:</td>
                <td align="left" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
                    border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid">
                    <asp:TextBox ID="txtDate" runat="server" Width="100px"></asp:TextBox>
                    <img οnclick="window.open ('../Calendar.aspx?id=ctl00_ContentPlaceHolder1_txtDate', '信息窗口','height=190,width=270,top=300,left=700,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') ;" height="18" src="../Image/Calendar.bmp" width="18" /><span
                        style="color: #ff0000"> </span>
                    <span id="DateCheck" style="color:Red; visibility:hidden">*
                        <cc1:CalendarExtender ID="ceConfDate" runat="server" Format="yyyy-MM-dd" TargetControlID="txtDate">
                        </cc1:CalendarExtender>
                        </span></td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
                    border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid">
                    <input id="btnCheckTime" type="button" value="会议日程安排" οnclick="javascript:CheckTime();" style="width: 86px"/>
                </td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;
                    border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; text-align: left; width: 95px;">
                    <input id="btnCheck" style="width: 86px" type="button" value="检查会议冲突" οnclick="javascript:CheckCheck();" /></td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    会议时间:</td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    <asp:TextBox ID="txtStartTime" runat="server" Width="100px" οnblur="textInputValidator('stimePrompt','ctl00_ContentPlaceHolder1_txtStartTime','开始时间输入错误!','ValidationContent')" BorderStyle="Groove"></asp:TextBox>
                        ~
                        <asp:TextBox ID="txtEndTime" runat="server" Width="100px" οnblur="textInputValidator('etimePrompt','ctl00_ContentPlaceHolder1_txtEndTime','结束时间输入错误!','ValidationContent')" BorderStyle="Groove"></asp:TextBox>
                    <span id="TimeCheck" style="color:Red; visibility:hidden">*</span></td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; text-align: left;" colspan="2">
                    </td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    <input id="btnAttendance" style="width: 65px; height: 21px" type="button" value="与会人员" οnclick="window.open ('../ConferenceContactPeople.aspx?text_id=ctl00_ContentPlaceHolder1_txtAttendant','信息窗口','height=292,width=200,top=280,left=850,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');"/></td>
                <td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                       
                        <asp:TextBox ID="txtAttendant" runat="server" Width="95%" TextMode="MultiLine" Height="40px"></asp:TextBox></td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    所需设备:</td>
                <td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                         <asp:TextBox ID="txtEquipment" runat="server" Width="95%" TextMode="MultiLine" Height="40px"></asp:TextBox></td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    附件:</td>
                <td id="fileuploadlist" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left" colspan="3">
          
          
          
          
                    <input id="fileupload" name="File" type="file"  οnclick="javascript:AddFile();" style="width: 0px; "/></td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    &nbsp;</td>
                <td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                    <table>
                    <tbody id="filelist">
                   
                    </tbody>
                    </table>
                    &nbsp;</td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                        会议备注</td>
                <td colspan="3" style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;" align="left">
                         <asp:TextBox ID="txtConMemo" runat="server" TextMode="MultiLine" Width="95%" Height="40px"></asp:TextBox></td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                </td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;" align="left">
                    </td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; width: 90px;">
                  
            <asp:Button ID="btnSubmit" runat="server" Text="提交" Width="90px" OnClick="btnSubmit_Click" OnClientClick="return CheckSubmit();" Enabled="False"/></td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; width: 95px;">
                    <input id="btnReturn" style="width: 90px" type="button" value="返回" οnclick="window.location='../Welcome.aspx'"/></td>
            </tr>
            <tr>
                <td style="width: 90px; border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid;" align="left">
                </td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid;" align="left">
                </td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; width: 90px;">
                </td>
                <td style="border-right: whitesmoke 1px solid; border-top: whitesmoke 1px solid; border-left: whitesmoke 1px solid; border-bottom: whitesmoke 1px solid; width: 95px;">
                </td>
            </tr>
        </table>
                </td>
            </tr>
        </table>
                    <input id="hiddenText" runat=server type="hidden"   />
        <input   id = hiddenDet type=hidden runat=server/>
        <script type="text/javascript" src="../JavaScript.js">
        </script>
        <script language="javascript">
 
         //var hidden = document.getElementById("ctl00_ContentPlaceHolder1_hiddenText").value;
          
           function test()
           {
                alert(2);
           }
                
        function CheckCheck()
        {
         var r2 = requiredFieldValidator("RoomPrompt","ctl00_ContentPlaceHolder1_ddlConRoom","必须选择会议室","ValidationContent");
         var r3 = requiredFieldValidator("DatePrompt","ctl00_ContentPlaceHolder1_txtDate","必须输入日期","ValidationContent");
         var r4 = requiredFieldValidator("TimePrompt","ctl00_ContentPlaceHolder1_txtStartTime","必须输入会议时间","ValidationContent");
         var r5 = requiredFieldValidator("GradePrompt","ctl00_ContentPlaceHolder1_ddlConSort","必须选择会议级别","ValidationContent");;
         if(r2 == false || r3 == false || r4 == false || r5 == false)
         {
             return false;
         }
         else
         {
             var xmlHttp = createAjax();
             var startTime = document.getElementById("ctl00_ContentPlaceHolder1_txtStartTime").value;
             var endTime = document.getElementById("ctl00_ContentPlaceHolder1_txtEndTime").value;
             var room = document.getElementById("ctl00_ContentPlaceHolder1_ddlConRoom").value;
             var level = document.getElementById("ctl00_ContentPlaceHolder1_ddlConSort").value;
             var date = document.getElementById("ctl00_ContentPlaceHolder1_txtDate").value;
            
             var url = "ConferenceApplyService.aspx?StartTime=" + startTime + "&EndTime=" + endTime + "&Room=" + room + "&Level=" + level + "&Date=" + date;
             sendRequest(url,true,AnalyseResult);
          return true;
         }
        }
       
        function AnalyseResult(responseXML)
        {   
            var flag = responseXML.getElementsByTagName("Flag");
            var text = flag.item(0).text;
       
            if (text == "0") { alert("您申请的会议无时间冲突,可以提出申请!");}
            else
            {
                if(text == "1") { alert("您申请的会议与已有低级别会议存在时间冲突,继续申请将自动取消低级别会议!"); }
                if(text == "2") { alert("您申请的会议与其它会议存在时间冲突,将不允许申请!"); }
                if(text == "3") { alert("您申请的会议开始时间大于会议结束时间,请修改后重新申请!"); }
                if(text == "4") { alert("您申请的会议日期小于当前日期,请修改后重新申请!"); }
                if(text == "5") { alert("您申请的会议时间已过时,请重新申请!"); }
            }
        }
       
        function CheckSubmit()
        {
         var r1 = requiredFieldValidator("TitlePrompt","ctl00_ContentPlaceHolder1_txtConTitle","必须输入会议标题","ValidationContent");
         var r2 = requiredFieldValidator("RoomPrompt","ctl00_ContentPlaceHolder1_ddlConRoom","必须选择会议室","ValidationContent");
         var r3 = requiredFieldValidator("DatePrompt","ctl00_ContentPlaceHolder1_txtDate","必须输入日期","ValidationContent");
         var r4 = requiredFieldValidator("TimePrompt","ctl00_ContentPlaceHolder1_txtStartTime","必须输入会议时间","ValidationContent");
         var r5 = requiredFieldValidator("GradePrompt","ctl00_ContentPlaceHolder1_ddlConSort","必须选择会议级别","ValidationContent");
         if(r1 == false || r2 == false || r3 == false || r4 == false || r5 == false)
         {
             return false;
         }
         else
         {
          return true;
         }
        }
        function CheckTime()
        {
            var r1 = requiredFieldValidator("RoomPrompt","ctl00_ContentPlaceHolder1_ddlConRoom","必须选择会议室","ValidationContent");
            var r2 = requiredFieldValidator("DatePrompt","ctl00_ContentPlaceHolder1_txtDate","必须输入日期","ValidationContent");
           
           
            if(r1 == false || r2 == false)
            {
                return false;
            }
            else
            {
                var room = document.getElementById("ctl00_ContentPlaceHolder1_ddlConRoom").value.trim();
               
                var date = document.getElementById("ctl00_ContentPlaceHolder1_txtDate").value.trim();
                //alert('ConferenceArrangement.aspx?Room=' + room + '&Date=' + date);
                //window.open ('../Calendar.aspx?id=ctl00_ContentPlaceHolder1_txtDate', '信息窗口','height=190,width=270,top=300,left=700,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') ;
                window.open('ConferenceArrangement.aspx?Room=' + room + '&Date=' + date, '信息窗口', 'height=250,width=270,top=300,left=700,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
            }
        }
    
        function DelFileControl(obj)
        {
            var fileuploadlist = document.getElementById("fileuploadlist");
            fileuploadlist.removeChild(fileuploadlist.childNodes[obj]);
        }
    
        function SaveFileControl()
        {
         var fileuploadlist = document.getElementById("fileuploadlist");
         var fileupload = document.getElementById("fileupload");
         
         fileupload.id = fileupload.value;
         fileupload.style.visibility = 'hidden';
         fileupload.style.position = 'absolute';
         fileupload.style.width = '0px';
         fileupload.style.top = '-1';
         
         var file = document.createElement("<input id='fileupload' name='File' type='file' style='width:0px' οnchange='javascript:AddFile();'/><br>");
         fileuploadlist.appendChild(file);
        } 
     
        function AddFile()
        {
         var fileupload = document.getElementById("fileupload");
         var fullname = fileupload.value;
           

//         var name = fullname.split('//')
//            var name = name[name.length - 1];
          
        //document.getElementById("ctl00_ContentPlaceHolder1_hiddenText").value =document.getElementById("ctl00_ContentPlaceHolder1_hiddenText").value+fullname+'|';
   
         var filelist = document.getElementById("filelist");
         var tr = document.createElement("<tr>  </tr>");
    
         var td = document.createElement("<td style='text-decoration:underline; color:Blue; cursor:pointer;width:500px' οnclick='javascript:OpenFile(this);'></td>");
         var text = document.createTextNode(fullname);
         td.appendChild(text);
         tr.appendChild(td);
       
         var delfile = document.createElement("<td style='text-decoration:underline; color:Blue; cursor:pointer;' οnclick=javascript:DelFile(this);>  </td>");
         var text = document.createTextNode("删除附件");
         delfile.appendChild(text);
         tr.appendChild(delfile);
         
         filelist.appendChild(tr);
         
         SaveFileControl();
         
        }
       
        function OpenFile(obj)
        {
            var filename = obj.innerText;
         //window.open('file:///D:/1.txt');
         
        }
       
        function DelFile(obj)
        {
            var filelist = document.getElementById("filelist");
         var tr = obj.parentNode;
         DelFileControl(tr.rowIndex);
         //document.getElementById("ctl00_ContentPlaceHolder1_hiddenDet").value =document.getElementById("ctl00_ContentPlaceHolder1_hiddenDet").value+tr.rowIndex+'|';
         filelist.deleteRow(tr.rowIndex);
        
        }
        function changeBackground(obj)
        {
         if (obj.selectIndex != 0)
         {
             obj.style.background = "white";
         }
        }
       
 
       
    </script>
    </asp:Content>
<%--    </form>
</body>
</html>--%>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值