JQuery Undoable Plugin Demo

This page shows a demo of the jquery.undoable plugin. This is plugin provides a more usable alternative to confirmation dialogs by assisting in building user interfaces which allow undoing operations.

Read the blog post introducing this plugin for more details.

Other Demos

DIV Demo

This demo shows an example of a list of comments which allow removing a comment.

This is an interesting plugin

Comment by Bugs | 12/31/2009

remove

No, it's a bit derivative. But nice try.

Comment by Derrida | 1/1/2010

remove

Writing sample data is no fun at all.

Comment by Peter Griffin | 1/2/2010

remove

The Code

$(function() {
    $('a.delete').undoable();
});

The Markup

<div class="target comment">
    <p>This is an interesting plugin</p>
    <p>Comment by Bugs | 12/31/2009</p>
    <p><a href="#1" class="delete">remove</a></p>
</div>

<div class="target comment">
    <p>No, it's a bit derivative. But nice try.</p>
    <p>Comment by Derrida | 1/1/2010</p>
    <p><a href="#2" class="delete">remove</a></p>
</div>

<div class="target comment">
    <p>Writing sample data is no fun at all.</p>
    <p>Comment by Peter Griffin | 1/2/2010</p>
    <p><a href="#3" class="delete">remove</a></p>
</div>