Hi here is something that could help:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en">
<head>
<title>test</title>
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js" type="text/javascript"></script>
</head>
<body>
<input id="autoCompleteTextField" type="text" />
<div id="autoCompleteMenu"></div>
<ul id="mySortable">
<li id="mySortable_1" style="background-color:blue;z-index:
10">test1</li>
<li id="mySortable_2" style="background-color:red;z-index:20">test2</
li>
<li id="mySortable_3" style="background-color:blue;z-index:
30">test3</li>
<li id="mySortable_4" style="background-color:red;z-index:40">test4</
li>
<li id="mySortable_5" style="background-color:blue;z-index:
50">test5</li>
</ul>
<script>
function applyZIndex(){
var ZINDEX=0;
$$('#mySortable li').each(function(_element){_element.setStyle('z-
index:'+(ZINDEX+=10))});
}
Sortable.create('mySortable',{onUpdate:function(){applyZIndex.delay
('0.02');}});
</script>
</body>
</html>
--
david
On 10 juin, 17:33, Maya <devinpar...@hotmail.com> wrote:
> I don't have much experience with this so I am having difficulty
> figuring out how to set this up as per your first suggestion:
>
> > To update the z-index after a change in the sortable, just use
> > prototype DOM function like Element.firstDescendant() [1] and
> > Element.next() [2] to update the DOM.
> > When you set the z-index property, just use Element.setStyle
> > ({zIndex:'100'}) [3].
>
> Any suggestions?
>
> Thanks so much!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
