source: ether_2012/web/cathy/visu_cathy-script.jsp @ 319

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

        initialize: function()
        {
            // Container
            this.generalContainerResults = $( "containerResults" );
            this.generalContainerResult = $( "containerResult" );
            this.containerSelect = $( 'containerSelect' );
            this.containerCalendar = $( "containerCalendar" );
            this.containerRadio = $( 'containerRadio' );

            /** *********** LOADING *********** **/
            // Create loading object for plateforms
            var param = new Object();
            param.id = "loadingForContent";
            param.parent = this.generalContainerResults;
            this.loadingPlateforms = new Loading( param );
            this.loadingPlateforms.hide();

            /** *********** CREATE *********** **/
            this.createSelect();
            this.createRadio();
            this.createCalendar();

            /** *********** BUTTON *********** **/
            this.addPlotButton = new Button( {value:"Download", parent:this.generalContainerResults, id:"button_download", onClick:this.onClickDownload.bind( this )} );
            this.addPlotButton.enable();
        },

        // DISPLAYS ********************************************************
        createSelect: function()
        {
            var paramSelect = new Object();
            paramSelect.id = "selectStations";
            paramSelect.parent = this.containerSelect;
            this.selectStations = new Select( paramSelect );
            this.selectStations.add( "0", "station 0", this.onClickSelect.bind( this ) );
            this.selectStations.add( "1", "station 1", this.onClickSelect.bind( this ) );
            this.selectStations.add( "2", "station 2", this.onClickSelect.bind( this ) );
            this.selectStations.selectFirst();
        },

        createRadio: function()
        {
            var paramRadio = new Object();
            paramRadio.id = "radios";
            paramRadio.parent = this.containerRadio;
            this.radio = new Radio( paramRadio );
            this.radio.add( "P", "Profil", this.onClicKRadio.bind( this ) );
            this.radio.add( "C", "Column", this.onClicKRadio.bind( this ) );
        },

        createCalendar: function()
        {
            this.calendarFormat = "%Y-%m-%d %H:%i";
            this.calendarConverter = new AnyTime.Converter( { format: this.calendarFormat } );

            AnyTime.picker( "beginDate", { format: this.calendarFormat, firstDOW: 1,
                labelTitle: "Select a date", labelYear: "Select a year", labelMonth: "Select a month", labelDayOfMonth: "Select a day",
                labelHour: "Select an hour", labelMinute: "Select a minute",
                methodToCall: this.onClickDate.bindAsEventListener( this )
            } );

            this.clearCalendarButton = new Button( {value:"Clear", parent:this.containerCalendar, id:"button_clear_calendar", className:"small", onClick:this.onClickClear.bind( this )} );
        },

        // EVENTS ********************************************************
        onClickSelect: function()
        {
            this.generalContainerResult.innerHTML += this.selectStations.getName();
        },

        onClickDate: function()
        {
            this.beginDate = this.calendarConverter.parse( $( "beginDate" ).value ).getTime();
            this.generalContainerResult.innerHTML += this.beginDate;
            this.generalContainerResult.innerHTML += $( "beginDate" ).value;
        },

        onClickClear: function()
        {
            $( "beginDate" ).value = "";
            this.beginDate = false;
        },

        onClicKRadio: function()
        {
            this.generalContainerResult.innerHTML += this.radio.getName();
        },

        onClickDownload: function()
        {
            this.loadingPlateforms.display();
        }
    } );

</script>