Question

我一直试图从我的C＃代码后面调用DIV ......我有一个条件语句，如果条件通过，那么我需要调用DIV ......然后DIV将触发我的CSS3模式我的HTML ....但是......我似乎无法让DIV Modal开火......有人能给我一些建议吗？代码如下......

我是C＃的新手，所以对很多人来说这可能是一个简单的修复和新手的问题......但我很感谢你的帮助...谢谢...

HTML

<asp:TextBox ID="TextBox1" name="last_name" runat="server" style="font-size:28px" class="content" placeholder="Enter Juror ID Number" maxlength="6" size="20" onfocus="jsKeyboard.focus(this);clean(this);" autofocus ontextchanged="IsValidNumber">

</asp:TextBox>
</div>


<center>
<table cellspacing="0" cellpadding="0">
  <tr>
    <td><div class="juror_number_back_button_container">
<asp:Button id="Button1" 
           Text="Back"
           OnClick="Button1_Click" 
           runat="server" />
           </div>
</td>
    <td><div class="juror_number_continue_button_container">
<asp:Button id="Button2" 
           Text="Continue"
           OnClick="IsValidNumber" 
           runat="server" />
           </div>
</td>
  </tr>
</table>
</center>

<div id="feedback"></div>
<div id="virtualKeyboard">
</div>
<div id="openModal" class="modalDialog" runat="server">
    <div>
        <a href="#close" title="Close" class="close"></a>
        <center><p class=" font_style_menu">Is this your Name and DOB?</p>
        <p class=" font_style_menu">John M Doe</p>
        <p class=" font_style_menu">7/12/1972</p>
        <p> <span style="font-size:30px">If No, please press No to Re-Enter Juror Number from your summons.</span></p></center>

<center>
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="modal_yes_button_container">
<form method="post" name="" action="checkin.aspx">
<input type="submit" name="Yes" value="Yes" />
</form>
</div>
</td>
<td>
<div class="modal_no_button_container">
<form method="post" name="" action="#close">
<input type="submit" name="No" value="No" />
</form>
</div>
</td>
  </tr>
</table>
</center>
    </div>

C＃代码背后

protected void IsValidNumber(object sender, EventArgs e)
    {

      int num;

      if (Int32.TryParse(TextBox1.Text, out num) && (TextBox1.Text.Length == 6))
      {
        DisplayDiv(true);
      }

      else
      {

        Response.Redirect("error_page_b.aspx");
      }
    }

    private void DisplayDiv(bool isShow)
    {
      openModal.Visible = isShow;
    }
  }

Answer 1

如果您不能使用JavaScript模式，您可以考虑＆lt; asp：PlaceHolder＆gt;＆lt; / asp：PlaceHolder＆gt;控制它。

如果您需要使用＆lt; div /＆gt;，请在您的div上输入runat =“server”，并确保它有ID。

<div runat="server" id="area"></div>

Answer 2

你需要的是通过css使它可见（只是不要隐藏它）并在设计器中将asp Visible属性设置为false。

.modalDialog { /*display: none; */ }

还尝试更改ASP面板的Html div：

<asp:Panel runat="server" ID="openModal" CssClass="modalDialog" Visible="False">

然后你的代码就可以了。

从我的C＃代码后面调用DIV

2 个答案: