[jQuery] Re: jQuery UI Portlets & Cookies

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>