ok, here is the code... its only a dummy, but it works... that means
it works not as i need it...
i want to sort the left coumn in the right column, and for the last
items i want to sort them with the scrolling enabled...
this scrolling doesn't work, if i drag the last items over the bottom
from column right, nothing happens...
#########################################
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Draggable + Sortable</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></
script>
<script type="text/javascript" src="../../ui/ui.sortable.js"></
script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
.demo {
width:200px;
float:left
}
.demo ul { list-style-type: none; margin: 0; padding: 0; margin-
bottom: 10px;}
.demo li { margin: 5px; padding: 5px; width: 150px; }
.demotarget {
overflow: scroll;
overflow-x: hidden;
height: 250px;
position:relative;
width:200px;
background-color:#E8E8E8;
float:left;
}
.draggable{
border:1px solid black;
padding:10px;
width:150px;
}
</style>
<script type="text/javascript">
$(function() {
$("#sortable").sortable({
revert: true
});
$(".draggable").draggable({
connectToSortable: '#sortable',
helper: 'original',
revert: 'invalid',
scroll:true
})
});
</script>
</head>
<body>
<!--left column-->
<div class="demo">
<div id="" class="draggable">Item 1</div>
<div id="" class="draggable">Item 2</div>
<div id="" class="draggable">Item 3</div>
<div id="" class="draggable">Item 4</div>
<div id="" class="draggable">Item 5</div>
<div id="" class="draggable">Item 6</div>
<div id="" class="draggable">Item 7</div>
<div id="" class="draggable">Item 8</div>
<div id="" class="draggable">Item 9</div>
<div id="" class="draggable">Item 10</div>
</div>
<!--right column-->
<div class="demotarget" id="sortable">
</div>
</body>
</html>
##############################
On 16 Feb., 13:49, "Richard D. Worth" <[email protected]> wrote:
> Can you share a sample page or a code sample
> (http://paste.pocoo.org/orhttp://jsbin.com/) so we can see what you're
> describing? Thanks.
>
> - Richard
>
> On Mon, Feb 16, 2009 at 6:39 AM, mcologne <[email protected]> wrote:
>
> > hi,
>
> > i search for a solution for dragging into a scrolling div. the div is
> > set to overflow: scroll and the scroll option of draggable is set to
> > true.
>
> > if i now drag an item into the bottom area of my scrollable div...
> > nothing happens... i cant't position my item in the hidden area, which
> > i should reach when the scrolling would be enabled at that time.
>
> > if i drag at the bottom of the window, the document scrollbar
> > appears...
>
> > but i want the scroll function on MY div, not on THE BODY...
>
> > anybody an idea how to realise this?
>
> > best regards m
> > cologne
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
