asked on

Getting jQuery UI Dialog z-index properties

I am creating a web application that opens a number of jQuery UI dialog windows containing all kinds of content. I am looking for a way to be able to obtain the current z-index of each dialog window so that I can store it in an array - and return the user to the exact same z-index layout of the windows at another time. This works for me with x and y properties, and also width and height, but I can't seem to get z-index to work.

Values are returned by javascript - however they are not the CURRENT z-index properties of the windows after they have been shuffled/moved around and put into a different order. They are the values set at the beginning of the page being loaded - and seem to remain fixed to this.

I am using the following code inside a function/loop to try and obtain the z-index of the windows when a 'save' button is clicked - as I said, this DOES return a value, but it doesn't seem to return the current z-index order -

var sz = document.getElementById('resizable' + x).style.zIndex;

Any help from anyone gladly appreciated.

Best regards,

Andy

mrh14852

This plugin may have what you are looking for.

http://plugins.jquery.com/plugin-tags/z-index

dreamingmethods

ASKER

The LAYER MANAGER: Z-INDEX MANAGEMENT COMPONENT sounds along the right lines (is this the plugin you meant?) however there are no releases here, no links to download, and I cannot find any other mention of this plugin on the web anywhere.

ASKER CERTIFIED SOLUTION

mrh14852

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

dreamingmethods

ASKER

Absolute genius thank you - cool.

dreamingmethods

ASKER

This provided me with the code I needed to show a visual example of the problem in action - and the few lines of code I needed to adapt into my own to get my project working.