Changeset 689 for geisa/web


Ignore:
Timestamp:
12/13/12 17:45:58 (12 years ago)
Author:
npipsl
Message:

Interface option global et comparison

Location:
geisa/web
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • geisa/web/initGeisa.jsp

    r686 r689  
    3333        <div id="tabs" class="containerTabs"></div> 
    3434 
     35        <!-- Variable cachée pour indiquée quelle option graphique est sélectionnée --> 
     36        <input type="hidden" id="graphicOptionChoice" name=""  value="contents"> 
     37 
     38 
    3539        <div id="informationContents" class="information"> This tool is to draw spectroscopic parameters in fonction of wave number. 
    3640            Please select the differents parameters to draw your own graph. 
    … …  
    110114                        <div id="drawingOptionsY1" class="drawingOptionsY1"> 
    111115                            <fieldset class="options"><legend>  <b>Drawing options :</b></legend> 
    112                             <div id="nbCourbes" class="containerInsideOptions"></div> 
    113                             <div id="scaleY1Titre" class="containerInsideOptions"></div> 
    114                             <div id="scaleY1" class="containerInsideOptions"></div> 
    115                             <!--Pour l'onglet "Database comparison"   --> 
    116                             <div style="display:none;" id="titreTypePlotY1" class="containerBeginPlot">First database</div> 
    117                             <div id="typePlotY1" class="containerInsideOptions"></div> 
    118                             <!--Pour l'onglet "Database comparison"   --> 
    119                             <div style="display:none;" id="titreTypePlotDatabase2" class="containerBeginPlot">Second database</div> 
    120                             <div style="display:none;" id="typePlotDatabase2" class="containerPlot"></div> 
     116                                <div id="nbCourbes" class="containerInsideOptions"></div> 
     117                                <div id="scaleY1Titre" class="containerInsideOptions"></div> 
     118                                <div id="scaleY1" class="containerInsideOptions"></div> 
     119                                <div id="typePlotY1Titre" class="containerInsideOptions"></div> 
     120                                <!--Pour l'onglet "Database comparison"   --> 
     121                                <div style="display:none;" id="titreTypePlotDatabase1" class="containerBeginPlot">1st database</div> 
     122                                <div id="typePlotY1" class="containerInsideOptions"></div> 
     123                                <!--Pour l'onglet "Database comparison"   --> 
     124                                <div style="display:none;" id="titreTypePlotDatabase2" class="containerBeginPlot">2nd database</div> 
     125                                <div style="display:none;" id="typePlotDatabase2" class="containerPlot"></div> 
    121126                            </fieldset> 
    122127                        </div> 
    … …  
    204209            if  ( premierCaractere  < 9 ) 
    205210            { 
    206             alert("this tool does not work for Internet Explorer versions less than 9. You can use Internet Explorer from version 9 or other browser like firefox, google chrome"); 
     211            alert("This tool does not work for Internet Explorer versions less than 9. You can use Internet Explorer from version 9 or other browser like firefox, google chrome."); 
    207212            } 
    208213 

  • geisa/web/initGeisa_script.jsp

    r686 r689  
    490490                paramDatabase2.parent = $("#database2"); 
    491491                this.selectDatabase2 = new Select( paramDatabase2 ); 
    492                 this.selectDatabase2.add( 'GEISA2011', "GEISA 2011", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeG09.class%>' ); 
    493                 this.selectDatabase2.add( 'GEISA2003', "GEISA 2003", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeG03.class%>' ); 
     492                this.selectDatabase2.add( 'GEISA2011', "GEISA 2011"); 
     493                this.selectDatabase2.add( 'GEISA2003', "GEISA 2003"); 
     494                this.selectDatabase2.add( 'HITRAN2009', "HITRAN 2009" ); 
    494495                this.selectDatabase2.selectFirst( false ); 
    495496 
    … …  
    609610                //Titre 
    610611                var titleTypeTrace = document.createTextNode("Select the type of plot"); 
    611                 document.getElementById("typePlotY1").appendChild(titleTypeTrace); 
     612                document.getElementById("typePlotY1Titre").appendChild(titleTypeTrace); 
    612613                var spaceBr = document.createElement ("br"); 
    613                 document.getElementById("typePlotY1").appendChild(spaceBr); 
     614                document.getElementById("typePlotY1Titre").appendChild(spaceBr); 
    614615                //menu déroulant 
    615616                var paramSelectTypeTraceY1 = new Object(); 
    … …  
    12711272 
    12721273 
    1273  
    1274  
    1275                 //construction de la requête Fortran 
    1276  
    1277                 var parameters = "&fortranRequest="+paramBase+" "+isotopesSelectedName+" "+rangeLower+" "+rangeUpper+" "+samplingStep+" "+intensityLower+" "+intensityUpper+" "+ 
    1278                                        meanValue+" "+nbCourbes+" "+field+" "+logScale+" "+lineType+" "+field2+" "+logScale2+" "+lineType2; 
    1279  
    1280  
    1281                 //remplacement de espace par "EEE" pour que le shell script ne voit qu'un seul argument en entrée 
    1282                 parameters=parameters.replace(/ /g,"kkk"); 
    1283                 transitionUpper=transitionUpper.replace(/ /g,"kkk"); 
    1284                 //le + est interprété comme un espace (plus sera retransformé en + dans le shell) 
    1285                 transitionUpper=transitionUpper.replace(/\+/g,"plus"); 
    1286                 transitionLower=transitionLower.replace(/ /g,"kkk"); 
    1287                 transitionLower=transitionLower.replace(/\+/g,"plus"); 
    1288  
    1289  
    12901274                //construction du nom du fichier  (exemple  GEISA2011-0_100) 
    12911275                this.nomFichier=this.selectDatabase.getValue()+"-"+$("#rangeLower").val()+"_"+$("#rangeUpper").val(); 
    1292                 //envoie de la requête au controller 
    1293                 //en cas de succes appel de la fonction "handleGeisa" 
    1294                 $.ajax( { 
    1295                             url: "project?methodName=createUserRequest&"+parameters+"&transitionUpper="+ transitionUpper+"&transitionLower="+ transitionLower+"&nbGraph="+ this.nbGraph+"&nomFichier="+this.nomFichier+"&NomRepFileOut="+this.NomRepFileOut, 
    1296                             success:jQuery.proxy( this.handleGeisa, this ) 
    1297                         } ); 
     1276 
     1277 
     1278                //Submit pour l'option graphique "Database contents" 
     1279                if ($("#graphicOptionChoice").val() == "contents" ) 
     1280                { 
     1281                    //construction de la requête Fortran 
     1282 
     1283                    var parameters = "&fortranRequest="+paramBase+" "+isotopesSelectedName+" "+rangeLower+" "+rangeUpper+" "+samplingStep+" "+intensityLower+" "+intensityUpper+" "+ 
     1284                            meanValue+" "+nbCourbes+" "+field+" "+logScale+" "+lineType+" "+field2+" "+logScale2+" "+lineType2; 
     1285 
     1286 
     1287                    //remplacement de espace par "EEE" pour que le shell script ne voit qu'un seul argument en entrée 
     1288                    parameters=parameters.replace(/ /g,"kkk"); 
     1289                    transitionUpper=transitionUpper.replace(/ /g,"kkk"); 
     1290                    //le + est interprété comme un espace (plus sera retransformé en + dans le shell) 
     1291                    transitionUpper=transitionUpper.replace(/\+/g,"plus"); 
     1292                    transitionLower=transitionLower.replace(/ /g,"kkk"); 
     1293                    transitionLower=transitionLower.replace(/\+/g,"plus"); 
     1294 
     1295                    //envoie de la requête au controller 
     1296                    //en cas de succes appel de la fonction "handleGeisa" 
     1297                    $.ajax( { 
     1298                                url: "project?methodName=createUserRequest&"+parameters+"&transitionUpper="+ transitionUpper+"&transitionLower="+ transitionLower+"&nbGraph="+ this.nbGraph+"&nomFichier="+this.nomFichier+"&NomRepFileOut="+this.NomRepFileOut, 
     1299                                success:jQuery.proxy( this.handleGeisa, this ) 
     1300                            } ); 
     1301 
     1302                } 
     1303 
     1304               //Submit pour l'option graphique "Global representation" 
     1305                if ($("#graphicOptionChoice").val() =="global" ) 
     1306                { 
     1307                 alert("global"); 
     1308                } 
     1309 
     1310                //Submit pour l'option graphique "Databases comparison" 
     1311                if ($("#graphicOptionChoice").val() =="comparison" ) 
     1312                { 
     1313                 alert("comparison"); 
     1314                } 
     1315 
    12981316            }, 
    12991317 
    … …  
    16641682            onClickDatabaseContents: function() 
    16651683            { 
     1684 
    16661685                //change la couleur des onglets 
    16671686                this.ntabContents.active(); 
    16681687                this.ntabGlobal.inactive(); 
    16691688                this.ntabComparison.inactive(); 
     1689                //rempli la valeur d'une variable cachée pour indiquée quelle option graphique est choisi par l'utilisateur au moment du submit 
     1690                $("#graphicOptionChoice").val("contents"); 
    16701691                //change le titre de la page en fonction de l'onglet cliqué 
    16711692                document.getElementById('titlePage').innerHTML = ""; 
    … …  
    16831704                document.getElementById("titreDatabase2").style.display= "none"; 
    16841705                document.getElementById("database2").style.display= "none"; 
    1685                 document.getElementById("titreTypePlotY1").style.display= "none"; 
    1686                 document.getElementById("titreTypePlotY2").style.display= "none"; 
     1706                document.getElementById("titreTypePlotDatabase1").style.display= "none"; 
     1707                document.getElementById("titreTypePlotDatabase2").style.display= "none"; 
    16871708                document.getElementById("typePlotDatabase2").style.display= "none"; 
    16881709                document.getElementById("outputDatabaseComparison").style.display= "none"; 
     1710                //modification de titre d'option 
     1711                document.getElementById('scaleY1Titre').innerHTML = ""; 
     1712                document.getElementById('scaleY1Titre').innerHTML = "Select the type of scale (if intensity is choosen)"; 
    16891713                //ProblÚme de marge avec le bord du fieldset 
    16901714                $("#database1").removeClass("containerDatabase"); 
    16911715                $("#database1").addClass("containerBeginDatabase"); 
     1716                $("#typePlotY1").removeClass("containerPlot"); 
     1717                $("#typePlotY1").addClass("containerInsideOptions"); 
     1718                //Pour que le lien show/hide advanced option  et le bloc "advanced option" fonctionnent correctement ensemble 
     1719                if( document.getElementById( "aShowHide" ).innerHTML == "Show advanced options" ) 
     1720                { 
     1721                    document.getElementById( "advancedOptions" ).style.display = "none"; 
     1722 
     1723                } 
     1724                if( document.getElementById( "aShowHide" ).innerHTML == "Hide advanced options" ) 
     1725 
     1726                { 
     1727                    document.getElementById( "advancedOptions" ).style.display = ""; 
     1728 
     1729                } 
     1730                 //modification du contenu des menus déroulants 
     1731                this.selectDatabase.clear(); 
     1732                this.selectDatabase.add( 'GEISA2011', "GEISA 2011", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeG09.class%>' ); 
     1733                this.selectDatabase.add( 'GEISAIASI2011', "GEISA-IASI 2011", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeIasiG09.class%>' ); 
     1734                this.selectDatabase.add( 'GEISA2003', "GEISA 2003", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeG03.class%>' ); 
     1735                this.selectDatabase.add( 'GEISAIASI2003', "GEISA-IASI 2003", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeIasiG03.class%>' ); 
     1736                this.selectDatabase.selectFirst(); 
     1737 
     1738                    //pour effacer le menu déroulant 
     1739                this.selectNbCourbes.clear(); 
     1740                this.selectNbCourbes.add( 'ca', "One curve for all selection", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1741                this.selectNbCourbes.add( 'cm', "Separated molecules : same graph", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1742                this.selectNbCourbes.add( 'gm', "Separated molecules : different graphs", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1743                this.selectNbCourbes.add( 'gi', "Separated isotopologues : different graphs", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1744                this.selectNbCourbes.add( 'ci', "Separated isotopologues : same graph", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1745                    //pour remettre par défaut le premier de la liste 
     1746                this.selectNbCourbes.selectFirst(); 
     1747 
     1748                this.selectTypeTraceY1.clear(); 
     1749                this.selectTypeTraceY1.add( 'l', "Lines" ); 
     1750                this.selectTypeTraceY1.add( 'p', "Dots" ); 
     1751                this.selectTypeTraceY1.add( 'i', "Peaks" ); 
     1752                this.selectTypeTraceY1.add( 'lp', "Lines and Dots" ); 
     1753                this.selectTypeTraceY1.selectFirst(); 
     1754 
    16921755            }, 
    16931756            //Action quand on clique sur l'onglet   GlobalRepresentation 
    … …  
    16981761                this.ntabContents.inactive(); 
    16991762                this.ntabComparison.inactive(); 
     1763                //rempli la valeur d'une variable cachée pour indiquée quelle option graphique est choisi par l'utilisateur au moment du submit 
     1764                $("#graphicOptionChoice").val("global"); 
    17001765                //change le titre de la page en fonction de l'onglet cliqué 
    17011766                document.getElementById('titlePage').innerHTML = ""; 
    … …  
    17101775                document.getElementById("database2").style.display= "none"; 
    17111776                document.getElementById("axeY1Gene").style.display= "none"; 
    1712                 document.getElementById("titreTypePlotY1").style.display= "none"; 
    1713                 document.getElementById("titreTypePlotY2").style.display= "none"; 
     1777                document.getElementById("titreTypePlotDatabase1").style.display= "none"; 
     1778                document.getElementById("titreTypePlotDatabase2").style.display= "none"; 
    17141779                document.getElementById("typePlotDatabase2").style.display= "none"; 
    17151780                document.getElementById("showAdvancedOptions").style.display= "none"; 
    17161781                document.getElementById("advancedOptions").style.display= "none"; 
     1782                //modification de titre d'option 
     1783                document.getElementById('scaleY1Titre').innerHTML = ""; 
     1784                document.getElementById('scaleY1Titre').innerHTML = "Select the type of scale"; 
    17171785                //ProblÚme de marge avec le bord du fieldset 
    17181786                $("#database1").removeClass("containerDatabase"); 
    17191787                $("#database1").addClass("containerBeginDatabase"); 
     1788                $("#typePlotY1").removeClass("containerPlot"); 
     1789                $("#typePlotY1").addClass("containerInsideOptions"); 
     1790                //modification du contenu des menus déroulants 
     1791                this.selectDatabase.clear(); 
     1792                this.selectDatabase.add( 'GEISA2011', "GEISA 2011", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeG09.class%>' ); 
     1793                this.selectDatabase.add( 'GEISAIASI2011', "GEISA-IASI 2011", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeIasiG09.class%>' ); 
     1794                this.selectDatabase.add( 'GEISA2003', "GEISA 2003", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeG03.class%>' ); 
     1795                this.selectDatabase.add( 'GEISAIASI2003', "GEISA-IASI 2003", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeIasiG03.class%>' ); 
     1796                this.selectDatabase.selectFirst(); 
     1797 
     1798                this.selectNbCourbes.clear(); 
     1799                this.selectNbCourbes.add( 'cm', "Separated molecules : same graph", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1800                this.selectNbCourbes.add( 'ci', "Separated isotopologues : same graph", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1801                this.selectNbCourbes.selectFirst(); 
     1802 
     1803                this.selectTypeTraceY1.clear(); 
     1804                this.selectTypeTraceY1.add( 'i', "Peaks" ); 
     1805                this.selectTypeTraceY1.add( 'l', "Lines" ); 
     1806                this.selectTypeTraceY1.add( 'p', "Dots" ); 
     1807                this.selectTypeTraceY1.add( 'lp', "Lines and Dots" ); 
     1808                this.selectTypeTraceY1.selectFirst(); 
    17201809 
    17211810            }, 
    … …  
    17271816                this.ntabGlobal.inactive(); 
    17281817                this.ntabContents.inactive(); 
     1818                //rempli la valeur d'une variable cachée pour indiquée quelle option graphique est choisi par l'utilisateur au moment du submit 
     1819                $("#graphicOptionChoice").val("comparison"); 
    17291820                //change le titre de la page en fonction de l'onglet cliqué 
    17301821                document.getElementById('titlePage').innerHTML = ""; 
    … …  
    17351826                document.getElementById("titreDatabase2").style.display= ""; 
    17361827                document.getElementById("database2").style.display= ""; 
    1737                 document.getElementById("titreTypePlotY1").style.display= ""; 
    1738                 document.getElementById("titreTypePlotY2").style.display= ""; 
     1828                document.getElementById("axeY1Gene").style.display= ""; 
     1829                document.getElementById("titreTypePlotDatabase1").style.display= ""; 
     1830                document.getElementById("titreTypePlotDatabase2").style.display= ""; 
    17391831                document.getElementById("typePlotDatabase2").style.display= ""; 
    17401832                document.getElementById("showAdvancedOptions").style.display= ""; 
    … …  
    17451837                document.getElementById("axeY2Gene").style.display= "none"; 
    17461838                document.getElementById("drawingOptionsY2").style.display= "none"; 
    1747  
     1839                //modification de titre d'option 
     1840                document.getElementById('scaleY1Titre').innerHTML = ""; 
     1841                document.getElementById('scaleY1Titre').innerHTML = "Select the type of scale (if intensity is choosen)"; 
    17481842                //ProblÚme de marge avec le bord du fieldset 
    17491843                $("#database1").removeClass("containerBeginDatabase"); 
    17501844                $("#database1").addClass("containerDatabase"); 
     1845                $("#typePlotY1").removeClass("containerInsideOptions"); 
     1846                $("#typePlotY1").addClass("containerPlot"); 
     1847 
     1848                //Pour que le lien show/hide advanced option  et le bloc "advanced option" fonctionnent correctement ensemble 
     1849                if( document.getElementById( "aShowHide" ).innerHTML == "Show advanced options" ) 
     1850 
     1851                { 
     1852                    document.getElementById( "advancedOptions" ).style.display = "none"; 
     1853                } 
     1854                if( document.getElementById( "aShowHide" ).innerHTML == "Hide advanced options" ) 
     1855 
     1856                { 
     1857                    document.getElementById( "advancedOptions" ).style.display = ""; 
     1858                } 
     1859                //modification du contenu des menus déroulants 
     1860                this.selectDatabase.clear(); 
     1861                this.selectDatabase.add( 'GEISA2011', "GEISA 2011", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeG09.class%>' ); 
     1862                this.selectDatabase.add( 'GEISA2003', "GEISA 2003", jQuery.proxy(this.onClickSelectDatabase, this), '<%=IsotopeG03.class%>' ); 
     1863                this.selectDatabase.selectFirst(); 
     1864 
     1865                this.selectNbCourbes.clear(); 
     1866                this.selectNbCourbes.add( 'ca', "One curve for all selection", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1867                this.selectNbCourbes.add( 'gm', "Separated molecules : different graphs", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1868                this.selectNbCourbes.add( 'gi', "Separated isotopologues : different graphs", jQuery.proxy(this.onClickSelectNbCourbes, this ) ); 
     1869                this.selectNbCourbes.selectFirst(); 
     1870 
     1871                this.selectTypeTraceY1.clear(); 
     1872                this.selectTypeTraceY1.add( 'l', "Lines" ); 
     1873                this.selectTypeTraceY1.add( 'p', "Dots" ); 
     1874                this.selectTypeTraceY1.add( 'i', "Peaks" ); 
     1875                this.selectTypeTraceY1.add( 'lp', "Lines and Dots" ); 
     1876                this.selectTypeTraceY1.selectFirst(); 
    17511877            }, 
    17521878 
Note: See TracChangeset for help on using the changeset viewer.