Cultivate Web Design Melbourne - Development Blog » isVisible http://cultivatewebdesign.com.au/blog Thu, 12 Aug 2010 04:16:42 +0000 en hourly 1 http://wordpress.org/?v=3.0 Check if an element’s hidden or visible using mootools http://cultivatewebdesign.com.au/blog/check-if-an-elements-hidden-or-visible-using-mootools/ http://cultivatewebdesign.com.au/blog/check-if-an-elements-hidden-or-visible-using-mootools/#comments Tue, 28 Jul 2009 01:58:11 +0000 Chris Gunn http://cultivatewebdesign.com.au/blog/?p=85 OffsetHeight property returns the elements real width including borders, margin and padding.
This is a IE introduced property not in w3c but now implemented in almost all browsers. Maybe we should try using mootools new get calculated width/height?

We combined this with phatfusions validate to only validate visible fields on forms.

Element.implement(
{	isHidden: function()
{	var w = this.offsetWidth, h = this.offsetHeight,
force = (this.tagName === 'TR');
return (w===0 && h===0 && !force) ? true : (w!==0 && h!==0 && !force) ? false : this.getStyle('display') === 'none';
},

isVisible: function()
{	return !this.isHidden();
}
});
]]> http://cultivatewebdesign.com.au/blog/check-if-an-elements-hidden-or-visible-using-mootools/feed/ 2