Hello Craig,
I've done this before by building up a string e.g. box-
id1,collapsed;box-id5,not-collapsed;box-id3,collapsed|box-
id4,collapsed;box-id2,not-collapsed;box-id6,collapsed;

In the javascript do something like this http://pastebin.com/m90a2af6

Hope this helps,
Nalum

On Oct 2, 2:35 pm, craigeves <craige...@googlemail.com> wrote:
> anyone?
>
> On Oct 2, 12:08 am, craigeves <craige...@googlemail.com> wrote:
>
>
>
> > Please can someone help?
>
> > I am using the jQuery UI (sortable) Portlets code - but I want to use
> > the jQuery cookies plugin to remember the order of the portlets. I
> > don't know where to start - and searching the net for an answer only
> > brings up sortable ul and li.
>
> > Please help.
>
> > Code:
> > <script type="text/javascript">
> >         $(function() {
> >                 $(".column").sortable({
> >                         connectWith: '.column'
> >                 });
>
> >                 $(".column").disableSelection();
> >         });
> >     </script>
>
> > HTML:
> > <div class="column">
> >     <div class="portlet">
> >       <div class="portlet-header ui-state-disabled">Feeds</div>
> >       <div class="portlet-content">Lorem ipsum dolor sit amet,
> > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer
> > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing
> > elit.</div>
> >     </div>
> >     <div class="portlet">
> >       <div class="portlet-header">News</div>
> >       <div class="portlet-content">Lorem ipsum dolor sit amet,
> > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer
> > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing
> > elit.</div>
> >     </div>
> >   </div>
> >   <div class="column">
> >     <div class="portlet">
> >       <div class="portlet-header">Shopping</div>
> >       <div class="portlet-content">Lorem ipsum dolor sit amet,
> > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer
> > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing
> > elit.</div>
> >     </div>
> >   </div>
> >   <div class="column">
> >     <div class="portlet">
> >       <div class="portlet-header">Links</div>
> >       <div class="portlet-content">Lorem ipsum dolor sit amet,
> > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer
> > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing
> > elit.</div>
> >     </div>
> >     <div class="portlet">
> >       <div class="portlet-header">Images</div>
> >       <div class="portlet-content">Lorem ipsum dolor sit amet,
> > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer
> > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing
> > elit.</div>
> >     </div>
> >   </div>

Reply via email to