2009-07-22 70 views
1

我在aspx页面有以下代码上隐藏股利:当其他分区变得可见

<div id="FormContainer"> 
       <div id="leftSection"> 
        <h1> 
         Contact Us</h1> 
        <div id="intro"> 
         <p> 
          Contact PLI</p> 
         <p> 
          &nbsp;</p> 
        </div> 
        <esp:contactus id="ContactUs" runat="server" /> 
       </div> 
</div> 

和来自我上面的用户控件的一些代码(ESP:联系我们)以下

给出
<div id="divMain" runat="server"> 
     <div class="leftColumn"> 
     <span id="ContactUs_lblFirstName" class="details">First name:<span class="asterisk" title="This field is mandatory">*</span></span> 
     <input name="ContactUs$txtFirstname" type="text" maxlength="50" id="ContactUs_txtFirstname" /> 
     <span id="ContactUs_rfvFirstName" style="color:Red;visibility:hidden;">Please type your forename here</span> 
     <span id="ContactUs_lblFamilyName" class="details">Family name:<span class="asterisk" title="This field is mandatory">*</span></span> 
     <input name="ContactUs$txtFamilyName" type="text" maxlength="50" id="ContactUs_txtFamilyName" /> 
     <span id="ContactUs_rfvFamilyName" style="color:Red;visibility:hidden;">Please type your family name here</span> 

     <span id="ContactUs_lblAddress1" class="details">Address 1<span class="asterisk" title="This field is mandatory">*</span></span> 
     <input name="ContactUs$txtAddress1" type="text" maxlength="50" id="ContactUs_txtAddress1" /> 
     <span id="ContactUs_rfvAddress1" style="color:Red;visibility:hidden;">Please enter the first line of your address</span> 
     <span id="ContactUs_lblAddress2" class="details">Address 2</span> 
     <input name="ContactUs$txtAddress2" type="text" maxlength="50" id="ContactUs_txtAddress2" /> 

<asp:button id="btnSubmit" cssclass="submitBTN" text="Submit" 
       onclick="Submit_Click" runat="server" /> 
     </div> 
    </div> 

<div id="divThanksmsg" runat="server"> 
     Thank you for your enquiry. 
    </div> 

如果您瞧,我的用户提交按钮,确认上述所有领域的显示三江源DIV(divThanksmsg)之后。

当用户点击提交按钮它验证字段后验证所有表单我的谢谢div(divThanksmsg)变得可见。但是,如果你在我的aspx页面上看到上面的div(介绍),它每次都可见。我希望这个div应该隐藏,当我的thankYou div可见时。

请建议!

+0

您可以粘贴您目前拥有的脚本吗? – redsquare 2009-07-22 08:05:27

+0

没有编写JavaScript,所有的代码都写在我的ascx.cs文件中。我的意思是它是服务器端代码 – 2009-07-22 08:08:43

回答

2

我看到你打上两个DIV(divTanksmsg和divMain)在服务器上运行。 可以初始化通过修改标记来

<div id="divThanksmsg" visible="false" runat="server"> 

完成你的验证之后divThanksmsg在第一被隐藏,你可以这样做:

divThanksmsg.Visible = true; 
divMain.Visible = false; 
+0

如果您看到我的介绍div高于divMain。我的介绍div在aspx和divMain在用户控制 – 2009-07-22 08:22:30

1

如果我理解正确的话,你要隐藏的“前奏”分区,当您显示“divThanksmsg”。为此,您需要在“intro”-div上有一个“runat = server”,然后在代码中通过以下行:divThanksmsg.Visible = true;,您需要添加intro.Visible = false;

+0

我的介绍div在aspx页面。我如何在我的usercontrol代码中找到它的id。 – 2009-07-22 08:23:46

+0

我的aspx页面没有aspx.cs代码。 – 2009-07-22 08:25:49

+0

那么如何切换divThanksmsg的可见性? – Espo 2009-07-22 08:37:30

0

你有没有考虑使用JavaScript来隐藏介绍文字?执行验证后只需要注入一点点。也许会存储一个标志,以便您知道何时应该重新添加或删除该js。

坦率地说,虽然,这听起来像不应该在一个深思熟虑的设计出现的情况。