Tuesday, January 31, 2012

How to find out whether an element is in a hidden iframe


Using jQuery, one can easily find out whether a particular element is visible using




$(element).is(':visible')



While having some limitations (doesn't cover css visibility hidden or the actual visibility in the viewport, i.e. whether it's covered by other elements or scrolled away), I find it being useful for my scenario. The catch is, it only works within one iframe.



If the element has any parent within its document with display:none; , it returns false. If the whole document is included in an iframe which has display:none , it returns true. Is it possible to somehow detect this in another way ?

No comments:

Post a Comment