centerElement: positions an element at the center of the screen.

tableGroup: grouping of data in a table.

I’ve decided to release these two really basic plugins, after having them lying around for a while and not knowing what to do with them.

Maybe someone finds them useful in any way.

As some browsers don’t support the :hover css class, I’ve extended the columnHover plugin to support row highlighting (and extended it a little bit in functionallity).

Take a look at the demo page and get the plugin here.

For easier viewing some statistical output in a table, I needed a plugin to highlight the column which the mouse is hovering over. Searching the jQuery mailing list showed that there are others in need of something like this too. The solution to this was pretty simple but sadly works only on tables without colspans.
In the end I had to write my own plugin to get the support for tables with colspans and this is the result.

More details here.

An update again. This time jumping up to version 0.2.0, as (thanks to Matt Kruse and his table library) rowspans and colspans are supported now!

Details here

Added an option to define a custom callback function. See example seven on the demo page.

Download here.

Introducing the new fresh and shiny demo and example page, I’ve made a update to the plugin too because of a little bug I found.

Details here.

Following this post, I’ve created a plugin to collapse whole columns in a table. Additionally it can remember the visibility state for the next visit using a cookie.

You’ll find it here.
Documentation and examples can be found inside the source code. They will be eventually added to the plugin page, too.

A -bugfix only- release again.

The plugin’s got an own page now. See here.

A plugin to show/hide specific columns on a table.
On a project I have some tables with a lot of columns. I want the possibility to select which columns are displayed and which are not - as some of the users dont want to see all of them.
I haven’t found anything suitable yet, so I probably just try to write something.

Something along the lines of this:

<script type="text/javascript">
(function($)
{
	$.fn.toggleCol = function(colNum) {
		colNum--;
	    return this.each(function()
		{
			$('tr', this).each(function(){
				$('td:eq(' + colNum + '),th:eq(' + colNum + ')', this).toggle();
			});
	    });
	};
})(jQuery);
</script>

Any suggestions?

This is a bug fix only release. Mainly resolving some display issues the Internet Explorer had.
Thanks for pointing them out and suggesting remedies! Please keep them coming.

Demo

Files: (new version here)

• jquery.clickmenu.js (14kb)
• jquery.clickmenu.pack.js (5kb)
• clickmenu.css (2kb - it won’t work without this)

I’m keeping the links to the old files for archiving purposes. They’re still getting downloaded - and that’s fine. I just hope that’s intentional!?

Example and little Documentation on my last post below.

Changelog:

• fix: some display problems ie had when no width was set on the submenu, so on ie the width for each submenu will be explicitely set
• fix: the fix to the ie-width-problem is a fix to the “ie does not support css min-width stuff” problem too which displayed some submenus too narrow (it looked just not right)
• fix: some bugs, when user the was too fast with the mouse

Known problems:

• haven one menu open and hovering over a main menu item of another menu, which is lying directly under the open menu, the open menu will get overdrawn by the item below (ie only)