Clever Geek Handbook

DropDownList tooltip in Chrome and Safari

To add a tooltip to my DropDownList items I have

      DropDownList1.Items[i].Attributes.Add("title", tooltip);

The problem is it doesn't work in Chrome and Safari. Any other way to add a tooltip or any way to fix this in Chrome and Safari?

+2


source to share


4 answers


Add or bind a tooltip for down list items in asp.net using C # http://asp-net-by-parijat.blogspot.in/2014/08/add-or-bind-tooltip-for-dropdownlist.html



+3


source


There are many tooltip components, and jQuery has several plugins that can offer this functionality. I know you are suffering as the tooltips are displayed as expected in IE, but in Chrome / Safari they tend to be blank. It will be interesting to see if anyone has another fix for this.



+1


source


You can just use the ToolTip property in the dropdown: http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.dropdownlist.tooltip.aspx

0


source


Using jQuery:

// Assign Tooltip value on click of dropdown list  //    
  $(document).ready(function () {
    try{  
     $('select').click(function (el) {    
         $(this).find("option:[title='']").each(function (el) {       
                                   $(this).attr("title",$(this).text());
         })                
      });
    }
    catch(e)
{
    alert(e);
}

})

0


source






More articles:


All Articles