sorry for posting 3 times... don't know why this always happens... i took a look at our old function... we realized this on year ago with yui... and there we calculated the scrollposition for each item ... i thought it was a basic function of the framework
On 16 Feb., 14:40, mcologne <[email protected]> wrote: > 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- Zitierten Text ausblenden - > > - Zitierten Text anzeigen - --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
