2009-07-22 69 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。

坦率地說,雖然,這聽起來像不應該在一個深思熟慮的設計出現的情況。