<style type="text/css" media="all">
.placeholder
{
}
</style>
<script src="http://www.google.com/jsapi"></script>
<script>
// Load jQuery
google.load("jquery", "1.2.6");
</script>
<script src="r/insum/files/static/v2Y/jquery.ui.all.js"></script>
<script>
$().ready(function() {
$(".t4ReportsRegion").css("background-color","white");
$(".t4ReportsRegion").parent().sortable(
{items: "> .t4ReportsRegion",
connectWith: [".ui-sortable"],
placeholder: "placeholder",
cursor: "move",
dropOnEmpty: true,
//Function that gets called when sorting starts.
start: function(e, ui) {
$(this).css({zIndex:"1000"});
$(".ui-sortable").css({borderStyle:"dotted"});
},
//Function that gets called when sorting has stopped.
stop: function(e, ui) {
$(".ui-sortable").css({borderStyle:"none"});
},
//Function that gets called when using connected lists, every connected list on drag start receives it.
activate: function(e, ui) {
$(this).css({borderStyle:"dotted"});
},
//Function that gets called when sorting was stopped, is propagated to all possible connected lists.
deactivate: function(e, ui) {
$(this).css({borderStyle:"none"});
}
}
);
});
</script> |
