Asp:LinkBut​​ton href 值应用于表 onclick

Question

我正在尝试在我们的 Web 应用程序中国际化按钮，到目前为止我已经能够使用精灵图像构建我们的按钮并应用相关的 css 类来构建按钮。

我将其布局为以下结构：

<table cellpadding="0" cellspacing="0" class="pwbtn" onmouseout="this.className='pwbtn';"
    onmouseover="this.className='pwbtnh';">
    <tr>
        <td class="a1">
        </td>
        <td class="a2" onclick="CallShowBlocker()">
            <asp:linkbutton id="ButtonNext" onclientclick="PreNavigationScript();" runat="server"
                cssclass="RemoveLinkStyle"></asp:linkbutton>
        </td>
        <td class="a3">
        </td>
        <td class="spacer">
        </td>
    </tr>
</table>

目前，按钮按预期显示，但用户必须准确单击按钮的文本才能触发其事件。

我想将 linkbutton 的 href 值应用到 onlcick 表中，这样当用户单击图像内的任意位置时，它将触发该事件。

另外，我的 href 值是通过 C# 中的事件处理程序构建的，并产生以下 href 值：

"javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions('ContWizard2$Wizard1$cFooter$ButtonNext', '', true, '', '', false, true));"

如果我在这里不够清楚或错过了您需要查看的代码的任何部分，请告诉我并谢谢提前。

Answer 1

在我获得更多代表之前，我必须在这里回答您而不是发表评论。一个很好的建议是保留您的代码，但不要使用链接按钮（这可能会限制您必须点击的位置），您可以使用图像按钮并将 imageurl 属性分配给您的图片/图标。

由于两种类型的按钮之间的差异很小，因此您根本不必进行太多更改。

让我知道是否有帮助。

-JJ

Answer 2

万一有人发现这个并想知道如何解决它。

我删除了表格外部的 LinkBut​​ton。使用表 onclick 属性，我创建了一个新的 Javascript 函数，该函数传递 LinkBut​​ton clientID。

单击按钮时，ID 会传递给 Javascript 函数，然后我们触发 link.click() 来执行链接操作。见下文：

<asp:linkbutton id="LinkButton1" runat="server" causesvalidation="False" cssclass="RemoveLinkStyle"></asp:linkbutton>
<table cellpadding="0" cellspacing="0" class="pwbtn" onclick="CallShowBlocker(); ExecuteLink('<%=ButtonYes.ClientID %>');"
    onmouseout="this.className='pwbtn';" onmouseover="this.className='pwbtnh';">
    <tr id="trButtonYes" runat="server" visible="false">
        <td class="a1">
        </td>
        <td class="a2" onclick="CallShowBlocker()">
            <%= this.resourceManager.GetString("yes") %>
        </td>
        <td class="a3">
        </td>
        <td class="spacer">
        </td>
    </tr>
</table>

function ExecuteLink(linkID)
{ 
    var link = document.getElementById(linkID); 
    link.click();
}