Question

当我单击ASP.NET页上的顶部面板时，我希望触发一个事件。

我在面板上放了一个按钮，但是它显示为灰色小按钮，而不是拉伸以覆盖面板。如果我按它，则事件触发。但是然后按钮消失了。

我需要隐藏按钮，覆盖整个面板，单击时刷新页面以及刷新页面后才出现。

这是小按钮的样子...

这是我的代码：

        btn-panel{
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: -1;
        }
        </style>
</head>
<body>
    <!---------------   D B G   M E S S A G E S   ------------------>
        <asp:Panel ID="DBG_PANEL" runat="server" Visible="False">
            <asp:Label ID="DBG" runat="server" Text="DEBUG DATA"  ></asp:Label>
       </asp:Panel>

    <form id="HOME_FORM" runat="server" style="border-style: none;" title="">
        <table id="TABLE1" cellspacing="10">
            <tr>
                <td valign="top" align="left" class="style5">
                    <asp:Panel ID="PAGE_TITLE_PANEL" runat="server" BorderStyle="Outset" 
                                             BackColor="#E1FFFF" Width="600px">
                        &nbsp;&nbsp;
                        <asp:Label ID="PROGRAM_TITLE_LABEL" runat="server" Font-Bold="True" 
                        Font-Size="X-Large" Text="title" Font-Names="Arial"></asp:Label>
                        <br />
                        <span class="style20">&nbsp;&nbsp;&nbsp;<em>&nbsp; - Online community -- <br /> </em></span>
                        <asp:Button ID="Button_title_bar" runat="server" Text="" CssClass="btn-panel" OnClick="Button_title_bar_Click" />
                    </asp:Panel>




' User clicked title bar, so re-init web.
Sub Button_title_bar_Click(sender As Object, e As EventArgs) Handles Button_title_bar.Click
    response.Redirect( PROGRAM_WEB_ADDRESS )
End Sub

Answer 1

您可以解决此问题，以实现您想要做的事情。您可以将按钮上的“可见”属性设置为Visible="False"。然后，您可以在面板上连接一个javascript click事件，从而触发按钮的click事件。从本质上讲，这将使您的面板可点击，就像使按钮不可见并覆盖面板一样。

尝试像这样添加HTML <script>块：

<script>
    var panelId = '<%= PAGE_TITLE_PANEL.ClientID %>';
    var buttonId = '<%= Button_title_bar.ClientID %>';

    document.getElementById(panelId).onclick = function(){
        document.getElementById(buttonId).click();
    };
</script>

面板上的ASP.NET mouseclick事件不起作用

1 个答案: