Jared McAteer’s Blag - jaredmcateer.com

I while ago I posted my code to find out if an element is hidden (with added complexity that if it’s parent is hidden it will also be hidden despite the fact that it’s own display style may not be set.) Originally I came up with the following code:

Right away I knew it was a less than perfect example of finding what I needed, I prefer to avoid recursion as much as possible. Eventually I came to the realization that I was overthinking the problem and I came up with a much more elegant solution to the problem. And here it is:

This I can live with much easier.

Technorati Tags: javascript, dom, style, display, element

Popularity: 48% [?]

I ran into a problem building a webapp today, I needed a way to determine if a specific element is hidden. Most of the time you can just check it’s style display:

… but what happens when it’s parent (or parents parent, or parents parents parent, ad nauseum ad infinitum) is hidden? There is no way (I could tell anyways) to tell if an element is hidden as a result of a parent node somewhere being hidden. Someone had suggested that .offsetParent was set to null in Firefox if the element was hidden, it worked, initially. I found out however this doesn’t work in Internet Explorer and even in Firefox elements such as Select never have an offsetParent. So back to the drawing board, and what I came up with was what I originally had thought would be the solution I’d have to use. The reason I didn’t initially develop it was because it uses recursion, I don’t like recursion, it’s inefficient and looks sloppy but without a better solution I came up with the following:

And there it is in all it’s simplistic glory, if anyone reading has a better solution, I would like to hear it.

Technorati Tags: Javascript, DOM, style, display, code

Popularity: 57% [?]

One of the things that really bugs me about Javascript is how all the easy stuff is typically the proprietary, non-standard method of programming. I’m big on standards for the web, but I’m a lazy programmer so when it comes to a choice between say, innerHTML and the proper DOM methods there is an inner struggle before my lazy side usually beats down my righteous standards crusader. Now I have much better method that appeals to both sides. The DOM Builder allows me to make standard compliant code while remaining simple to use. Follow the jump for a more detailed description of the problem and solution.

Technorati Tags: javascript, html, DOM, DOM Builder, standards

(more…)

Popularity: 38% [?]