General discussion

Locked

Javascript Z-Index manipulation...

By bgibilaro ·
I have 9 overlapping layers. I want to make whatever layer is clicked on come to the front and all other layers go back to their respective positions. This is for a navigation bar. To be more specific:

I have 9 tabs. Each one representing a different page. When I click on tab2, it should appear in front of tab 1. However, since someone might click on tab9 and then tab2, I need tab9 to go all the way back to its original position whenever another tab is selected. I was planning on doing this in javascript, however, I am open to any langugage that will get the job done. Any suggestions as to how I might accomplish this would be welcome.

This conversation is currently closed to new comments.

3 total posts (Page 1 of 1)  
| Thread display: Collapse - | Expand +

All Comments

Collapse -

Javascript Z-Index manipulation...

by fb In reply to Javascript Z-Index manipu ...

Javascript seems the easiest way to accomplish this.

So as fas as I understood, you want that when a Tab is clicked and comes to the front, the currently active get back to it original position?

For that just store the original z-Index as property of the according layer-Object just after initializing the page and you can just restored this value as needed.

Contact me if u want more information.

Collapse -

Javascript Z-Index manipulation...

by bgibilaro In reply to Javascript Z-Index manipu ...

This was exactly what I needed. Friedrich was a great help! Thanks again!

Collapse -

Javascript Z-Index manipulation...

by bgibilaro In reply to Javascript Z-Index manipu ...

This question was closed by the author

Back to Web Development Forum
3 total posts (Page 1 of 1)  

Related Discussions

Related Forums