[DAL]

Does anyone know of how safari uses javascript zindex property as my script works across all browsers but safari. I use a simple javascript function to increase the z value of a div layer (or decrease it) but it just sits in the same place as it was originally scripted. Id post my code but theres no point because its been checked in the following browsers so I know it to be working (Windows only - at this time I dont have access to Mac and I will get around to running a flavour or Linux when I find my ram disk).

This is a safari issue!

Tested and Confirmed working;
IE6, IE7, IE8[Beta], FF2, FF3[Beta], Opera, Netscape, Avant, Flock.

Tested and failed in;
Safari

[Vicious]

Do you mind posting your code that changes the zIndex anyway?

[DAL]

I knew someone would ask!

function SendTo(id,Send)
{
    var Element = document.getElementById(id);
    
    if(Send == "up"){
    var LayerIndex = Element.style.zIndex;
    LayerIndex++;
    }
    
    if(Send == "down"){
    var LayerIndex = Element.style.zIndex;
    LayerIndex = LayerIndex - 1; 
    }      
    
        Element.style.zIndex = LayerIndex;
} 

HTML Code:

<div id="Menu">
  <img src="bringforward.jpg" onclick="SendTo('picture1','up')" />
  <img src="sendback.jpg" onclick="SendTo('picture1','down')" />
</div>
<div id="picture1">IMG</div>
<div id="picture2">IMG</div>

<!-- CSS sets these two divs to absolute (I need absolute layering) with a size of 200x200px with border and background colour with a z-index of;
picture 1 = z-index 1
picture 2 = z-index 2
These two sit inside another absolute div layer which has a z-index of 0-->

You will notice that I use a very strange way of decreasing as far as C++ programmers are concerned "LayerIndex = LayerIndex - 1;" I needed to write it like this because the W3C validator came across "LayerIndex --;" and highlighted the "--" as a bad comment! ...go figure?!

No matter how much I click the bringforward or sendback the layering doesnt change in safari. If I click the bringforward on picture1 ten times then the z-index of this should be 11.

Thanks
Dal.

[End User]

Originally Posted by DAL

No matter how much I click the bringforward or sendback the layering doesnt change in safari. If I click the bringforward on picture1 ten times then the z-index of this should be 11.

I don't know about anyone else, but I've had loads of issues with Javascript in Safari. Some things just don't work at all, some things produce errors, and a few things actually produce incorrect answers (date handling, mostly). And this is code that works properly in every other browser on the planet as near as I can tell. I've more or less given up on trying to make a lot of javascript stuff work in Safari.

[Vicious]

have you tried this:

- alert the z-index after you changed it? Is it what you expect it to be ?
- have you tried putting z-index in the inline style of both divs. Does it work then ?