rendered paste body<script type="text/javascript">// <![CDATA[s = new Sortables2($$('ul.item_holder'), { revert: true, onComplete: function(el) { se = s.serialize(); var jsr = new Json.Remote('{/literal}{$_config.connectors_url}{literal}element/view.php?action=reorder',{ onComplete: function(xhr) { //alert(Json.toString(xhr)); } }); jsr.setHeader('Content-type', 'application/x-www-form-urlencoded'); jsr.send(se); }});$$('.nomove').each(function(el,i) { el.removeEvent('mousedown', s.bound.start[i]);});// ]]></script><div class="category"> <div class="name">Another Category</div> <ul style="margin: 0pt;" class="item_holder" id="cat-2"> <li class="nomove" id="0">No templates for this category.</li> </ul></div><div class="category"> <div class="name">Uncategorized</div> <ul style="margin: 0pt;" class="item_holder" id="cat-0"> <li class="item" id="item-3"> <a href="index.php?a=16&id=3">Minimal Template</a> - Default minimal empty template </li> <li style="position: static; top: 245px; left: 51px;" class="item" id="item-5"> <a href="index.php?a=16&id=5">TestTemplate</a> </li> </ul></div><style>div.category { width: 100%;}div.category div.name { width: 100%; text-decoration: none; font-size: 1em; font-weight: bold; color: #000; padding: .4em 0 .4em 1em; cursor: pointer; background: #eee url(media/style/MODxLight/images/icons/downsimple.png) center left no-repeat; border-bottom: 1px solid #bbb;}div.category ul { background-color: #f8f8f8;}div.category li { background-color: #f8f8f8; margin-left: 1em; padding: .3em; border-bottom: 1px solid #ddd; cursor: pointer;}div.category li a { width: 100%; text-decoration: none;}div.category li:hover { background-color: #eee;}</style>