Update div after form send Mootools 1.1 to Mootools 1.4.1

Question

I have this Mootools 1.11 script that is updating div after the form is submited , form sends data to 'form.php' file and it returns a message like "form sent."

I would like to convert it to mootools 1.4.1

Mootools 1.11

    $('myform').addEvent('submit', function(e) {

        new Event(e).stop();
        var log = $('log_res').empty().addClass('ajax-loading');
        this.send({
            update: log,
            onComplete: function() {
                log.removeClass('ajax-loading');

            }
        });
    });

I hope someone help me. Thanks

Answer 1

new Event() constructor won't work. Events are now normalised automatically. just e.stop();

update: does not work outside of Request.HTML. http://mootools.net/docs/core/Request/Request.HTML - also this.send(URL); - you are better off doing:

$('myform').addEvent('submit', function (e) {
    e.stop();

    var log = $('log');

    new Request.HTML({
        url: this.get('action'),
        data: this,
        update: log,
        onRequest: function(){
            log.addClass('ajax-loading').empty();
        },
        onComplete: function(){
            log.removeClass('ajax-loading');
            // can also do:
            // log.set('html', this.response.text); 
        }
    }).send();
});

currently jsfiddle is playing up but when it comes back: http://jsfiddle.net/mFRZP/

Element helpers are all fine and lovely for quick jobs but you really want control and clarity to know what you are doing.

No need to use Request.HTML when you can use Request.