Как при клике на DIV отобразить его поверх других? [Версия для КПК]

SystemKiller

24-09-2009, 11:34

Всем доброго времени суток.
Ситуация следующая...
Имеется 5 слоёв. Пользователь может их перетаскивать в пределах определённой области.
Проблема:
при перемещении слоёв (div) они накладываются друг на друга, согласно z-index, который сохраняется в БД и имеет порядок определяемый пользователем. Как при клике на слое отобразить его поверх других не изменив при этом порядок отображения других слоёв? То есть, если к примеру у нас был следующий порядок:
слой 1 - индекс 0,
слой 2 - индекс 1,
слой 3 - индекс 2,
слой 4 - индекс 3,
слой 5 - индекс 4,
то как при клике на слое 3 получить следуещее:
слой 1 - индекс 0,
слой 2 - индекс 1,
слой 4 - индекс 2,
слой 5 - индекс 3,
слой 3 - индекс 4 ?
В jave "мёртвый", может в самом языке какая функция есть, типа "тор" или что-то в этом роде? Заранее благодарю всех откликнувшихся.

skyfish

01-10-2009, 00:41

Вам нужен document.getElementById(id).style.zIndex:

<HTML>
<HEAD>
<TITLE>Document Title</TITLE>

<script type="text/javascript">

</script>

<style type="text/css">

</style>

</HEAD>
<BODY>

<center>

<div style="position:relative;width:110px">

<div id="d1" onclick="changeZindex(this)">A</div>
<div id="d2" onclick="changeZindex(this)">B</div>
<div id="d3" onclick="changeZindex(this)">C</div>
<div id="d4" onclick="changeZindex(this)">D</div>

</div>

</center>
</BODY>
</HTML>