This plugin provides a global undo utility.
You can add undo items to the stack with:
$.undo(callback, target, message)
Where the callback function knows how to perform the actual undo-ing when executed. This will automatically display the message (or a default one created if that parameter is absent) and an “Undo” link within items matching the ‘.undo’ selector (which is customizable by setting $.undo.notice.selector. If no action is taken within 60 seconds, this message is hidden. If the “Undo” link is clicked or you manually call:
$.undo()
then the plugin will execute the callback function (passing in the target as the parameter, if a target was provided).
If you simply create an empty
To enable the use of Ctrl-z to trigger undo execution, you can call:
$.undo.supportsCtrlz(true)
By default this is disabled.
The recommended CSS for the classes involved is:
.undo { background: #FFF1A8; color: black; display: none; font-size: 85%; font-weight: bold; margin:3px 0px;; padding: 5px 15px; text-align: center; } .undo-message { text-align: center; } a.undo-execute { color: blue; padding: 0px 2px 0px 10px; } a.undo-cancel { font-size: 80%; text-decoration: none; vertical-align: center; }