Changeset 519


Ignore:
Timestamp:
05/25/12 16:00:13 (12 years ago)
Author:
npipsl
Message:

Interface 25052012

Location:
geisa/web
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • geisa/web/initGeisa_script.jsp

    r514 r519  
    22 
    33 
    4 //pour cacher ou voir les isotopes d'une molecule 
    5 function visibilite( thingId ) 
    6 { 
    7     var targetElement; 
    8     targetElement = document.getElementById( thingId ); 
    9     if( targetElement.style.display == "none" ) 
    10     { 
    11         targetElement.style.display = ""; 
    12     } 
    13     else 
    14     { 
    15         targetElement.style.display = "none"; 
    16     } 
    17 } 
    18 //pour cacher ou voir tous les isotopes de toutes les molecules pour toutes les options 
    19 function visibiliteMol( nameId ) 
    20 { 
    21     var inputsdiv = document.getElementsByTagName( 'div' ); 
    22     var countdiv = inputsdiv.length; 
    23     if( document.getElementById( nameId ).value == 'View all isotopes' ) 
    24     { 
    25         for( j = 0; j < countdiv; j++ ) 
    26         { 
    27             //ouvrir que les div dont l'id contient la chaine Cache 
    28             if( inputsdiv.item( j ).id.indexOf( "Cache" ) != -1 ) 
    29             { 
    30                 inputsdiv.item( j ).style.display = ""; 
    31             }//if (inputsdiv) 
    32         }//for (j = 0) 
    33         document.getElementById( 'boutView1' ).value = 'Hide all isotopes'; 
    34         document.getElementById( 'boutView2' ).value = 'Hide all isotopes'; 
    35         return true; 
    36     }//if (document.getElementById) 
    37     if( document.getElementById( nameId ).value == 'Hide all isotopes' ) 
    38     { 
    39         for( j = 0; j < countdiv; j++ ) 
    40         { 
    41             //fermer que les div dont l'id contient la chaine Cache 
    42             if( inputsdiv.item( j ).id.indexOf( "Cache" ) != -1 ) 
    43             { 
    44                 inputsdiv.item( j ).style.display = "none"; 
    45             }//if (inputsdiv) 
    46         }//for (j = 0;) 
    47         document.getElementById( 'boutView1' ).value = 'View all isotopes'; 
    48         document.getElementById( 'boutView2' ).value = 'View all isotopes'; 
    49         return true; 
    50     }//if (document.getElementById) 
    51 }//function 
    52  
    53 //permet de selectionner tous les isotopes quand on clique sur une molecule (toutes les options sauf lst) 
    54 function cliquetout( name ) 
    55 { 
    56     var inputs = document.getElementsByTagName( 'input' ); 
    57     var count = inputs.length; 
    58     for( i = 0; i < count; i++ ) 
    59     { 
    60         input = inputs.item( i ); 
    61         if( input.type == 'checkbox' && input.id == ('chk-' + name) ) 
    62         { 
    63             input.checked = document.getElementById( name + '-all' ).checked; 
    64         } 
    65     } 
    66 } 
    674 
    685//permet de deselectionner la molecule quand on deselectionne un isotope (toutes les options sauf lst) 
    69 function decliquemol( name ) 
     6/*function decliquemol( name ) 
    707{ 
    718 
     
    8017        } 
    8118    } 
    82 } 
     19} */ 
    8320 
    8421 
     
    9532                this.containerDownload = $( "#downloadContainer" ); 
    9633 
     34                this.initializeMolecules(); 
    9735                this.createForm(); 
    9836 
    9937                var downloadButton = new Button( {value:"Download", parent:$( "#downloadContainer" ), id:"button_submit_2", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickDownload, this )} ); 
     38            }, 
     39 
     40            initializeMolecules: function() 
     41            { 
     42                this.arrayGeisa2011 = new Array(); 
     43                this.arrayGeisa2003 = new Array(); 
     44                this.arrayGeisaIasi2011 = new Array(); 
     45                this.arrayGeisaIasi2003 = new Array(); 
     46 
     47                var molecule = new Object(); 
     48                molecule.id="h2o"; 
     49                molecule.name="H<sub>2</sub>O"; 
     50                molecule.isotopesArray = ["161", "162", "171", "181", "182", "172"]; 
     51                this.arrayGeisa2011.push(molecule); 
     52                this.arrayGeisa2003.push(molecule); 
     53 
     54                var molecule = new Object(); 
     55                molecule.id="co2"; 
     56                molecule.name="CO<sub>2</sub>"; 
     57                molecule.isotopesArray = ["626", "627", "628", "636", "637", "638", "728", "828", "838"]; 
     58                this.arrayGeisa2003.push(molecule); 
     59                this.arrayGeisa2011.push(molecule); 
     60 
     61                var molecule = new Object(); 
     62                molecule.id="o3"; 
     63                molecule.name="O<sub>3</sub>"; 
     64                molecule.isotopesArray = ["666", "668", "686", "667", "676"]; 
     65                this.arrayGeisa2003.push(molecule); 
     66                this.arrayGeisa2011.push(molecule); 
     67 
     68                var molecule = new Object(); 
     69                molecule.id="n2o"; 
     70                molecule.name="N<sub>2</sub>O"; 
     71                molecule.isotopesArray = ['446', '447', '448', '456', '546']; 
     72                this.arrayGeisa2003.push(molecule); 
     73                this.arrayGeisa2011.push(molecule); 
     74 
     75                var molecule = new Object(); 
     76                molecule.id="ch3n"; 
     77                molecule.name="CH<sub>3</sub>CN"; 
     78                molecule.isotopesArray = ["isoch31", "isoch32", "is0ch33"]; 
     79                this.arrayGeisa2011.push(molecule); 
     80                this.arrayGeisa2003.push(molecule); 
     81                this.arrayGeisaIasi2011.push(molecule); 
     82                this.arrayGeisaIasi2003.push(molecule); 
     83 
     84                var molecule = new Object(); 
     85                molecule.id="co"; 
     86                molecule.name="CO"; 
     87                molecule.isotopesArray = ["26", "36", "28", "27", "38", "37"]; 
     88                this.arrayGeisa2003.push(molecule); 
     89                this.arrayGeisa2011.push(molecule); 
     90 
     91 
     92 
    10093            }, 
    10194 
     
    107100                document.getElementById("titlePage").appendChild(titlePage); 
    108101 
    109                 //create cases à cocher pour les molécules 
    110                 var bddId = document.getElementById('BDD-GEISA-IASI-11'); 
    111                 var input = document.createElement('input'); 
    112                 var inputName = 'moles'; 
    113                 var inputValue = 'ch3cn'; 
    114                 var inputId = 'ch3ch_234'; 
    115                 var inputText = '234'; 
    116  
    117                 input.type = 'checkbox'; 
    118                 bddId.appendChild(input); 
    119                 input.name = inputName; 
    120                 input.value = inputValue; 
    121                 input.id = inputId; 
    122                 input.onclick = "cliquetout('ch3cn');" 
    123  
    124                 bddId.appendChild(document.createTextNode(inputText)); 
    125  
    126                 var br = document.createElement ("br"); 
    127                bddId.appendChild(br); 
    128  
    129  
    130  
    131  
    132                 var spanCh3cn = document.createElement('span'); 
    133                 spanCh3cn.setAttribute('class','molecule'); 
    134 //                spanCh3cn.setAttribute('id','spanCh3cn'); 
    135                 bddId.appendChild(spanCh3cn); 
    136  
    137                 var aLien= document.createElement('a'); 
    138                 aLien.setAttribute('href',"javascript:visibilite('ch3cnCache');"); 
    139                 aLien.setAttribute('id','aLienId'); 
    140                 spanCh3cn.appendChild(aLien); 
    141  
    142                 var InputCh3cn= document.createElement('input'); 
    143                 InputCh3cn.setAttribute('type','checkbox'); 
    144                 InputCh3cn.setAttribute('id','ch3cn-all'); 
    145                 InputCh3cn.setAttribute('onclick',"cliquetout('ch3cn');"); 
    146                 document.getElementById('aLienId').appendChild(InputCh3cn); 
    147                 document.getElementById('aLienId').appendChild(document.createTextNode("CH3CN")); 
    148  
    149  
    150  
    151                // <td><span class="molecule"><nobr><input type=checkbox id=ch3cn-all onclick="cliquetout('ch3cn');"><B><a href="javascript:visibilite('ch3cnCache');">CH<sub>3</sub>CN</a></B></nobr></span><div class="divViolet" id="ch3cnCache" style="display:none;"><span class="isotope"><nobr>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=checkbox id=chk-ch3cn name=moles value=ch3cn_234 onclick="decliquemol('ch3cn');">234</nobr><br></span></div></td></tr> 
    152  
    153  
    154  
    155102                // Create menu deroulant  choix de la base 
    156                 //Titre 
    157                 // var titleDatabase = document.createTextNode("Choosing database :"); 
    158                 // document.getElementById("database").appendChild(titleDatabase); 
    159                 //menu déroulant 
    160103                var paramDatabase = new Object(); 
    161104                paramDatabase.id = "selectDatabase"; 
    162105                paramDatabase.parent = $("#database1"); 
    163 //                paramDatabase.callbackSelect = this.onClickAllSelect; 
    164106                this.selectDatabase = new Select( paramDatabase ); 
    165                 this.selectDatabase.add( 'GEISA-11', "GEISA 2011", this.onClickSelectDatabase ); 
    166                 this.selectDatabase.add( 'GEISA-IASI-11', "GEISA-IASI 2011", this.onClickSelectDatabase ); 
    167                 this.selectDatabase.add( 'GEISA-03', "GEISA 2003", this.onClickSelectDatabase ); 
    168                 this.selectDatabase.add( 'GEISA-IASI-03', "GEISA-IASI 2003", this.onClickSelectDatabase ); 
     107                this.selectDatabase.add( 'GEISA-11', "GEISA 2011", jQuery.proxy(this.onClickSelectDatabase, this) ); 
     108                this.selectDatabase.add( 'GEISA-IASI-11', "GEISA-IASI 2011", jQuery.proxy(this.onClickSelectDatabase, this) ); 
     109                this.selectDatabase.add( 'GEISA-03', "GEISA 2003", jQuery.proxy(this.onClickSelectDatabase, this) ); 
     110                this.selectDatabase.add( 'GEISA-IASI-03', "GEISA-IASI 2003", jQuery.proxy(this.onClickSelectDatabase, this) ); 
    169111                this.selectDatabase.selectFirst( false ); 
    170  
    171  
    172112 
    173113                //Zone texte  SpectralRange 
     
    177117                var titleSpectralRangeUpper = document.createTextNode("Upper Bound :"); 
    178118                document.getElementById("spectralRangeUpper").appendChild(titleSpectralRangeUpper); 
    179                 // var spaceBr = document.createElement ("br"); 
    180                 // document.getElementById("spectralRange").appendChild(spaceBr); 
    181119                //zone texte  SpectralRangeLower 
    182120                var inputSpectralRangeLower = $( document.createElement( "input" ) ); 
     
    191129 
    192130 
    193                 //Create menu deroulant  transition 
    194                 //Titre 
    195                 // var titleTransitionUpper = document.createTextNode("Upper Bound :"); 
    196                 // document.getElementById("transitionUpper").appendChild(titleTransitionUpper); 
    197                 //var titleTransitionLower = document.createTextNode("Lower Bound :"); 
    198                 // document.getElementById("transitionLower").appendChild(titleTransitionLower); 
    199  
    200                 // var spaceBr = document.createElement ("br"); 
    201                 // document.getElementById("transition").appendChild(spaceBr); 
    202131                // Create menu deroulant  transition upper 
    203132                var paramSelectTransitionUpper = new Object(); 
     
    217146                this.selectTransitionLower.selectFirst( false ); 
    218147 
    219  
    220  
    221  
    222148                //Zone texte Intensity 
    223149                //Titre 
     
    237163                this.containerFormIntensityUpper.append( inputIntensityUpper ); 
    238164 
    239  
    240  
    241  
    242165                //Zone text Mean Value 
    243166                //Titre 
    244167                var titleMeanValue = document.createTextNode("Step :"); 
    245168                document.getElementById("meanValue1").appendChild(titleMeanValue); 
    246                 //var spaceBr = document.createElement ("br"); 
    247                 //document.getElementById("meanValue").appendChild(spaceBr); 
    248169                //champ input 
    249170                var inputMeanValue = $( document.createElement( "input" ) ); 
    250                 inputMeanValue.attr( {id:"meanValue2",  onChange:jQuery.proxy( this.onChangeInputMeanValue, this)} ); 
     171                inputMeanValue.attr( {id:"meanValue2"} ); 
    251172                inputMeanValue.val(0); 
    252173                this.containerFormMeanValue1.append( inputMeanValue ); 
    253  
    254  
    255  
    256  
    257  
    258  
    259  
    260                 // Create menu deroulant  1 courbe avec valeurs cumulées ou  1 courbe par molecules/isotopes 
    261                 //Titre 
    262                 // var titleNbCourbes = document.createTextNode("Select the nomber of curves"); 
    263                 // document.getElementById("NbCourbes").appendChild(titleNbCourbes); 
    264                 // var spaceBr = document.createElement ("br"); 
    265                 // document.getElementById("NbCourbes").appendChild(spaceBr); 
    266                 //menu déroulant 
     174                inputMeanValue.bind( 'blur', this, jQuery.proxy( this.onBlurInputMeanValue, this )); 
     175 
     176                // Create menu deroulant  type de graphe 
    267177                var paramNbCourbes = new Object(); 
    268178                paramNbCourbes.id = "SelectNbCourbes"; 
    269179                paramNbCourbes.parent = $("#NbCourbes"); 
    270  
    271180                this.SelectNbCourbes = new Select( paramNbCourbes ); 
    272  
    273181                this.SelectNbCourbes.add( 'ca', "One curve for all selection", jQuery.proxy(this.onClickSelectNbCourbes, this )); 
    274182                this.SelectNbCourbes.add( 'cm', "One curve for each molecule selected", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     
    277185                this.SelectNbCourbes.add( 'gi', "One graphe for each isotopologue selected", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
    278186                this.SelectNbCourbes.selectFirst( false ); 
    279  
    280  
    281  
    282  
    283  
    284  
    285  
    286  
    287  
    288  
    289  
    290 //                    var arrVar= new Array("Lignes","Points","Piques","Lignes et Points"); 
    291 //                    var place_select = document.getElementById('box4'); 
    292 //                    var trace_select = document.createElement('select'); 
    293 //                    //donner un id au select 
    294 //                    //trace_select.attr( {id:"5"} ); 
    295 //                    trace_select.setAttribute("id","trace_select_id"); 
    296 // 
    297 // 
    298 // 
    299 //                    //true indique celui qui est sélectionné par défaut 
    300 //                    trace_select.options[0] = new Option(arrVar[0], '-line_type l',true); 
    301 //                    trace_select.options[1] = new Option(arrVar[1], '-line_type p',false); 
    302 //                    trace_select.options[2] = new Option(arrVar[2], '-line_type i',false); 
    303 //                    trace_select.options[3] = new Option(arrVar[3], '-line_type lp',false); 
    304 // 
    305 //                    // trace_select.options[0].selected="selected"; // choisir celui sélectionné 
    306 //                    place_select.appendChild(trace_select); 
    307  
    308                 //Create an input type dynamically. 
    309                 //var element = document.createElement("input"); 
    310  
    311                 //Assign different attributes to the element. 
    312                 // element.setAttribute("type", "button"); 
    313                 // element.setAttribute("value", "more"); 
    314                 // element.setAttribute("name", "moreo"); 
    315                 // element.setAttribute("id", "moreo1"); 
    316                 // element.setAttribute("onclick","this.onClickMoreOptions"); 
    317                 // var foo = document.getElementById("boutonMoreOptions"); 
    318  
    319                 //Append the element in page (in span). 
    320                 // foo.appendChild(element); 
    321  
    322                 // Create bouton 
    323                 // this.moreOptionsButton = new Button( {value:"More options", parent:$( "#boutonMoreOptions" ), id:"boutonMoreOptions1",name:"more", className: "small", onClick:jQuery.proxy( this.onClickMoreOptions, this )} ); 
    324                 // this.moreOptionsButton = new Button( {value:"More options", parent:$( "#boutonMoreOptions" ), id:"boutonMoreOptions1",name:"more", onClick:jQuery.proxy( this.onClickMoreOptions, this )} ); 
    325  
    326187 
    327188                // Create menu deroulant  1er choix axe des y 
     
    336197                paramSelectAxeY1.parent = $("#axeY1"); 
    337198                this.selectTraceAxeY1 = new Select( paramSelectAxeY1 ); 
    338                 this.selectTraceAxeY1.add( 'B', "Intensity", jQuery.proxy(this.onClickSelectTraceAxeY1, this ) ); 
     199                this.selectTraceAxeY1.add( 'B', "Intensity", jQuery.proxy(this.onClickSelectTraceAxeY1, this )); 
    339200                this.selectTraceAxeY1.add( 'C', "Air broadening pressure halfwidth", jQuery.proxy(this.onClickSelectTraceAxeY1, this ) ); 
    340201                this.selectTraceAxeY1.add( 'D', "Energy of the lower transition level", jQuery.proxy(this.onClickSelectTraceAxeY1, this ) ); 
     
    424285                this.selectTypeTraceY2.selectFirst( false ); 
    425286 
    426  
     287                this.createMolecules($('#BDD-GEISA-11'), this.arrayGeisa2011, "GEISA-11"); 
     288                this.createMolecules($('#BDD-GEISA-03'), this.arrayGeisa2003, "GEISA-03"); 
     289                this.createMolecules($('#BDD-GEISA-IASI-11'), this.arrayGeisaIasi2011, "GEISA-IASI-11"); 
     290                this.createMolecules($('#BDD-GEISA-IASI-03'), this.arrayGeisaIasi2003, "GEISA-IASI-03"); 
    427291 
    428292 
    429293                // var submitButton = new Button( {value:"Submit", parent:$( "#boutonSubmit" ), id:"button_submit_3", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickSubmit, this )} ); 
    430294                var submitButton = new Button( {value:"Submit", parent:$( "#boutonSubmit" ), id:"button_submit_3", className: "positive", onClick:jQuery.proxy( this.onClickSubmit, this )} ); 
    431                 var tempButton = new Button( {value:"Temp", parent:$( "#boutonTemp" ), id:"button_submit_3", className: "positive", onClick:jQuery.proxy( this.onClickTemp, this )} ); 
    432             }, 
    433  
    434  
    435             // REQUESTS ******************************************************** 
     295            }, 
     296 
     297 
     298 
     299 
     300            /** 
     301             * This method creates the case to check for the moles 
     302             * create cases à cocher pour les molécules 
     303             * @param container 
     304             * @param moleculesArray 
     305             */ 
     306            //createMolecules: function(container, moleculesArray) 
     307            createMolecules: function(container, moleculesArray, BddVersion) 
     308            { 
     309                var table = $(document.createElement("table")); 
     310                container.append(table); 
     311                var tr = $(document.createElement("tr")); 
     312                tr.attr({valign: "top"}); 
     313                table.append(tr); 
     314 
     315                $.each(moleculesArray, jQuery.proxy( function( index, moleculeElement ) 
     316                { 
     317                   // alert(index); 
     318                    if ( index > 2) 
     319                    { 
     320                        alert(index); 
     321                        var tr1 = $(document.createElement("tr")); 
     322                        table.append(tr1); 
     323                    } 
     324 
     325                    var td = $(document.createElement("td")); 
     326                    if ( index > 2) 
     327                    { 
     328                    tr1.append(td); 
     329                    } 
     330                    else 
     331                    { 
     332                    tr.append(td); 
     333                    } 
     334                    var span= $(document.createElement("span")); 
     335                    span.addClass("molecule"); 
     336                    td.append(span); 
     337 
     338                    var input = $(document.createElement("input")); 
     339                    input.attr({type:"checkbox", id:moleculeElement.id+"-all-"+BddVersion}); 
     340                    input.bind( 'click', this, jQuery.proxy( this.cliquetout, [this, moleculeElement.id, BddVersion ] )); 
     341                    span.append(input); 
     342 
     343                    var a = $(document.createElement("a")); 
     344                    a.html("<b>"+moleculeElement.name+"</b>"); 
     345                    //a.bind( 'click', this, jQuery.proxy( this.visibilite, [this, moleculeElement.id+"Cache-"] )); 
     346                    a.bind( 'click', this, jQuery.proxy( this.visibilite, [this, moleculeElement.id+"Cache-"+BddVersion] )); 
     347                    span.append(a); 
     348 
     349                    var div= $(document.createElement("div")); 
     350                    div.addClass("divViolet"); 
     351                    div.attr({id:moleculeElement.id+"Cache-"+BddVersion, style: "display:none"}); 
     352                    td.append(div); 
     353 
     354                    var spanIsotopes= $(document.createElement("span")); 
     355                    spanIsotopes.addClass("isotope"); 
     356                    spanIsotopes.attr({id:moleculeElement.id+"Isotope"+BddVersion}); 
     357                    div.append(spanIsotopes); 
     358 
     359 
     360                    this.createIsotopes($("#"+moleculeElement.id+"Isotope"+BddVersion), moleculeElement.isotopesArray, moleculeElement.id, BddVersion); 
     361                }, this) ); 
     362 
     363                // <td><span class="molecule"><nobr><input type=checkbox id=ch3cn-all onclick="cliquetout('ch3cn');"><B><a href="javascript:visibilite('ch3cnCache');">CH<sub>3</sub>CN</a></B></nobr> 
     364                // </span><div class="divViolet" id="ch3cnCache" style="display:none;"><span class="isotope"><nobr>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=checkbox id=chk-ch3cn name=moles value=ch3cn_234 onclick="decliquemol('ch3cn');">234</nobr><br></span></div></td></tr> 
     365            }, 
     366 
     367            createIsotopes: function(container, isotopesArray, moleculeElement, BddVersion ) 
     368            { 
     369 
     370 
     371                $.each(isotopesArray, function( index, isotopeElement ) 
     372                { 
     373                    container.append("&nbsp;&nbsp;&nbsp;"); 
     374                    var inputIsotopes = $(document.createElement("input")); 
     375                    inputIsotopes.attr({type:"checkbox", id:"chk-"+moleculeElement+"-"+BddVersion, name:"moles", value:moleculeElement+"_"+isotopeElement}); 
     376                    //inputIsotopes.bind( 'click', this, jQuery.proxy( this.decliquemol(moleculeElement), [this, moleculeElement.id] )); 
     377                    container.append(inputIsotopes); 
     378                    container.append(isotopeElement); 
     379                    var br = $(document.createElement("br")); 
     380                    container.append(br); 
     381 
     382                } ); 
     383            }, 
     384 
     385// REQUESTS ******************************************************** 
    436386            requestGeisa: function() 
    437387            { 
     
    542492            }, 
    543493 
    544             // HANDLES ******************************************************** = retours ajax 
     494 // HANDLES ******************************************************** = retours ajax 
    545495            handleGeisa: function( result ) 
    546496            { 
     
    559509            }, 
    560510 
    561             // EVENTS ******************************************************** 
    562  
    563  
    564             onClickSubmit: function() 
    565             { 
    566                 this.requestGeisa(); 
    567             }, 
    568  
    569             onClickSelect: function(value) 
    570             { 
    571                 alert("bob"+value); 
    572             }, 
    573  
    574             // onClickAllSelect: function() 
    575             // { 
    576             //      alert("all"); 
    577             //  }, 
    578              //affichage du bloc des molecules en fonction de la base de donnees selectionnee 
     511 // EVENTS ******************************************************** 
     512 
     513 
     514            //affichage du bloc des molecules en fonction de la base de donnees selectionnee 
    579515            onClickSelectDatabase: function(value) 
    580516            { 
     
    613549 
    614550 
    615             onChangeInputMeanValue: function() 
    616             { 
    617                 //alert("toto"); 
     551 
     552            cliquetout: function() 
     553            { 
     554                var context = this[0]; 
     555                var name = this[1]; 
     556                var bddVersion = this[2]; 
     557                var inputs = document.getElementsByTagName( 'input' ); 
     558                var count = inputs.length; 
     559                for( i = 0; i < count; i++ ) 
     560                { 
     561                    input = inputs.item( i ); 
     562                    //cliquer toutes les molécules et isotopes du meme nom dans toutes les bases 
     563                    if( input.type == 'checkbox' && ( input.id == ('chk-' + name + '-GEISA-11') || input.id == ('chk-' + name + '-GEISA-03') || input.id == ('chk-' + name + '-GEISA-IASI-11') || input.id == ('chk-' + name + '-GEISA-IASI-03') 
     564                                                   || input.id == (name + '-all-GEISA-03') || input.id == (name + '-all-GEISA-11') || input.id == (name + '-all-GEISA-IASI-03') || input.id == (name + '-all-GEISA-IASI-11'))) 
     565 
     566                    { 
     567                        input.checked = document.getElementById( name + '-all-' + bddVersion ).checked; 
     568                    } 
     569                } 
     570            }, 
     571 
     572            decliquemol : function( name ) 
     573            { 
     574 
     575                var inputs = document.getElementsByTagName( 'input' ); 
     576                var count = inputs.length; 
     577                for( i = 0; i < count; i++ ) 
     578                { 
     579                    input = inputs.item( i ); 
     580                    if( input.type == 'checkbox' && input.id == (name + '-all') && input.checked == true ) 
     581                    { 
     582                        input.checked = false; 
     583                    } 
     584                } 
     585            }, 
     586 
     587            visibilite: function(  ) 
     588            { 
     589                var context = this[0]; 
     590                var thingId = this[1]; 
     591 
     592                var targetElement; 
     593                targetElement = document.getElementById( thingId ); 
     594                if( targetElement.style.display == "none" ) 
     595                { 
     596                    targetElement.style.display = ""; 
     597                } 
     598                else 
     599                { 
     600                    targetElement.style.display = "none"; 
     601                } 
     602            }, 
     603 
     604 
     605            onBlurInputMeanValue: function() 
     606            { 
     607 
    618608                //si step est sup a 0,   ajout d'une ligne Z aux parametres Y1 et y2 
    619609                if  ($("#meanValue2").val() > 0) 
    620610                { 
    621                     alert($("#meanValue2").val()); 
    622611                    this.selectTraceAxeY1.add( 'Z', "Number of lines " ); 
    623612                    this.selectTraceAxeY2.add( 'Z', "Number of lines " ); 
    624613                } 
    625  
    626614                //si step = a 0     et autres valeurs (a faire) , retrait de la ligne Z aux parametres Y1 et y2 
    627615                if  ($("#meanValue2").val() == 0) 
     
    630618                    this.selectTraceAxeY1.remove( 'Z', "Number of lines " ); 
    631619                    this.selectTraceAxeY2.remove( 'Z', "Number of lines " ); 
    632                 } 
    633             }, 
    634  
    635             onClickSelectTraceAxeY1: function(value) 
    636             { 
    637                 //si intensite n'est pas choisi pour Y1, le type d'échelle est inactif 
    638                 if  (this.selectTraceAxeY1.getValue() != 'B') 
    639                 { 
    640                     //transformer le texte en gris 
    641                     document.getElementById("scaleY1Titre").className = "notActiveText"; 
    642                     //pour rendre le menu déroulant inactif 
    643                     this.selectScaleY1.disable(); 
    644                 } 
    645                 //si intensite est  choisi pour Y1, le type d'échelle est actif 
    646                 if  (this.selectTraceAxeY1.getValue() == 'B') 
    647                 { 
    648                     //transformer le texte en gris 
    649                     document.getElementById("scaleY1Titre").className = "activeText"; 
    650                     //pour rendre le menu déroulant inactif 
    651                     this.selectScaleY1.enable(); 
    652                 } 
    653             }, 
    654  
    655             onClickSelectTraceAxeY2: function(value) 
    656             { 
    657                 //si intensite n'est pas choisi pour Y2, le type d'échelle est inactif 
    658                 if  (this.selectTraceAxeY2.getValue() != 'B') 
    659                 { 
    660                     //transformer le texte en gris 
    661                     document.getElementById("scaleY2Titre").className = "notActiveText"; 
    662                     //pour rendre le menu déroulant inactif 
    663                     this.selectScaleY2.disable(); 
    664                 } 
    665                 //si intensite est  choisi pour Y2, le type d'échelle est actif 
    666                 if  (this.selectTraceAxeY2.getValue() == 'B') 
    667                 { 
    668                     //transformer le texte en gris 
    669                     document.getElementById("scaleY2Titre").className = "activeText"; 
    670                     //pour rendre le menu déroulant inactif 
    671                     this.selectScaleY2.enable(); 
    672620                } 
    673621            }, 
     
    684632                    document.getElementById("typePlotY2Titre").className = "notActiveText"; 
    685633                    //pour rendre le menu déroulant inactif 
    686  
    687634                    this.selectTraceAxeY2.disable(); 
    688635                    this.selectScaleY2.disable(); 
     
    695642                    //transformer le texte en gris 
    696643                    document.getElementById("axeY2Titre").className = "activeText"; 
    697                     document.getElementById("scaleY2Titre").className = "activeText"; 
     644                    //rendre actif l'echelle que si l'intensite est choisie dans les parametres 
     645                    if (this.selectTraceAxeY2.getValue() == 'B') 
     646                    { 
     647                        document.getElementById("scaleY2Titre").className = "activeText"; 
     648                    } 
    698649                    document.getElementById("typePlotY2Titre").className = "activeText"; 
     650 
    699651                    //pour rendre le menu déroulant inactif 
    700652                    this.selectTraceAxeY2.enable(); 
     653                    //rendre actif l'echelle que si l'intensite est choisie dans les parametres 
     654                    if (this.selectTraceAxeY2.getValue() == 'B') 
     655                    { 
     656                        this.selectScaleY2.enable(); 
     657                    } 
     658                    this.selectTypeTraceY2.enable(); 
     659                } 
     660            }, 
     661 
     662 
     663            onClickSelectTraceAxeY1: function(value) 
     664            { 
     665                //si intensite n'est pas choisi pour Y1, le type d'échelle est inactif 
     666                if  (this.selectTraceAxeY1.getValue() != 'B') 
     667                { 
     668                    //transformer le texte en gris 
     669                    document.getElementById("scaleY1Titre").className = "notActiveText"; 
     670                    //pour rendre le menu déroulant inactif 
     671                    this.selectScaleY1.disable(); 
     672                } 
     673                //si intensite est  choisi pour Y1, le type d'échelle est actif 
     674                if  (this.selectTraceAxeY1.getValue() == 'B') 
     675                { 
     676                    //transformer le texte en gris 
     677                    document.getElementById("scaleY1Titre").className = "activeText"; 
     678                    //pour rendre le menu déroulant inactif 
     679                    this.selectScaleY1.enable(); 
     680                } 
     681            }, 
     682 
     683            onClickSelectTraceAxeY2: function(value) 
     684            { 
     685                //si intensite n'est pas choisi pour Y2, le type d'échelle est inactif 
     686                if  (this.selectTraceAxeY2.getValue() != 'B') 
     687                { 
     688                    //transformer le texte en gris 
     689                    document.getElementById("scaleY2Titre").className = "notActiveText"; 
     690                    //pour rendre le menu déroulant inactif 
     691                    this.selectScaleY2.disable(); 
     692                } 
     693                //si intensite est  choisi pour Y2, le type d'échelle est actif 
     694                if  (this.selectTraceAxeY2.getValue() == 'B') 
     695                { 
     696                    //transformer le texte en gris 
     697                    document.getElementById("scaleY2Titre").className = "activeText"; 
     698                    //pour rendre le menu déroulant inactif 
    701699                    this.selectScaleY2.enable(); 
    702                     this.selectTypeTraceY2.enable(); 
    703                 } 
    704             }, 
    705  
    706             onClickTemp: function() 
    707             { 
    708  
    709  
    710  
    711                 //si step est sup a 0,   ajout d'une ligne Z aux parametres Y1 et y2 
    712                 if  ($("#meanValue2").val() > 0) 
    713                 { 
    714                     alert($("#meanValue2").val()); 
    715                     this.selectTraceAxeY1.add( 'Z', "Number of lines " ); 
    716                     this.selectTraceAxeY2.add( 'Z', "Number of lines " ); 
    717                 } 
    718  
    719                 //si step = a 0     et autres valeurs (a faire) , retrait de la ligne Z aux parametres Y1 et y2 
    720                 if  ($("#meanValue2").val() == 0) 
    721                 { 
    722                     //alert($("#meanValue2").val()); 
    723                     this.selectTraceAxeY1.remove( 'Z', "Number of lines " ); 
    724                     this.selectTraceAxeY2.remove( 'Z', "Number of lines " ); 
    725                 } 
    726  
    727  
    728             }, 
    729  
    730  
    731             onClickMoreOptions: function() 
    732             { 
    733                 //test sur le nom et pas sur value pour eviter le pb des carateres speciaux 
    734                 if (this.moreOptionsButton.getName() == "more") { 
    735  
    736                     document.getElementById( "axeY2" ).style.display = ""; 
    737                     document.getElementById( "scaleY2" ).style.display = ""; 
    738                     document.getElementById( "meanValue" ).style.display = ""; 
    739                     document.getElementById( "transition" ).style.display = ""; 
    740                     //document.getElementById( "NbCourbes" ).style.display = "none"; 
    741  
    742                     this.moreOptionsButton.setName ("less"); 
    743                     this.moreOptionsButton.setValue("Less options"); 
    744                 } 
    745                 else 
    746                 { 
    747                     if (this.moreOptionsButton.getName() == 'less') { 
    748                         document.getElementById( "axeY2" ).style.display = "none"; 
    749                         document.getElementById( "scaleY2" ).style.display = "none"; 
    750                         document.getElementById( "meanValue" ).style.display = "none"; 
    751                         document.getElementById( "transition" ).style.display = "none"; 
    752                         //document.getElementById( "NbCourbes" ).style.display = ""; 
    753  
    754                         this.moreOptionsButton.setName ("more"); 
    755                         this.moreOptionsButton.setValue("More options"); 
    756                     } 
    757                 } 
    758  
    759             }, 
    760  
    761             onClickDownload: function() 
    762             { 
    763                 document.location.href = "project?methodName=downloadFile&fileName=bib.txt"; 
    764  
     700                } 
     701            }, 
     702 
     703              onClickSubmit: function() 
     704            { 
     705                this.requestGeisa(); 
    765706            }, 
    766707 
     
    779720                        } ); 
    780721                $dialog.dialog( 'open' ) 
     722            }, 
     723 
     724              onClickDownload: function() 
     725            { 
     726                document.location.href = "project?methodName=downloadFile&fileName=bib.txt"; 
    781727            } 
     728 
     729 
    782730        } ); 
    783731 
  • geisa/web/resources/css/geisa.css

    r514 r519  
    77a:hover {color: red; text-decoration: none} 
    88a.clien {text-decoration: none} 
    9 .divViolet {background-color:#dbe9f2;} 
     9.divViolet {background-color:#dbe9f2; padding-right: 10px;} 
    1010fieldset {border-width: 1px; border-style: solid; border-color: #FFCC33;} 
    1111.molecule { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099 } 
Note: See TracChangeset for help on using the changeset viewer.