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

• TABLE Demo
• Double Row TABLE Demo
• TABLE Multiple Actions Demo

DIV Demo

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

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>