I have two sortable lists, one after the other. I can drag from the first
to the second but not from the second to the first. The behavior is
consistent if n > 2. For example, I can drag from 1 to 2, 3 or 4 from 2 to
3 or 4 and from 3 to 4, but not in the reverse order: I can''t drag
from the
4th list to anything (besides itself). From the third list I can drag only
to itself and 4.
My page source looks like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
xml:lang="en">
<head>
<title>show</title>
<link href="/stylesheets/default.css" media="screen"
rel="Stylesheet"
type="text/css" />
<script src="/javascripts/prototype.js"
type="text/javascript"></script>
<script src="/javascripts/effects.js"
type="text/javascript"></script>
<script src="/javascripts/dragdrop.js"
type="text/javascript"></script>
<script src="/javascripts/controls.js"
type="text/javascript"></script>
</head>
<body>
<div id="content">
Larry
<ul class=''sortable-list''
id=''task-list101'' >
<li id="item_109">
another test
</li>
<li id="item_106">
Fix drop down problem
</li>
<li id="item_110">
This is a new task
</li>
</ul>
<script type="text/javascript">
//<![CDATA[
Sortable.create(''task-list101'', {constraint:false,
containment:[''task-list101'',''task-list102''],
onUpdate:function(){new
Ajax.Request(''/tasklist/noop/101'', {asynchronous:true,
evalScripts:true,
parameters:Sortable.serialize(''task-list101'')})}})
//]]>
</script>
Pat
<ul class=''sortable-list''
id=''task-list102'' >
<li id="item_115">
Test X
</li>
<li id="item_116">
Test Y
</li>
</ul>
<script type="text/javascript">
//<![CDATA[
Sortable.create(''task-list102'', {constraint:false,
containment:[''task-list101'',''task-list102''],
onUpdate:function(){new
Ajax.Request(''/tasklist/noop/101'', {asynchronous:true,
evalScripts:true,
parameters:Sortable.serialize(''task-list102'')})}})
//]]>
</script>
</div>
</body>
</html>
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
I should have mentioned the behavior is consistent on ie6 and firefox under windows.> > > >_______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
Possible Larry White bug when you call Sortable.create on first time the element "task-list102" not exists call both Sortable.create after your HTML. On Thu, 2006-03-30 at 15:31 -0500, Larry White wrote:> I have two sortable lists, one after the other. I can drag from the > first to the second but not from the second to the first. The > behavior is consistent if n > 2. For example, I can drag from 1 to 2, > 3 or 4 from 2 to 3 or 4 and from 3 to 4, but not in the reverse order: > I can''t drag from the 4th list to anything (besides itself). From the > third list I can drag only to itself and 4. > > My page source looks like this: > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> > <head> > <title>show</title> > <link href="/stylesheets/default.css" media="screen" > rel="Stylesheet" type="text/css" /> > > <script src="/javascripts/prototype.js" > type="text/javascript"></script> > <script src="/javascripts/effects.js" > type="text/javascript"></script> > <script src="/javascripts/dragdrop.js" > type="text/javascript"></script> > <script src="/javascripts/controls.js" > type="text/javascript"></script> > </head> > > <body> > > <div id="content"> > Larry > <ul class=''sortable-list'' id=''task-list101'' > > > <li id="item_109"> > another test > </li> > > <li id="item_106"> > Fix drop down problem > </li> > > <li id="item_110"> > This is a new task > </li> > > </ul> > > <script type="text/javascript"> > //<![CDATA[ > Sortable.create(''task-list101'', {constraint:false, > containment:[''task-list101'',''task-list102''], onUpdate:function(){new > Ajax.Request(''/tasklist/noop/101'', {asynchronous:true, > evalScripts:true, parameters:Sortable.serialize(''task-list101'')})}}) > //]]> > </script> > > Pat > <ul class=''sortable-list'' id=''task-list102'' > > <li id="item_115"> > Test X > </li> > > <li id="item_116"> > Test Y > </li> > </ul> > > <script type="text/javascript"> > //<![CDATA[ > Sortable.create(''task-list102'', {constraint:false, > containment:[''task-list101'',''task-list102''], onUpdate:function(){new > Ajax.Request(''/tasklist/noop/101'', {asynchronous:true, > evalScripts:true, parameters:Sortable.serialize(''task-list102'')})}}) > //]]> > </script> > > > </div> > </body> > </html> > > _______________________________________________ > Rails-spinoffs mailing list > Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
Hi, thanks. You''re absolutely right. I don''t know what i was thinking :( Works fine now. On 3/30/06, Claudio Gamboa <gamboa-Gfo+GL0gMlAAvxtiuMwx3w@public.gmane.org> wrote:> > Possible Larry White bug > > when you call Sortable.create on first time the element "task-list102" > not exists > > call both Sortable.create after your HTML. > > > On Thu, 2006-03-30 at 15:31 -0500, Larry White wrote: > > I have two sortable lists, one after the other. I can drag from the > > first to the second but not from the second to the first. The > > behavior is consistent if n > 2. For example, I can drag from 1 to 2, > > 3 or 4 from 2 to 3 or 4 and from 3 to 4, but not in the reverse order: > > I can''t drag from the 4th list to anything (besides itself). From the > > third list I can drag only to itself and 4. > > > > My page source looks like this: > > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > > <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> > > <head> > > <title>show</title> > > <link href="/stylesheets/default.css" media="screen" > > rel="Stylesheet" type="text/css" /> > > > > <script src="/javascripts/prototype.js" > > type="text/javascript"></script> > > <script src="/javascripts/effects.js" > > type="text/javascript"></script> > > <script src="/javascripts/dragdrop.js" > > type="text/javascript"></script> > > <script src="/javascripts/controls.js" > > type="text/javascript"></script> > > </head> > > > > <body> > > > > <div id="content"> > > Larry > > <ul class=''sortable-list'' id=''task-list101'' > > > > > <li id="item_109"> > > another test > > </li> > > > > <li id="item_106"> > > Fix drop down problem > > </li> > > > > <li id="item_110"> > > This is a new task > > </li> > > > > </ul> > > > > <script type="text/javascript"> > > //<![CDATA[ > > Sortable.create(''task-list101'', {constraint:false, > > containment:[''task-list101'',''task-list102''], onUpdate:function(){new > > Ajax.Request(''/tasklist/noop/101'', {asynchronous:true, > > evalScripts:true, parameters:Sortable.serialize(''task-list101'')})}}) > > //]]> > > </script> > > > > Pat > > <ul class=''sortable-list'' id=''task-list102'' > > > <li id="item_115"> > > Test X > > </li> > > > > <li id="item_116"> > > Test Y > > </li> > > </ul> > > > > <script type="text/javascript"> > > //<![CDATA[ > > Sortable.create(''task-list102'', {constraint:false, > > containment:[''task-list101'',''task-list102''], onUpdate:function(){new > > Ajax.Request(''/tasklist/noop/101'', {asynchronous:true, > > evalScripts:true, parameters:Sortable.serialize(''task-list102'')})}}) > > //]]> > > </script> > > > > > > </div> > > </body> > > </html> > > > > _______________________________________________ > > Rails-spinoffs mailing list > > Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org > > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs > > _______________________________________________ > Rails-spinoffs mailing list > Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs >_______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs