<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="onlineOrder_Default" %>
<%@ Register TagPrefix="myCheckBoxList" Namespace="CheckBoxListValidator" Assembly="CheckBoxListValidator" %>
<%@ Register Src="../inClude/head.ascx" TagName="head" TagPrefix="uc1" %>
<%@ Register Src="../InClude/bottom.ascx" TagName="bottom" TagPrefix="uc2" %>
<%@ Register assembly="CheckBoxListValidator" namespace="CheckBoxListValidator" tagprefix="myCheckBoxList" %>
<!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 id="Head1" runat="server">
    <title></title>
    <link rel="Shortcut Icon" href="/Images/favicon.ico" />
    <link href="../inClude/style.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery.min.js" type="text/javascript"></script>    
    <script src="/js/all.js" type="text/javascript"></script>
    <style type="text/css">
        .red
        {
            color: #FF3300;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <uc1:head ID="head2" runat="server" />
    <div class="height10px">
    </div>
    <div class="divWidth">
        <div style="text-align:left;">
            <asp:Image ID="Image1" runat="server" 
                ImageAlign="AbsMiddle" ImageUrl="~/images/home.gif" /> <asp:Literal ID="navClass" runat="server"></asp:Literal></div>
    </div>
    <div class="height10px">
    </div>
    <div class="divWidth" style="background-image:url('/help/images/helpHead.jpg'); background-repeat:no-repeat; background-position:top;">
        <div class="divLeft" style="width:200px;">
            <div style="height:128px;"></div>
            <div style="background-image: url('/images/classNav01.gif'); background-repeat: no-repeat;
                height: 31px; line-height: 30px; text-align: left; color: White; font-size: 14px;
                font-weight: bold; padding-left: 10px;">
                <img src="/images/icon04.gif" style="vertical-align:middle;" />&nbsp;帮助中心
            </div>
            <div class="darkGreenNavBottom">
                <div class="height10px"></div>
                <div style="text-align: left; padding-left: 50px;">
                    <asp:Repeater ID="navList" runat="server">
                        <HeaderTemplate>
                            <ul style="width: 95px; text-align: left; list-style-type:none;">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <li style="height: 18px; line-height: 18px; list-style-type: square; font-size: 7px;
                                color: #cccccc;">
                                <asp:HyperLink ID="navHyperLink" runat="server" NavigateUrl='<%# Eval("Tid","/help/{0}.htm").ToString().Trim()%>'><%# Eval("TreeName").ToString().Trim()%></asp:HyperLink></li>
                            <li style="background-image: url('/images/line.jpg'); background-repeat: repeat-x;
                                background-position: center; height: 8px; font-size:0px;"></li>
                        </ItemTemplate>
                        <FooterTemplate>
                            </ul>
                        </FooterTemplate>
                    </asp:Repeater>
                </div>
                <div class="height10px"></div>
            </div>
            <div style="white-space:nowrap; overflow:hidden; width:200px;">
                 <div class="height10px"></div>
                 <asp:Literal ID="ad200" runat="server"></asp:Literal>
            </div>
            <div class="height10px"></div>
        </div>

        <div class="divRight" style="width:750px;">
            <div style="height:88px;"></div>
            <div style="background-image:url('/help/images/helpList01.jpg'); background-repeat:no-repeat; height:50px; line-height:36px;"><div style="padding:10px 0px 0px 10px; font-weight:bold; font-size:14px;">
                <img src="/images/icon06.gif" style="vertical-align:middle;" />&nbsp;快速预约</div></div>
            <div style="background-image:url('/help/images/helpList02.jpg'); background-repeat:repeat-y;">
                <div style="text-align:center; padding-left:10px; padding-right:10px;">
                <div class="inputTxt" style="padding: 8px; line-height: 180%;">
        如您觉得
        <asp:Label ID="teachID" runat="server" Text="" Font-Bold="True"></asp:Label>
        非常合适，您可以在线预约 <asp:Label ID="teachName" runat="server" Font-Bold="True"></asp:Label> 或者致电直接由客服给您推荐，或者联系在线客服
        <asp:Label ID="qqBottom" runat="server" Text=""></asp:Label><br />
        咨询电话：
        <asp:Label ID="telInfo" runat="server" Text="" Font-Bold="true"></asp:Label><br />
                    <span class="red">提示：</span>请使用 <a href="/member/reg.aspx" target="_blank" style="font-weight:bold;">注册会员</a> 并发布信息，这样更快、更方便、更专业为您预约家教。
    <asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="3600">
                            </asp:ScriptManager>
    </div>
    <div class="height10px">
    </div>
    <div>
        <table style="width: 100%;">
            <tr>
                <td style="padding: 2px;width:18%; text-align: right;">
                    <span class="red">*</span>&nbsp;姓名：
                </td>
                <td style="padding: 2px;  text-align: left;">
                            <asp:TextBox ID="txtName" 
                                runat="server" CssClass="inputTxt" Width="100px" 
                        MaxLength="8"></asp:TextBox>
                    <asp:RequiredFieldValidator SetFocusOnError="True" ID="RequiredFieldValidator11" runat="server"
                        ControlToValidate="txtName" ErrorMessage="*" ForeColor="#FF3300"></asp:RequiredFieldValidator>
                                    <asp:RegularExpressionValidator  SetFocusOnError="True"  ID="textNameRegularExpressionValidator" 
                                        runat="server" ControlToValidate="txtName" ForeColor="#FF3300"></asp:RegularExpressionValidator></td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    电子邮箱：
                </td>
                <td style="padding: 2px;  text-align: left;">
                                        <asp:TextBox ID="email" runat="server" CssClass="inputTxtIME" Width="200px" MaxLength="50"></asp:TextBox>
                        <asp:RegularExpressionValidator  SetFocusOnError="True"  
                                ID="emailRegularExpressionValidator" runat="server" 
                                ControlToValidate="email" ForeColor="#FF3300"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    <span class="red">*</span>&nbsp;移动电话：
                </td>
                <td style="padding: 2px;  text-align: left;">
                                        <asp:TextBox ID="mobile" runat="server" 
                        CssClass="inputTxtIME" Width="200px"></asp:TextBox>
                    <asp:RequiredFieldValidator SetFocusOnError="True" ID="RequiredFieldValidator10" runat="server"
                        ControlToValidate="mobile" ErrorMessage="*" ForeColor="#FF3300"></asp:RequiredFieldValidator>
                                    <asp:RegularExpressionValidator  SetFocusOnError="True"  ID="mobileRegularExpressionValidator" 
                                        runat="server" ControlToValidate="mobile" ForeColor="#FF3300"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    固定电话：
                </td>
                <td style="padding: 2px;  text-align: left;">
                                        <asp:TextBox ID="tel" runat="server" 
                        CssClass="inputTxtIME" Width="200px" 
                        MaxLength="20"></asp:TextBox>
                                        <asp:RegularExpressionValidator  SetFocusOnError="True"  ID="telRegularExpressionValidator" 
                                        runat="server" ControlToValidate="tel" ForeColor="#FF3300"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    区域：</td>
                <td style="padding: 2px;  text-align: left;">
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="True" RenderMode="Inline" UpdateMode="Conditional">
                    <ContentTemplate>
                        <asp:DropDownList ID="ProvinceList" runat="server" CssClass="inputTxt" 
                        onselectedindexchanged="ProvinceList_SelectedIndexChanged" AutoPostBack="true">
                                    </asp:DropDownList> 
                        <asp:DropDownList ID="CityList" 
                        runat="server" CssClass="inputTxt" 
                            onselectedindexchanged="cityList_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList>
                        <asp:DropDownList ID="areaList" 
                        runat="server" CssClass="inputTxt"></asp:DropDownList>
                    </ContentTemplate>
                    </asp:UpdatePanel>                    
                    <asp:RequiredFieldValidator  SetFocusOnError="True"  ID="RequiredFieldValidator7" runat="server" 
                        ControlToValidate="areaList" ErrorMessage="请选择区域" ForeColor="#FF3300"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    <span class="red">*</span>&nbsp;授课地址：
                </td>
                <td style="padding: 2px;  text-align: left;">
                            <asp:TextBox ID="uAdd" 
                                runat="server" CssClass="inputTxt" Width="400px" 
                        MaxLength="255"></asp:TextBox>
                    <asp:RequiredFieldValidator  SetFocusOnError="True"  
                        ID="RequiredFieldValidator9" runat="server" 
                        ControlToValidate="uAdd" ErrorMessage="请填写地址" ForeColor="#FF3300"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    <span class="red">*</span>&nbsp;您的身份：&nbsp;</td>
                <td style="padding: 2px;  text-align: left;">
                            <asp:RadioButtonList ID="doAdd" runat="server" RepeatDirection="Horizontal" 
                                RepeatLayout="Flow">
                                <asp:ListItem Value="t">教员</asp:ListItem>
                                <asp:ListItem Value="s">家长</asp:ListItem>
                            </asp:RadioButtonList>
&nbsp;<asp:RequiredFieldValidator  SetFocusOnError="True"  ID="RequiredFieldValidator16" runat="server" 
                                        ControlToValidate="doAdd" ErrorMessage="请选择" ForeColor="#FF3300" 
                                       ></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    <span class="red">*</span> 科目：</td>
                <td valign="top" style="padding: 2px;  text-align: left;">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="True" RenderMode="Inline" UpdateMode="Conditional">
                    <ContentTemplate>
                            <asp:ListBox ID="gradeList" runat="server" CssClass="inputTxt" AutoPostBack="True" 
                                 onselectedindexchanged="gradeList_SelectedIndexChanged" Rows="11" 
                                    style="cursor:pointer;"></asp:ListBox>
                                <asp:ListBox ID="gradeCheck" runat="server" AutoPostBack="True" 
                                    CssClass="inputTxt" onselectedindexchanged="gradeCheck_SelectedIndexChanged" 
                                    Rows="11" style="cursor:pointer;" ToolTip="请选择其中一项"></asp:ListBox>
                                <asp:ListBox ID="gradeCheckValue" runat="server"
                                    CssClass="inputRed" Rows="11" AutoPostBack="True" 
                                    onselectedindexchanged="gradeCheckValue_SelectedIndexChanged" 
                                    style="cursor:pointer;" ToolTip="点击一个即删除">
                                </asp:ListBox>
                            </ContentTemplate>
                    </asp:UpdatePanel>
                </td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    &nbsp;</td>
                <td valign="top" style="padding: 2px;  text-align: left; color:red;">
                    注：第三栏为最终选择，除非执行删除不需要的分类，否则请不要再次点击！</td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    预约留言：
                </td>
                <td style="padding: 2px;  text-align: left;">
                    <asp:TextBox ID="myAbout" runat="server" CssClass="inputTxt" Width="400px" MaxLength="500"
                        Height="80px" TextMode="MultiLine"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    验证码：</td>
                <td style="padding: 2px;  text-align: left;"><asp:TextBox ID="RndNum" 
                                runat="server" CssClass="inputTxtIME" Width="100px" MaxLength="6" 
                        AutoCompleteType="Disabled"></asp:TextBox>
                <img src="/InClude/getValidate.aspx" align="absmiddle" id="checkCodeImg" />&nbsp;<a href="#" onclick="javascript:document.getElementById('checkCodeImg').src='/InClude/getValidate.aspx?id='+Math.random();return false;">看不清楚？换个图片，不区分大小写</a>
                <asp:RequiredFieldValidator  SetFocusOnError="True"  ID="RequiredFieldValidator5" runat="server" 
                                        ControlToValidate="RndNum" ErrorMessage="*" ForeColor="#FF3300"></asp:RequiredFieldValidator>
                                    <asp:RegularExpressionValidator  SetFocusOnError="True"  ID="rndNumRegularExpressionValidator" 
                                        runat="server" ControlToValidate="RndNum" ForeColor="#FF3300"></asp:RegularExpressionValidator></td>
            </tr>
            <tr>
                <td style="padding: 2px;  text-align: right;">
                    &nbsp;
                </td>
                <td style="padding: 2px;  text-align: left;">
                    <asp:Button ID="Button1" runat="server" Text="确认预约" CssClass="bottonTxt" OnClick="postButton_Click" />
                </td>
            </tr>
        </table>
    </div>
                </div>                               
            </div>
            <div style="background-image:url('/help/images/helpList03.jpg'); background-repeat:no-repeat; height:25px; font-size:0px;"></div>
        </div>
    </div>
    <div class="height10px">
    </div>
    <uc2:bottom ID="bottom1" runat="server" />
    </form>
</body>
</html>