Render tooltip on disabled HTML Button.

Posted by giulio on Stack Overflow See other posts from Stack Overflow or by giulio
Published on 2010-01-28T00:58:35Z Indexed on 2010/03/27 12:03 UTC
Read the original article Hit count: 408

Filed under:

tooltip

|

disabled

|

button

|

rendering

I have a HTML button. I have tried to render a tooltip on it based on the "title" attribute of the button and it doesn't render. Mainly because it's disabled.

I then tried wrapping the button in a span and setting the "title" attribute of the span.

Hovering over the button that is wrapped in the span still has no effect. The tooltip will render on any other part of the span that is not part of the button tag. Like if i put some text in the span as well as the button, hovering over the text produces the tooltip, but if you hover over the button it will not render.

So: how can I display a tooltip for a disabled button?

© Stack Overflow or respective owner

Related posts about tooltip

Add incremental numbers at the end of a string in a loop in Javascript.

as seen on Stack Overflow - Search for 'Stack Overflow'
This Javascript is part of a Foreach loop. var stickytooltip={ tooltipoffsets: [20, -30], //additional x and y offset from mouse cursor for tooltips fadeinspeed: 200, //duration of fade effect in milliseconds rightclickstick: false, //sticky tooltip when user right clicks over the triggering… >>> More
What is the least intrusive way to display WPF tooltip on focus?

as seen on Stack Overflow - Search for 'Stack Overflow'
What is the minimum number of steps required to display a tooltip when the following control gets focus? <TextBox ToolTip="Hello there!" ... /> I tried the following in GotFocus private void ..._GotFocus(object sender, RoutedEventArgs e) { var element = (FrameworkElement)sender; … >>> More
jQuery Tooltip positioning issues

as seen on Stack Overflow - Search for 'Stack Overflow'
HTML: <a href="#" rel="tooltip-1">Open Tooltip</a> <div id="tooltip-1">Tooltip Content</div> jQuery: xOffset = $('#tooltip-1').height() + 10; yOffset = -30 ; $("a[rel=tooltip-1]").hover(function(e){ this.t = this.attr("href"); $("body").append("<p id='tooltip'>"+… >>> More
WPF ToolTip disappears on mouse down

as seen on Stack Overflow - Search for 'Stack Overflow'
I've got tooltip on an element that I want to stay open even when the user clicks or holds the mouse button down while over my element. Is there anyway to do this? >>> More
Combine NotifyIcon and ToolTip

as seen on Stack Overflow - Search for 'Stack Overflow'
I have been working with NotifyIcon in order to show an icon in the taskbar. This program has no Windows Form. I perhaps could create one and make it invisible but I was hoping to avoid it. The ToolTip functions attached to NotifyIcon are somewhat lacking, and one of the gurus here suggested I look… >>> More

Related posts about disabled

File saving disabled 'Saving has been disabled by system admin'

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
I have coded my own html website recently, and today wished to add a Google calender object to it. I have not put this website on the web because it is for my own personal use and I can't buy a domain. So I just have a folder on my pc that I load the index.html from now and then. As I was saying,… >>> More
Need assistance making a batch file for renaming files in separate folders

as seen on Super User - Search for 'Super User'
Ok, here's one for you. I'm trying to use a batch file to rename a bunch of files, but none of them are in the same folder as the batch file itself. The command prompt keeps telling me that the directory can't be found. I suppose I could just rename all the files in all the folders that match the… >>> More
jQuery autocomplete disabled makes autocomplete partially transparent, not disabled

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using the jQuery UI's "autocomplete" function on a search on my site. When you change a radio button from 'area search" to "name search" I want it to disable the autocomplete, and re-enable it when you switch back. However, when you disable the autocomplete it doesn't hide the dropdown, it just… >>> More
Creating a SelectListItem with the disabled="disabled" attribute

as seen on Stack Overflow - Search for 'Stack Overflow'
I realize Internet Explorer ignores the disabled attribute, but I'm not seeing a way to create, via the HtmlHelper, a SelectListItem that will spit out the following HTML: <option disabled="disabled">don't click this</option> The only properties SelectListItem has are: new SelectListItem{ … >>> More
.attr("disabled", "disabled") problem

as seen on Stack Overflow - Search for 'Stack Overflow'
i have this function where basically add and remove the disabled attribute form a input field: $(bla).click(function(){ if (something) { console.log($target.prev("input")) // gives out the right object $target.toggleClass("open").prev("input").attr("disabled", "disabled"); … >>> More