Hello,
i'm playing around with some sortables that are connected to one
another and a draggable, see my example:
<style type="text/css">
#sortableEvent { list-style-type: none; margin: 0; padding: 0;
float: left; }
#themenListe, .connectedSortable { list-style-type: none; margin:
0; padding: 0; float: left; }
#themenListe div, .connectedSortable div { width: 100%; }
.possibleTheme {height:60px;}
.connectedSortable { list-style-type: none; margin: 0; padding: 0;
width: 100%; }
div .notDraggable { height:60px; }
div .first { height:45px;}
.dragHandle {
MARGIN-TOP: -1px;
PADDING-LEFT: 1px;
FONT: bold 70% Verdana,Sans-serif;
OVERFLOW: hidden;
WHITE-SPACE: nowrap;
TEXT-ALIGN: left;
height:15px;
width:100%;
float: left;
}
</style>
<script type="text/javascript">
$(function() {
$(".demo").disableSelection();
$(".sortableEvent").sortable({
placeholder: 'ui-state-highlight',
forcePlaceholderSize: true,
appendTo: 'body',
tolerance: 'intersect',
handle: '.dragHandle'
});
$(".draggableBreak").draggable({
connectToSortable: '.connectedSortable',
helper: 'clone'
});
$(".connectedSortable").sortable({
placeholder: 'ui-state-highlight',
forcePlaceholderSize: true ,
items:'div:not(.first)',
cancel: 'div.notDraggable',
appendTo: 'body',
tolerance: 'pointer',
connectWith: '.connectedSortable'
}).disableSelection();
});
</script>
<div class="demo" style="width:500px;">
<div style="float:right; width:150px;">
<div id="breaks">
<div class="draggableBreak ui-state-highlight" >15min
Break</div>
</div>
<br/>
<div id="themenListe" class="sortableEvent" style="width:
150px;">
<div class="ui-state-default possibleTheme">
<div class="ui-state-default dragHandle" style="border-
bottom: 1px solid #D3D3D3;">Master1</div>
<div class="connectedSortable">
<div class="ui-state-default notDraggable first">Item
1.1</div>
</div>
</div>
<div class="ui-state-default possibleTheme">
<div class="ui-state-default dragHandle" style="border-
bottom: 1px solid #D3D3D3;">Master2</div>
<div class="connectedSortable">
<div class="ui-state-default notDraggable first">Item
2.1</div>
</div>
</div>
<div class="ui-state-default possibleTheme">
<div class="ui-state-default dragHandle" style="border-
bottom: 1px solid #D3D3D3;">Master3</div>
<div class="connectedSortable">
<div class="ui-state-default notDraggable first">Item
3.1</div>
</div>
</div>
</div>
</div>
</div>
When i drag the "15min Break" to one of the sortables i sometimes get
an error in jquery-1.3.2.js at line 4175: this[0].ownerDocument is
null
I don't know where i'm doing wrong, so i'm thankfully for all help i
can get.
Thanks in advance, Dirk
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" 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/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
