Hi Walter,
Thank you for responding; this work-around works for ULs, but not for
nested divs. Do you know what to do in that case? Give this a try:
<html>
<head>
<style>
.item { padding:10px;border:1px solid black;background-color:#ACE; }
.list { padding:10px;padding-left:20px; }
.null { min-height:0px; height: 0px; background-color:#FFF;}
</style>
</head>
<body>
<div id="monkey">
<div class="item">Item 1<div class="list"><div class="null"></
div><div class="item">Item 2<div class="list"><div class="null"></
div></div></div></div></div>
<div class="item">Item 3<div class="list"><div class="null"></div></
div></div>
<div class="item">Item 4<div class="list"><div class="null"></div></
div></div>
</div>
<script>
Sortable.create("monkey", {tag:"div", only:["item"], treetag:"div",
tree:true});
</script>
</body>
</html>
-- alawi
On Mar 2, 12:09 pm, Walter Lee Davis <[EMAIL PROTECTED]> wrote:
> In CSS, give the UL a min-height or (for IE only) height property, and
> that will open it up just enough to allow content to be dropped in it.
> Point in fact, it is still droppable, but it has a height of 0, so it's
> just functionally impossible to get it to open up and say "aaaahhhh".
>
> Walter
>
> On Mar 1, 2007, at 11:21 PM, alawi wrote:
>
>
>
> > I have a sortable nested list (with Sortable.tree) and it's beautiful;
> > my only problem is that if a node doesn't have any children, there is
> > no way to give it a child. That is, if i drag a node, i can't make it
> > a child of a leaf node. This is bad because you can't undo some
> > actions (if a node has only one child, dragging that child out is
> > irreversible).
>
> > One thing that has worked (albeit inconsistently) is to give every
> > node an invisible (display:none) sub-node:
>
> > <ol id="monkey">
> > <li> hello there!
> > <ul style="padding:2px"><li style="display:none"></li>
> > <li> this is amazing<ul style="padding:2px"><li
> > style="display:none"></li></ul></li>
> > </ul>
> > </li>
> > <li> hello there!
> > <ul style="padding:2px">
> > <li style="display:none"></li>
> > <li> hello there!<ul style="padding:2px"><li
> > style="display:none"></li></ul></li>
> > </ul>
> > </li>
> > </ol>
> > <script>
> > Sortable.create("monkey", {tree:true});
> > </script>
>
> > However, making the null nodes visible and not sortable (using "only")
> > has not worked (i.e., when a node only has a non-sortable child, it
> > won't receive any sortable children).
>
> > Unfortunately, I haven't been able to get this trick to work with
> > nested divs:
>
> > <style>
> > .item { padding:10px;border:1px solid black;background-color:#ACE; }
> > .list { padding:10px;padding-left:20px; }
> > .null { height:10px; background-color:#FFF;}
> > </style>
>
> > <div id="monkey">
> > <div class="item">Item 1<div class="list"><div class="null"></
> > div><div class="item">Item 2<div class="list"><div class="null"></
> > div></div></div></div></div>
> > <div class="item">Item 3<div class="list"><div class="null"></div></
> > div></div>
> > <div class="item">Item 4<div class="list"><div class="null"></div></
> > div></div>
> > </div>
> > <script>
> > Sortable.create("monkey", {tag:"div", only:["item","null"],
> > treetag:"div", tree:true});
> > </script>
>
> > This doesn't work if you change the style of the null elements to make
> > them invisible:
>
> > .null { display:none; }
>
> > or if you remove "null" from the only list.
>
> > Any work-arounds?
> > -- alawi
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
