Question

我试图在用户将鼠标悬停在图像上时显示表格。（基本上显示有关该图像的工具提示）但我似乎无法将参数发送到我的服务器端。

HTML＆amp; CSS

＆＃13;

body{
    background-image: url(Images/Background_Home.jpg);
    background-size: contain;
    width: 100%;
    height: 100vh;
    margin: 0;
}
.HomeNavImage:hover{
    opacity: .5;
}
.HomeNavImage{
    max-height: 100%;
    max-width: 100%;
}
.HomeNav{
    height: 15.7vh;
    padding: 0;
}
#Tooltip1,#Tooltip2,#Tooltip3,#Tooltip4,#Tooltip5,#Tooltip6{
    display: none;
}

＆＃13;

<table id="HomeNavTable">
        <tr><td class="HomeNav"><a href="Home.aspx"><img class="HomeNavImage" src="Images/Home.png" alt="Use a browser that supports images!" onmouseover="DisplayTooltip(1)" runat="server" /></a></td><td id="Tooltip1">Home</td></tr>
        <tr><td class="HomeNav"><a href="Forum.aspx"><img class="HomeNavImage" src="Images/Forum.png" alt="Use a browser that supports images!" onmouseover="DisplayTooltip(2)" runat="server" /></a></td><td id="Tooltip2">Forum</td></tr>
        <tr><td class="HomeNav"><a href="Project.aspx"><img class="HomeNavImage" src="Images/Project.png" alt="Use a browser that supports images!" onmouseover="DisplayTooltip(3)" runat="server" /></a></td><td id="Tooltip3">Project</td></tr>
        <tr><td class="HomeNav"><a href="Contact.aspx"><img class="HomeNavImage" src="Images/Contact.png" alt="Use a browser that supports images!" onmouseover="DisplayTooltip(4)" runat="server" /></a></td><td id="Tooltip4">Contact</td></tr>
        <tr><td class="HomeNav"><a href="Store.aspx"><img class="HomeNavImage" src="Images/Store.png" alt="Use a browser that supports images!" onmouseover="DisplayTooltip(5)" runat="server" /></a></td><td id="Tooltip5">Store</td></tr>
        <tr><td class="HomeNav"><a href="Patreon.aspx"><img class="HomeNavImage" src="Images/Patreon.png" alt="Use a browser that supports images!" onmouseover="DisplayTooltip(6)" runat="server" /></a></td><td id="Tooltip6">Donate</td></tr>
    </table>

＆＃13;

背后的代码

private void DisplayTooltip(int ID){
        HtmlTableCell Tooltip = new HtmlTableCell();
        Tooltip.ID = "Tooltip" + ID;
        Tooltip.Style.Add("display", "block");
}

我尝试过使用字符串而不是int作为ID，但是并没有解决它。寻找＆＃39; onmouseover＆＃39;在HTML中。

Answer 1

onmouseover是一个客户端事件，javascript。你能把代码移到js吗？如果可以的话，应该这样做：

...onmouseover="DisplayTooltip(4)"

function DisplayTooltip(tooltipNum) {
    var ele = document.getElementById("Tooltip" + tooltipNum):
    ele.style.display = "block";
}

您可能必须使用＆＃39;可见性＆＃39;而不是display：none if display：none完全从页面中删除工具提示。我认为应该没问题。

在html页面

1 个答案: