javascript - Get Z-index of each element on the page -

-

i trying find highest z-index on page. using this

var getstyleprop = function(el, prop){             return window.getcomputedstyle(el, null).getpropertyvalue(prop); } var gethighestzindex = function(){              var highestzindex = 0,                 htmlelems = ["a","abbr","acronym","address","applet","area","article","audio","b","base","basefont","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","embed","fieldset","figcaption","figure","footer","form","frame","frameset","h1, h2, h3, h4, h5, h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","isindex","kbd","keygen","label","legend","li","link","listing","main","map","mark","menu","menuitem","meta","meter","nav","noembed","noscript","object","ol","optgroup","option","output","p","param","plaintext","pre","progress","q","rp","rt","rtc","ruby","s","samp","script","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","tt","u","ul","var","video","wbr","xmp"],                 tags,                 zindex;              (var = 0; < htmlelems.length; i++){                  tags = document.getelementsbytagname(htmlelems[i]);                  if (tags){                     (var c = 0; c < tags.length; c++){                         zindex =getstyleprop(tags[c], "z-index");                            console.log(tags[c], "zindex=", zindex);                         if (zindex > highestzindex){                             highestzindex = zindex;                         }                      }                    }               }              return highestzindex;          } console.log(gethighestzindex());

but coming "auto". this ancient article explains how "bug" causing behavior. i've tried make clones of each node, set position relative, , z-index, 

cl.style.display = "none"; cl.style.position = "absolute"; zindex = (getstyleprop(cl, "z-index"));

but not working either. wrong here? there cheaper way recreating on page?

jsbin

the node's clone not seem z-index, while node returns right value. try using instead (not sure how might react on page lots of content):

var gethighestzindex = function () {     var highestzindex = 0,         zindex,         pos,         tags = document.body.getelementsbytagname('*');      (var c = 0; c < tags.length; c++) {         // original 'position' property         pos = getcomputedstyle(tags[c]).position;         // set temporarily 'relative'         tags[c].style.position = "relative";         // grab z-index         zindex = getcomputedstyle(tags[c]).zindex;         // reset 'position'         tags[c].style.position = pos;          console.log(tags[c], "zindex=", zindex);          if (zindex > highestzindex) { highestzindex = zindex; }     }      return highestzindex; };  console.log(gethighestzindex());

js fiddle demo

changing element's position temporarily might produce glitch. you'll need test on page lots of contents , elements position:absolute; or position:fixed;.


Comments

Post a Comment

Popular posts from this blog

java - Could not locate OpenAL library -

-
i writing game using slick2d library, uses lwjgl. lwjgl version 2.9.3. using netbeans 8. i tried adding sounds game, example music track on main menu. problem is, exception when run game, despite game still compiling , running except sound of course: sat mar 21 01:23:57 edt 2015 error:could not locate openal library. org.lwjgl.lwjglexception: not locate openal library. @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:102) @ org.lwjgl.openal.al.create(al.java:206) @ org.newdawn.slick.openal.soundstore$1.run(soundstore.java:295) @ java.security.accesscontroller.doprivileged(native method) @ org.newdawn.slick.openal.soundstore.init(soundstore.java:292) @ org.newdawn.slick.music.<init>(music.java:156) @ org.newdawn.slick.music.<init>(music.java:75) @ view.mainmenu.init(mainmenu.java:58) i didn't include rest of error states error happens in game code. the...
Read more

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

-
i want check scene image against 2 train images. that, detect features , compute descriptors of both training images. before detecting, computing , matching scene image, delete matches of train1 , train2. because these matches won't facilitate matching of scene image train1 , train2. so, match train1 train2 , vector of matches trainidx , queryidx. how can delete these matches in keypoints-vector , descriptor matrix of train1 , train2? best regards, dwi i have done below: std::vector<cv::keypoint> keypoints[2]; cv::mat descriptor[2]; std::vector< cv::dmatch > matches; /* write code generate keypoints, descriptors , matches here... keypoint[0] -> train image 1 keypoints keypoint[1] -> train image 2 keypoints descriptor[0] -> train image 1 descriptors descriptor[1] -> train image 2 descriptors matches -> matched between train image 1 , 2 */ // logic keep unmatched keypoints , corresponding descriptor...
Read more

sorting - opencl Bitonic sort with 64 bits keys -

-
i used nvidia sdk bitonic sort , works great me. 32 bits (uint) need ulong keys. have typically 2^14 keys @ time , power of 2. searched on not find kernel designed ulong. i tried modified nvidia sdk bitonic sort using ulong keys not work. kernel not crash after de call clenqueuendrangekernel got error : cl_invalid_command_queue can tell me how modify bitonic sort or radixsort, or can sort ulong keys? i running nvidia quadro 4000 opencl 1.1 cuda 6.5.20 full_profile used original nvidia sdk bitonicsort.cl i used"ulong" keys , value input , ouput instead of "uint" thanks helping i made work-around suit need. used 30 bits of key , 18 high bits of value sorting. changed comparators (2 lines): '#define mask 0xffffc000 // suit need from this: if( (*keya > *keyb) == dir ) this: if(((*keya > *keyb)||((*keya == *keyb)&&((*vala & mask)> (*valb & mask)))) == dir ) it works fine. but, still, it's work-a...
Read more