proposition a new component - TREE
In many modern CMS (Drupal, Wordpress) we have in admin panel TREE for management menu where you can drag + drop + sort menu elements. It would be nice to see in jQuery that widget (and then we could integrate it with language PHP or C# + database using Ajax request).
For example if we have html code:
- <div id="tree" style="cursor: move;">
<ul class="sortable">
<li class="draggable" id="recordsArray_6">
<span class="droppable" id="6">PORTABLE ELECTRONICS</span>
<ul class="sortable">
<li class="draggable" id="recordsArray_7">
<span class="droppable" id="7">MP3 PLAYERS</span>
<ul class="sortable">
<li class="draggable" id="recordsArray_8">
<span class="droppable" id="8">FLASH</span>
</li>
<li class="draggable" id="recordsArray_11">
<span class="droppable" id="11">PHP</span>
</li>
</ul>
</li>
<li class="draggable" id="recordsArray_9">
<span class="droppable" id="9">CD PLAYERS</span>
</li>
<li class="draggable" id="recordsArray_10">
<span class="droppable" id="10">2 WAY RADIOS</span>
</li>
</ul>
</li>
</ul>
</div>
Sorting:
Working: you can sort elements with class 'sortable'. It should return sortable item id's. Example: http://hjkl3.friko.pl/index1.php
Drag and drop:
Working: you can drag elements with class 'draggable' and drop them on elements with class 'droppable'. It should return ui.draggable (to get for example id this element) and ui.droppable (to get for example id new parent element). Example: http://hjkl3.friko.pl/index2.php
Why ? Because now it is difficult to integrate html tree menu + draggable + droppable + sortable. For example I couldn't do it: http://hjkl3.friko.pl/index3.php I think it would be very useful widget.
Thx that widget we could easly integrate it with languages PHP or C#.