gistfile1.txt

YUI().use("widget", "overlay", "node", "io-form", function(Y) {    
    var overlay = new Y.Overlay({
//        width:  "10em",
//        height: "10em",
        headerContent: "",
        bodyContent: "This will be replaced",
        zIndex: 500,
        visible: false
    });
    overlay.render();

    var RestEventHandler = {
        start: function(id, args) {
        },
        complete: function(id, o, args) {
        },
        completeAndReplace: function(id, o, args) {
            var tgt = args[0];
            var p = tgt.get('parentNode');
            if ( !p ) return;
            p.set('innerHTML', o.responseText);
        },
        completeAndPopup: function(id, o, args) {
            var tgt = args[0];
            overlay.set('bodyContent', o.responseText);
            overlay.show();
        },
        failure: function(id, o, args) {
            alert("Darn: " + o.status);
        },
        abort: function(id, args) {
        }
    };

    Y.on('click', function(e) {
        var tgt = e.target;
        /* An href element with the rest-delete class */
        if ( tgt.get('tagName') === 'A' &&
            ( tgt.hasClass('rest-delete') || tgt.hasClass('rest-post') ||
              tgt.hasClass('rest-put') || tgt.hasClass('rest-get') )
        ) {
            e.halt();
            var uri  = tgt.get('href');
            var cfg = {
                headers: { 'Content-Type': 'text/html; charset=utf-8' }
            };
            if ( tgt.hasClass('rest-delete') )
                cfg.method = 'DELETE';
            else if ( tgt.hasClass('rest-post') )
                cfg.method = 'POST';
            else if ( tgt.hasClass('rest-put') )
                cfg.method = 'PUT';
            else if ( tgt.hasClass('rest-get') )
                cfg.method = 'GET';

            /* On complete, delete the parent element */
            var extra = [];
            var completeHandler = RestEventHandler.complete;
            if ( tgt.hasClass('delete-parent') ) {
            }
            else if ( tgt.hasClass('replace-parent') ) {
                extra.push('frontend-replace-parent=1');
                completeHandler = RestEventHandler.completeAndReplace;
            }
            else if ( tgt.hasClass('popup-response') ) {
                completeHandler = RestEventHandler.completeAndPopup;
                overlay.set("align", { node: tgt, points:[Y.WidgetPositionExt.TR, Y.WidgetPositionExt.TR]});
            }

            if ( uri.indexOf('?') > 0 )
                uri += '&' + extra.join('&');
            else
                uri += '?' + extra.join('&');

            Y.on('io:start',    RestEventHandler.start, this, [ tgt ]);
            Y.on('io:complete', completeHandler, this, [ tgt ]);
            Y.on('io:abort',    RestEventHandler.abort, this, [ tgt ]);
            Y.on('io:failure',  RestEventHandler.failure, this, [ tgt ]);

            var request = Y.io(uri, cfg);
        }
    }, 'body a');

    Y.on('submit', function(e) {
        var tgt = e.target;
        /* An href element with the rest-delete class */
        if ( tgt.hasClass('rest-form') ) {
            e.halt();
            var uri  = tgt.get('action');
            tgt.elements = tgt.get('elements');

            var cfg = {
                headers: { 'Content-Type': 'text/html; charset=utf-8' },
                form: { id: document.getElementById(tgt.get('id')), useDisabled: true }
            };
            cfg.method = tgt.get('method') || 'GET';
            cfg.method = cfg.method.toUpperCase();

            /* On complete, delete the parent element */
            var completeHandler = RestEventHandler.complete;
            if ( tgt.hasClass('delete-parent') ) {
            }
            else if ( tgt.hasClass('replace-target') ) {
                completeHandler = RestEventHandler.completeAndReplace;
            }
            else if ( tgt.hasClass('popup-response') ) {
                completeHandler = RestEventHandler.completeAndPopup;
                overlay.set("align", { node: tgt, points:[Y.WidgetPositionExt.TR, Y.WidgetPositionExt.TR]});
            }

            Y.on('io:start',    RestEventHandler.start, this, [ tgt ]);
            Y.on('io:complete', completeHandler, this, [ tgt ]);
            Y.on('io:abort',    RestEventHandler.abort, this, [ tgt ]);
            Y.on('io:failure',  RestEventHandler.failure, this, [ tgt ]);

            var request = Y.io(uri, cfg);
        }
    }, 'form')
});