Подсказка контента из базы данных cssh - PullRequest
Новая
       17

Подсказка контента из базы данных cssh

0 голосов
/ 25 марта 2019

У меня есть контейнер с изображением и текстом из базы данных.при наведении на Контейнер мне нужна всплывающая подсказка из базы данных

ASP.net 

 <div class="Imagecontainer" style="float:left; width:100px; text-align:center;">
   <asp:Image ID="InvestorImg" runat="server" src="images\Invs.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

Ответы [ 2 ]

0 голосов
/ 25 марта 2019

Добавить идентификатор для тега div

<div class="Imagecontainer" id="DivID" runat="server" style="float:left; width:100px; text-align:center;"> <asp:Image ID="InvestorImg" runat="server" src="images\Invs.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><br> </div>

Затем в бэкэнд-коде использовать DivID.Attributes.Add ("title", "Ваш текст из базы данных"); 

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

}
0 голосов
/ 25 марта 2019 
$(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>');
});
...