#javascript #jquery #asp.net #tooltip
#javascript #jquery #asp.net #всплывающая подсказка
Вопрос:
У меня есть контейнер с изображением и текстом из базы данных. при наведении курсора мыши на контейнер мне нужно, чтобы отображалась всплывающая подсказка из базы данных
ASP.net
<div class="Imagecontainer" style="float:left; width:100px; text-align:center;">
<asp:Image ID="InvestorImg" runat="server" src="imagesInvs.png" />
<br /><br />
<span style=" font-family:Arial; font-weight:bold; color: black;">Investors</span>
<br /><br />
<asp:Label ID="NewAccountsLabel" runat="server" CssClass="NewAccountsLabel_style" ></asp:Label>
</div>
При загрузке страницы я вызываю другой метод для загрузки данных в NewAccountsLabel
private void NewAccounts()
{
siteSoapClient site = new siteSoapClient();
DataSet NewAccountsds1 = site.GetNewAccounts();
NewAccountsLabel.Text = "New" "<br/>" "Accounts :" NewAccountsds1.Tables[0].Rows[0][0].ToString();
}
В запросе у меня есть поле даты, которое я хочу отобразить как всплывающую подсказку с помощью CSS. Я знал, как добавить всплывающую подсказку без CSS, но я не знаю, как добавить к ней CSS
Ответ №1:
$(document).ready(function () {
$('.Imagecontainer').hover(function () {
$(this).find('.tooltip').html('<img src="' 'Put Your Value`enter code here` '" alt="loading...">').fadeIn();
}, function () {
$(this).find('.tooltip').hide();
}).append('<span class="tooltip"></span>');
});
Ответ №2:
Добавьте идентификатор для тега div
<div class="Imagecontainer" id="DivID" runat="server" style="float:left; width:100px; text-align:center;">
<asp:Image ID="InvestorImg" runat="server" src="imagesInvs.png" />
<br /><br />
<span style=" font-family:Arial; font-weight:bold; color: black;">Investors</span>
<br /><br />
<asp:Label ID="NewAccountsLabel" runat="server" CssClass="NewAccountsLabel_style" ></asp:Label>
</div>
Затем в бэкэнд-коде используйте DivID.Атрибуты.Добавить («заголовок», «Ваш текст из базы данных»);
private void NewAccounts()
{
siteSoapClient site = new siteSoapClient();
DataSet NewAccountsds1 = site.GetNewAccounts();
NewAccountsLabel.Text = "New" "<br/>" "Accounts :"
NewAccountsds1.Tables[0].Rows[0][0].ToString();
DivID.Attributes.Add("title", "Your Text From Database");
}