vForums: Message Board Support - Bring element to top (z-index)

Topic Rating:	Printable View

Aiken
Full Member

Posts: 333
Status: Offline
Gender: Male
Location: In a very lonely place, the domain of despair
Age: 35
Joined:

Reputation: 12%

pm twitter skype msn yahoo xfire

Bring element to top (z-index) (11th Jan 10 at 7:27pm UTC) Resolved
Code: Select All <script> var TopZ = 101; function SetZ(WinID){ TopZ++ get(WinID,'id').style.z-index = TopZ; } </script> <script> var TopZ = 101; function SetZ(WinID){ TopZ++ get(WinID,'id').style.z-index = TopZ; } </script> I want it so every time you "open" certain elements they are brought to the top and if you have one above another if you click the lower one it will bring it to the top
Back to Top - Link to Post
vF forums: Perfect World RP BLEACH Universe - Under Construction / Testing Phase Xen Qarna RP - Stage I Vyren Entar Battle Network RP - Under Construction / Maintenance Mode Enabled ^the Final Anime Hideout

Michael
Moderator

Recoding the future
Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:

Additional Groups:
Coding Team

Reputation: 58%

pm twitter vForum

Re: Bring element to top (z-index) (11th Jan 10 at 7:35pm UTC)
Code: Select All <script> var TopZ = 101; function SetZ(WinID){ TopZ++ get(WinID,'id').style.zIndex = TopZ; } </script> <div id = 'x' onclick = "SetZ('x');" style = 'position: relative; top: 15px; left: 10px; padding: 50px; border: 1px solid #000000; background: #800000; color: #FFFFFF; width: 200px;'> RAWR! </div> <div id = 'y' onclick = "SetZ('y');" style = 'position: relative; top: -15px; left: 20px; padding: 50px; border: 1px solid #000000; background: #800000; color: #FFFFFF; width: 200px;'> RAWR2! </div> <div id = 'z' onclick = "SetZ('z');" style = 'position: relative; top: -40px; left: 30px; padding: 50px; border: 1px solid #000000; background: #800000; color: #FFFFFF; width: 200px;'> RAWR3! </div> <div id = '1' onclick = "SetZ('1');" style = 'position: relative; top: -45px; left: 40px; padding: 50px; border: 1px solid #000000; background: #800000; color: #FFFFFF; width: 200px;'> RAWR4! </div> <script> var TopZ = 101; function SetZ(WinID){ TopZ++ get(WinID,'id').style.zIndex = TopZ; } </script> <div id = 'x' onclick = "SetZ('x');" style = 'position: relative; top: 15px; left: 10px; padding: 50px; border: 1px solid #000000; background: #800000; color: #FFFFFF; width: 200px;'> RAWR! </div> <div id = 'y' onclick = "SetZ('y');" style = 'position: relative; top: -15px; left: 20px; padding: 50px; border: 1px solid #000000; background: #800000; color: #FFFFFF; width: 200px;'> RAWR2! </div> <div id = 'z' onclick = "SetZ('z');" style = 'position: relative; top: -40px; left: 30px; padding: 50px; border: 1px solid #000000; background: #800000; color: #FFFFFF; width: 200px;'> RAWR3! </div> <div id = '1' onclick = "SetZ('1');" style = 'position: relative; top: -45px; left: 40px; padding: 50px; border: 1px solid #000000; background: #800000; color: #FFFFFF; width: 200px;'> RAWR4! </div> The JS to change the Z-Index is x.style.zIndex = 'number';
Back to Top - Link to Post