Im working on a fairly basic text editor webapp with the idea that you can break the text into organizable bits.

www.laserpanda.com/laserowl2/editor.html

there are two basic bricks in this system: flerps (contains text) and flerp-flerps (a container that can contain flerps or other flerp-flerps).

im using sortable to rearrange the pieces as i wish, but it is causing me some headache:

1. load page

2. create a second flerp-flerp

3. see how you can drag and drop the second flerp-flerp into the first one? Doesnt work the other way around. also a few other odd things happen for example sometimes i cant drop the second flerp below the first one if it has been above when i started dragging.

I tried to see if it would help to call this after creating a new element:

but then i only get the error:  Uncaught Error: cannot call methods on sortable prior to initialization; attempted to call method 'refresh'

thoughts??

Thanks

Gusty

[EDIT] To drag the elements around, grab the yellow or light blue bar on its top right half!