02.06.2013 Views

jQuery 1.4 Animation Techniques - Index of

jQuery 1.4 Animation Techniques - Index of

jQuery 1.4 Animation Techniques - Index of

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Fading <strong>Animation</strong>s<br />

}),<br />

remove = $("", {<br />

id: "delete",<br />

text: "Yes"<br />

}).appendTo(confirmDiv),<br />

cancel = $("", {<br />

href: "#",<br />

id: "cancel",<br />

text: "Cancel",<br />

title: "Cancel"<br />

}).appendTo(confirmDiv),<br />

deleteRow = function(e) {<br />

e.preventDefault();<br />

$(this).closest("tr").fadeTo(400, 0.5, function() {<br />

$(this).addClass("pre-delete");<br />

confirmDiv.clone().insertAfter(messages);<br />

messages.find("a").unbind();<br />

});<br />

};<br />

messages.find("a").click(deleteRow);<br />

$("#delete, #cancel").live("click", function(e) {<br />

e.preventDefault();<br />

if (this.id === "delete") {<br />

messages.find(".pre-delete").fadeTo(400, 0, function() {<br />

$(this).remove();<br />

});<br />

} else {<br />

messages.find(".pre-delete").removeClass("<br />

pre-delete").fadeTo(400, 1, function() {<br />

var el = $(this);<br />

if (el.css("filter")) {<br />

el[0].style.removeAttribute("filter");;<br />

}<br />

});<br />

}<br />

$(".confirm", messageList).remove();<br />

messages.find("a").click(deleteRow);<br />

});<br />

[ 40 ]

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!