Hello in sort, I trying to find a way to control the z-index of all elements in the dom by node depth from a starting number...
the long version: What I'm wanting to do is to set the z-index of everything in the dom by node depth from a starting number... the thing I'm really doing is trying to use a flash that is placed by jquery in a div as the background with the rest of the html elements above so I may have a flash background and flash over flash when place via jquery... I was thinking that I would need to set the z-index of everything in order to do this... I was thinking lol... not sure... I'm open to ideas... but I would like to still know how to jquery the z-index of elements based off a list of and's or's not's....
I was thinking it'd run like this
have a "list" of and's or's & not's elements
based on that add the css z-index based on nodedepth and starting number
What I'm thinking is that this would be the result
from
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
>
<head>
</head>
<body>
<div>
<div>
<ul>
<li></li>
</ul>
<p></p>
</div>
</div>
</body>
</html>
to
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
>
<head>
</head>
<body style="z-index:50;">
<div style="z-index:51;">
<div style="z-index:52;">
<ul style="z-index:52;">
<li class="Z-ignore"></li>
</ul>
<p style="z-index:51;"></p>
</div>
</div>
</body>
</html>
This is all I have so far... It's way wrong but may-be it'll help show what I'm tring to do here:
var $BaseLEVEL = 50;
var $nodalDEPTH = $BaseLEVEL + *find $(this).node depth*
$("^\*").not( "[href='#'], [rel!=''], #shadowbox_nav_close, [target='_blank']").css("z
-index:$no
dalDEPTH")
thanks for the help
jeremyBass
Start Free Trial
