Comments on: Make a tooltip out of some columns in a table http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/ You have found Friendly Bit, a web development blog. I focus on client side technologies like CSS, HTML and Javascript. You find my articles below and categories to the right. Sat, 17 May 2008 14:16:38 +0000 http://wordpress.org/?v=2.5.1 By: Praveen http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-14346 Praveen Tue, 16 Jan 2007 16:53:02 +0000 http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-14346 I work on a project which generates some reports based on statistical data. These reports are usually bulkier ( about 500 rows with atleast 10 columns). I want to be able to set tooltip on each cell but dont want in the title attribute as it will increase the size of HTML. JavaScript way of getting all elements based on a class name and then setting the title attribute is also not ideal because it will make the user interaction slower. Is there any way to denote tooltips completly in CSS for table cells? I work on a project which generates some reports based on statistical data. These reports are usually bulkier ( about 500 rows with atleast 10 columns). I want to be able to set tooltip on each cell but dont want in the title attribute as it will increase the size of HTML. JavaScript way of getting all elements based on a class name and then setting the title attribute is also not ideal because it will make the user interaction slower.

Is there any way to denote tooltips completly in CSS for table cells?

]]> By: daluz.art.br » Blog Archive » Transfomando células de tabelas em Tooltips http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-4595 daluz.art.br » Blog Archive » Transfomando células de tabelas em Tooltips Tue, 12 Sep 2006 17:26:37 +0000 http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-4595 [...] http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/ [...] [...] http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/ [...]

]]> By: Tomi Jaskari http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-208 Tomi Jaskari Mon, 20 Feb 2006 22:43:10 +0000 http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-208 This doesn't work too nicely at Opera Browser. Picture is not cleared when you hover off. This doesn’t work too nicely at Opera Browser. Picture is not cleared when you hover off.

]]> By: Project :: penkiblog » 本日書籤 (偷懶版) http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-102 Project :: penkiblog » 本日書籤 (偷懶版) Sun, 29 Jan 2006 19:44:12 +0000 http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-102 [...] http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/ [...] [...] http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/ [...]

]]> By: Emil Stenström http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-65 Emil Stenström Fri, 20 Jan 2006 17:34:51 +0000 http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-65 @Shailesh: I wouldn't dismiss tooltips that easiliy. You're absolutely right that one should be careful not not to hide important information in there, but that doesn't mean they're not helpful. Tooltips are good when your information is in two layers, one that works as an overview and one that's more specific. Instead of showing all the info at once, making the page cluttered you can chose this method of only showing the overview and show a little more info when the use hovers it. Or simpler: Showing too much info could be bad too. Another place where tooltips are useful is when using the title attribute. Setting a title can give more info about a link just before the user decides to click it. Are you against title too? @Shailesh: I wouldn’t dismiss tooltips that easiliy. You’re absolutely right that one should be careful not not to hide important information in there, but that doesn’t mean they’re not helpful. Tooltips are good when your information is in two layers, one that works as an overview and one that’s more specific. Instead of showing all the info at once, making the page cluttered you can chose this method of only showing the overview and show a little more info when the use hovers it. Or simpler: Showing too much info could be bad too.

Another place where tooltips are useful is when using the title attribute. Setting a title can give more info about a link just before the user decides to click it. Are you against title too?

]]> By: Shailesh http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-64 Shailesh Fri, 20 Jan 2006 15:30:20 +0000 http://friendlybit.com/css/make-a-tooltip-out-of-some-columns-in-a-table/#comment-64 Yeah, this is a neat trick, but it is not user-friendly. IMHO, tooltips in general are poor design elements. The main problem is that there is no way the user will know that hovering over a particular part of the screen will show a tooltip. Somebody out there is going to make the mistake of hiding information essential to understanding the content in the tooltip, and then they will wonder why people don't understand what they made. At the same time as you design this tooltip mechanism, you need to think about how the user is going to know it exists. After you think about that, you'll probably decide never to use tooltips. Yeah, this is a neat trick, but it is not user-friendly. IMHO, tooltips in general are poor design elements. The main problem is that there is no way the user will know that hovering over a particular part of the screen will show a tooltip. Somebody out there is going to make the mistake of hiding information essential to understanding the content in the tooltip, and then they will wonder why people don’t understand what they made. At the same time as you design this tooltip mechanism, you need to think about how the user is going to know it exists. After you think about that, you’ll probably decide never to use tooltips.

]]>