Всплывающая подсказка содержимого из базы данных с использованием css

#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");

}