jQuery UI Portlets & Cookies
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>