I'm still not getting very far, and based on a few emails from others that have seen this thread, they're lost too. Anyone have any more suggestions we could all try?
Thanks! On Feb 11, 10:24 am, chris <[email protected]> wrote: > Richard, > > Thanks so much! That totally makes sense, however when I try your > suggestion I only get one alert() (for the first column). I'll > continue to play around with it and if I can get it to work I'll post > my solution here. > > Chris > > On Feb 11, 6:29 am, "Richard D. Worth" <[email protected]> wrote: > > > The toArray method only returns one serialization (for the first element in > > the set) just like > > > $("div").attr("id") // returns $("div")[0].id > > > or > > > $("p").width() // same as $("p").eq(0).width() > > > This will be true of any getter method (as far as I'm aware) in jQuery and > > jQuery UI. Since you have three sortables, you'll need to call > > .sortable("toArray") or .sortable("serialize") on each one. For example > > (untested): > > > $(".column").each(function() { > > alert($(this).sortable("toArray")); > > > }); > > > - Richard > > > On Tue, Feb 10, 2009 at 8:16 PM, chris <[email protected]> wrote: > > > > Using the code provided on this page: > > > >http://ui.jquery.com/demos/sortable/#portlets > > > > How can you use sortable('serialize') or sortable('toArray') to get > > > the order of the DIVs so they can be saved? > > > > I assigned each portlet its own unique ID: > > > > <div class="column" id="col1"> > > > <div class="portlet" id="box_feeds"> > > > <div class="portlet-header">Feeds</div> > > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit</div> > > > </div> > > > > <div class="portlet" id="box_news"> > > > <div class="portlet-header">News</div> > > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit</div> > > > </div> > > > </div> > > > <div class="column" id="col2"> > > > <div class="portlet" id="box_shopping"> > > > <div class="portlet-header">Shopping</div> > > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit</div> > > > </div> > > > </div> > > > <div class="column" id="col3"> > > > <div class="portlet" id="box_links"> > > > <div class="portlet-header">Links</div> > > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit</div> > > > </div> > > > > <div class="portlet" id="box_images"> > > > <div class="portlet-header">Images</div> > > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > > consectetuer adipiscing elit</div> > > > </div> > > > </div> > > > > When I try, all I get is a list from the first column only, even > > > though all DIVs can be moved between all 3 columns. > > > > $(".column").sortable({ > > > connectWith: ['.column'], > > > stop: function() { > > > alert($(".column").sortable("toArray")); > > > } > > > }); > > > > Help! This driving me MAD! :) > > > > TIA, > > > Chris > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
