For all of you that use jQuery and use the Validator plugin, you may have been getting this error in Internet Explorer 6:

jQuery.Validator is null or not an object

This code will break any jQuery below your validation code, and will thoroughly piss you off.

The fix is simple: use the minified version (jquery.validate.min.js) javascript file, instead of the packed version (jquery.validate.pack.js).

Related posts:

1. Simple Vertical Align Plugin for jQuery
2. Google Chrome Frame Plugin for WordPress

jQuery to the rescue.  Using a jQuery vertical align snippet as my base code, I modified it to be a jQuery plugin that will allow you to use the function in the jQuery chain.

jQuery Vertical Align Plugin Code

Simply copy this code into your website (if you don’t know where, leave a comment):

(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
	return this.each(function(i){
	var ah = $(this).height();
	var ph = $(this).parent().height();
	var mh = Math.ceil((ph-ah) / 2);
	$(this).css('margin-top', mh);
	});
};
})(jQuery);

Now, you can use vAlign as you wish; ie: $('#example p').vAlign();.

If it’s not working

If it’s not working, it may be because the script applies a margin to the element, which may not work in all situations. Try changing 'margin-top' to 'padding-top' and see if that helps.

Any questions or comments?

Related posts:

1. jQuery validator annoyances
2. Simple Taxonomies Formatting — Improve the Plugin’s Code Output
3. Strip Extra ImageScaler Attribute from Plugin-Generated Code