paul/plemp-node
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Raise a draggable on click

Browse source
This commit is contained in:
Paul van Tilburg 2012-01-17 14:27:52 +01:00
parent b961536aab
commit 0b6d9c6ba0
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/javascripts/plemp-ui.js
View file

@ -17,6 +17,7 @@ $(document).ready(function() {
cancel: "audio, video",
distance: 10,
stop: update_drag_info })
.click(raise_draggable)
.hover(function() { $(this).find(".comments").fadeIn(); },
function() { $(this).find(".comments").fadeOut(); });
this.find(".delete").click({ id: this.attr("id"),
@ -73,6 +74,16 @@ function delete_draggable(event) {
}, "json");
}
// Raise the draggable to the foreground.
function raise_draggable(event) {
var max = 0;
$(".draggable").each(function() {
var cur = parseFloat($(this).css("z-index"));
max = cur > max ? cur : max;
});
$(this).css("z-index", max + 1);
}
// Update the position of a draggable on the server.
function update_drag_info(event, ui) {
$.post("draggables/" + ui.helper.context.id, ui.position, "json");