source: tapas/web/init_script.jsp @ 399

<script type="text/javascript">
    var InterfaceInit = Class.create( {

        initialize: function()
        {
            /** *********** CONTAINERS *********** **/
            this.containerForm = $( "#formulaire" );

            this.createForm();

        },

        // CREATES ********************************************************
        createForm: function()
        {
            // Create button elements
            this.input1 = $( document.createElement( "input" ) );
            var input2 = $( document.createElement( "input" ) );

            this.input1.attr( {id:"1"} );
            this.containerForm.append( this.input1 );

            input2.attr( {id:"2"} );
            this.containerForm.append( input2 );

            var submitButton = new Button( {value:initTexts["label.submitButton"], parent:this.containerForm, id:"button_submit", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickSubmit, this )} );

        },

        // REQUESTS ********************************************************
        requestCreateXML: function()
        {
            var bob = new Object();
            bob.input1 = "eee";
            bob.input2 = "rr";
            var jsonBob = $.toJSON( bob );

            var jsonFormXml = this.serializeFormXMLToJson();
            if( jsonFormXml )
                $.ajax( {
                    url: "project?methodName=createUserRequest&jsonFormXml=" + jsonBob + "&jsonTapas=" + jsonFormXml,
                    success:jQuery.proxy( this.handleCreateXML, this )
                } );
        },

        // HANDLES ******************************************************** = retours ajax
        handleCreateXML: function( result )
        {
            var bob = jQuery.parseJSON( result ).result;
            alert( bob );
        },


        // EVENTS ********************************************************
        onClickSubmit: function()
        {
            this.requestCreateXML();
        },

        // OTHERS ********************************************************
        serializeFormXMLToJson: function()
        {
            var formXML = new Array();
            var requestXML = new Object();

            var preference = new Object();
            preference.format = $( "#1" ).val();
            preference.rayleigh_extinction = $( "#2" ).val();
            preference.h2o_extinction = "h2o_extinction";
            preference.o3_extinction = "o3_extinction";
            preference.o2_extinction = "o2_extinction";
            preference.co2_extinction = "co2_extinction";

            var observation = new Object();
            observation.date = "2012-02-24";

            requestXML.preference = preference;
            requestXML.observation = observation;
            requestXML.atmosphere = "atmosphereZZZZ";

            formXML[0] = requestXML;

            return $.toJSON( formXML );
        }

    } );


</script>