Redmine

/*

File: textsave.js

Description: Initialize an onbeforeunload-Event in Redmine, if changes in a form are made, but do not ask, if we submit a form

Author: mathias.fischer@berlinonline.de

*/

var TextSave = Class.create({

    observedForms: false,

    observedElements: false,

    changedForms: false,

    initialize: function(){

        this.observedForms = $$('form');

        //Use #main to ignore the Search-Box

        this.observedElements =  $$('#main textarea','#main input','#main select');

        this.observedElements.each(this.observeChange.bind(this));

        this.observedForms.each(this.submitAction.bind(this));

        //Event.stop returns "false", so we cannot use Prototypes Event.observe() here...

        window.onbeforeunload = this.unload.bind(this);

    },

    //Stuff to do before unload, confirm-box is display if a return-value is given

    unload: function(){

        if(this.changedForms)

            return "There are unsaved changes.";

    },

    setChanged: function(){

        this.changedForms = true;

    },

    setUnchanged: function(){

        this.changedForms = false;

    },

    observeChange: function(element){

        element.observe('change',this.setChanged.bindAsEventListener(this));

    },

    submitAction: function(element){

        element.observe('submit',this.setUnchanged.bindAsEventListener(this));

    }

});

document.observe("dom:loaded", function() {

    new TextSave();

});