Posted By

adnan on 05/21/09

Tagged

Versions (?)

Last Edited at 05/21/09 01:42pm

Statistics

Viewed 1055 times

Favorited by 2 user(s)

Related snippets

A better process to find maximum z-index within a page

/ Published in: jQuery

I made an absolute tinny code to find the highest z-index of absolute DIV
to show my shouting box and to make it appear absolutely at the top of all html elements.

I used selector of â€body > *â€˜ instead of â€˜body *â€˜.

â€body > *â€˜ means all tags/elements which are found at first depth of
whether â€body *â€˜ selects all tags/elements at any depth.
It doesnâ€™t matter whatâ€™s is the maximum/highest z-index of an absolute element
rather it matters whatâ€™s the maximum/highest z-index of the absolute elements
which are next to in first depth only to show the shouting box on top most strata.

N.B. Shouting box is appended to document.body in this case.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

//include jQuery.js --  visit: http://jquery.com/
$(function(){
    var maxZ = Math.max.apply(null,$.map($('body > *'), function(e,n){
           if($(e).css('position')=='absolute')
                return parseInt($(e).css('z-index'))||1 ;
           })
    );
    alert(maxZ);
});