source: Ballon/out/artifacts/geisa_artifact/initGeisa.jsp @ 848

Last change on this file since 848 was 766, checked in by npipsl, 11 years ago
File size: 12.7 KB
Line 
1<%@ page contentType="text/html;charset=UTF-8" language="java" %>
2<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
3<%@ taglib prefix="tiles" uri="/WEB-INF/tlds/struts-tiles.tld" %>
4<%@ taglib prefix="ether" tagdir="/WEB-INF/tags" %>
5
6<tiles:insert page="/resources/templates/templateGeisa.jsp" flush="true">
7
8<tiles:put name="insertCss" type="string">
9    <ether:htmlCss cssFile="select"/>
10    <%-- pour créer la fenêtre pop up  --%>
11    <ether:htmlCss cssFile="jquery-ui-1.8.16.custom/jquery-ui-1.8.16.custom"/>
12</tiles:put>
13
14<tiles:put name="insertJsOrJsp" type="string">
15    <ether:htmlJsp jspFile="initGeisa_script"/>
16    <ether:htmlJs jsFile="classesForJQuery/Select"/>
17    <ether:htmlJs jsFile="classesForJQuery/Loading"/>
18    <ether:htmlJs jsFile="classesForJQuery/Tab"/>
19    <%-- pour créer la fenêtre pop up  --%>
20    <ether:htmlJs jsFile="library/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min"/>
21</tiles:put>
22
23<tiles:put name="title" type="string"><spring:message code="app.title"/> - <spring:message code="title.home"/></tiles:put>
24
25
26<%-- ****************** CONTENT ****************** --%>
27<tiles:put name="bodytitle" type="string"><spring:message code="title.home"/></tiles:put>
28
29<tiles:put name="body" type="string">
30
31<div id="titlePage" class="titlePage"></div><br>
32
33<div id="tabs" class="containerTabs"></div>
34
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
39<div id="informationContents" class="information"> This tool allows you to draw spectroscopic parameters in function of the wavenumber. Please select the parameters to draw your own graph.
40    <!--<br>
41    For further information, please download the <a href="#">user manual</a>.  -->
42</div>
43
44<div style="display:none;" id="informationGlobal" class="information"> This tool allows you to see the line positions of several molecules or isotopologues in a chosen spectral range.
45    <!--<br>
46    For further information, please download the <a href="#">user manual</a>. -->
47</div>
48
49<div style="display:none;" id="informationComparison" class="information"> This tool allows you to compare different databases content.
50    <!--<br>
51    For further information, please download the <a href="#">user manual</a>. -->
52</div>
53
54
55<div id="formulaire" class="formulaire">
56
57    <div id="inputs" class="inputs">
58        <fieldset class="general"><legend><span class="fieldsetGeneralTitle">Inputs :</span></legend>
59            <div id="database" class="database">
60                <fieldset class="options"><legend> <b>Choosing database :</b></legend>
61                    <!--Pour l'onglet "Database comparison"   -->
62                    <div style="display:none;" id="titreDatabase1" class="containerBeginDatabase">First database :</div>
63                    <div id="database1" class="containerBeginDatabase"></div>
64                    <!--Pour l'onglet "Database comparison"   -->
65                    <div style="display:none;" id="titreDatabase2" class="containerBeginDatabase">Seconde database :    </div>
66                    <div style="display:none;" id="database2" class="containerDatabase"></div>
67                </fieldset>
68            </div>
69
70            <div id="molecules" class="molecules">
71                <fieldset class="options"><legend> <b>Choosing molecules :</b></legend>
72                    <div id="BDD-GEISA2011" class="moleculesGEISA11">
73                    </div>
74                    <div style="display:none;" id="BDD-GEISAIASI2011" class="moleculesGEISA11">
75                    </div>
76                    <div style="display:none;" id="BDD-GEISA2003" class="moleculesGEISA11">
77                    </div>
78                    <div style="display:none;" id="BDD-GEISAIASI2003" class="moleculesGEISA11">
79                    </div>
80                    <div id="selectAndShow" class="selectAndShowIsotopes">
81                    </div>
82                </fieldset>
83            </div>
84        </fieldset>
85    </div>
86
87
88
89    <div id="basicOptions" class="basicOptions">
90        <fieldset class="general"><legend><span id="fieldsetGeneralTitle2" class="fieldsetGeneralTitle">Basic Options :</span></legend>
91            <div id="spectralRange" class="spectralRange">
92                <fieldset class="options"><legend><b><div id="spectralRangeTitre"></div></b></legend>
93                    <div id="spectralRangeLower" class="containerInsideOptions"></div>
94                    <div id="spectralRangeUpper" class="containerInsideOptions"></div>
95                    <div id="samplingStep" class="containerInsideOptions"></div>
96                </fieldset>
97            </div>
98
99            <div id="intensity" class="intensity">
100                <fieldset class="options"><legend><b>Choosing intensity range (0 to 1E<sup>-16</sup>cm<sup>-1</sup>/molecule.cm<sup>-2</sup>) :</b></legend>
101                    <div id="intensityLower" class="containerInsideOptions"></div>
102                    <div id="intensityUpper" class="containerInsideOptions"></div>
103                </fieldset>
104            </div>
105
106            <div id="axeY1Gene" class="axeY1Gene">
107                <fieldset class="options"><legend><b>Choosing line transition parameter :  </b><a href="#" TITLE="Selection of spectral parameter to draw (intensity, HWM ..etc.) according to wavenumbers. Note that, it’s possible to draw also the number of transitions when a bin-average greater than 0 is chosen (see advanced options). "><img src="resources/images/elements/index-or.jpeg" height="16px" width="16px"></a>  </legend>
108                    <div id="axeY1" class="containerInsideOptions"></div>
109                </fieldset>
110            </div>
111
112            <div id="drawingOptionsY1" class="drawingOptionsY1">
113                <fieldset class="options"><legend>  <b>Drawing options :</b></legend>
114                    <div id="nbCourbes" class="containerInsideOptions"></div>
115                    <div id="scaleY1Titre" class="containerInsideOptions"></div>
116                    <div id="scaleY1" class="containerInsideOptions"></div>
117                    <div id="typePlotY1Titre" class="containerInsideOptions"></div>
118                    <!--Pour l'onglet "Database comparison"   -->
119                    <div style="display:none;" id="titreTypePlotDatabase1" class="containerBeginPlotDatabase1">1st database</div>
120                    <div id="typePlotY1" class="containerInsideOptions"></div>
121                    <!--Pour l'onglet "Database comparison"   -->
122                    <div style="display:none;" id="titreTypePlotDatabase2" class="containerBeginPlotDatabase2">2nd database</div>
123                    <div style="display:none;" id="typePlotDatabase2" class="containerPlot"></div>
124                </fieldset>
125            </div>
126        </fieldset>
127    </div>
128
129
130    <div  id="showAdvancedOptions" class="showAdvancedOptions"></div>
131
132    <div  style="display:none;" id="advancedOptions" class="advancedOptions">
133        <fieldset class="general"><legend><span class="fieldsetGeneralTitle">Advanced Options :</span></legend>
134            <div id="transition" class="transition">
135                <fieldset class="options"><legend>  <b>Choosing vibrational transitions :  </b><a href="#" TITLE="Selection of an upper and/or a lower vibrational state related to one given molecule. The list of available states depends on the chosen molecule and on the spectral interval."><img src="resources/images/elements/index-or.jpeg" height="16px" width="16px"></a></legend>
136                    <div id="transitionValue" class="transitionValue">
137                        <div  id="transitionUpper" class="containerInsideOptions"></div>
138                        <div  id="transitionLower" class="containerInsideOptions"></div>
139                    </div>
140                    <div id="transitionReset" class="transitionReset">
141                    </div>
142                </fieldset>
143            </div>
144
145            <div  id="meanValue" class="meanValue">
146                <fieldset class="options"><legend> <b>Parameter mean values :  </b><a href="#" TITLE="To draw average values of the selected parameter, choose a bin-average greater than 0. The bin-average is the step according to which the averages values are calculated. "><img src="resources/images/elements/index-or.jpeg" height="16px" width="16px"></a></legend>
147                    <div id="meanValue1" class="containerInsideOptions"></div>
148                    <!--Pour l'onglet "Database comparison"   -->
149                    <div style="display:none;" id="outputChoiceTitre" class="containerInsideOptions"></div>
150                    <div style="display:none;" id="outputChoiceDifferences" class="outputChoiceDifferences"></div>
151                    <div style="display:none;" id="outputChoiceDifferencesPercentage" class="outputChoiceDifferencesPercentage"></div>
152                </fieldset>
153            </div>
154
155            <div id="axeY2Gene" class="axeY2Gene">
156                <fieldset class="options"><legend>  <b>Choosing secondary line transition parameter :  </b><a href="#" TITLE="Optional option, for drawing a secondary parameter (coupled with the primary one)."><img src="resources/images/elements/index-or.jpeg" height="16px" width="16px"></a></legend>
157                    <div id="axeY2Titre" class="containerInsideOptions"></div>
158                    <div id="axeY2" class="containerInsideOptions"></div>
159                </fieldset>
160            </div>
161
162            <div id="drawingOptionsY2" class="drawingOptionsY2">
163                <fieldset class="options"><legend>  <b>Drawing options (secondary parameter) :</b></legend>
164                    <div id="scaleY2Titre" class="containerInsideOptions"></div>
165                    <div id="scaleY2" class="containerInsideOptions"></div>
166                    <div id="typePlotY2Titre" class="containerInsideOptions"></div>
167                    <div id="typePlotY2" class="containerInsideOptions"></div>
168                </fieldset>
169            </div>
170            <!--Pour l'onglet "Database comparison"   -->
171            <div style="display:none;" id="outputDatabaseComparison" class="outputDatabaseComparison">
172                <fieldset class="options"><legend>  <b>Database comparison output choice :</b></legend>
173                    <div id="outputDatabaseComparisonChoice" class="containerInsideOptions"></div>
174
175                </fieldset>
176            </div>
177        </fieldset>
178    </div>
179
180
181    <div id="boutonSubmit" class="boutonSubmit"></div>
182    <!-- image d'attente -->
183    <div id="loading" class="loading"></div>
184    <!-- <div id="boutonTemp"></div> -->
185
186
187</div>
188
189
190
191
192
193
194
195<div id="graphique">
196    <!-- <img id="logotapas" src="resources/images/logo_tapas.jpg" width="80px" alt='logo.tapas.alt' title='logo.tapas.alt'/> -->
197</div>
198
199<script type="text/javascript">
200    //tester le navigateur
201    var ua = navigator.userAgent,
202            index,
203            navigateur,
204            version;
205    //dans le cas d'internet explorer
206    if((index = ua.indexOf('MSIE'))>=0) {
207        version = ua.match(/MSIE ([0-9]+(?:\.[0-9]+)*)/)[1];
208        var premierCaractere = version.charAt(0);
209    }
210    // Pour les versions d'Internet Explorer < 9   l'interface ne fonctionne pas
211    if  ( premierCaractere  < 9 )
212    {
213        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.");
214    }
215
216
217
218
219    var initTexts = $A( "" );
220
221    initTexts["label.submitButton"] = '<spring:message code="label.submitButton"/>';
222    var interfaceInit = new InterfaceInit();
223
224
225
226    //            function handleOnClickSubmit(result)
227    //            {
228    //                var bob = jQuery.parseJSON( result ).resultAjax;
229    //                alert(bob);
230    //                var pathImg = jQuery.parseJSON( result ).pathImg;
231    //                alert(pathImg);
232    //                var img = $(document.createElement("img"));
233    //
234    //               //img.attr({src:pathImg, width:"200px", height:"200px"});
235    //               img.attr({src:pathImg});
236    //
237    ////<img src="zrzer" width="100px" height="100px"/>
238    //
239    //                $("#graphique").append(img);
240    //
241    //                var selectValue = getSelectValue('trace_select_id');
242    //                alert(selectValue);
243    //                            }
244
245    //            function onClickSubmit(){
246    <%----%>
247    //                $.ajax( {
248    //                            url: "project?methodName=createUserRequest&check1="+$("#chk-h2o_Bob").attr('checked')+"&check2="+$("#chk-h2o_Bob").val(),
249    //                            success:handleOnClickSubmit
250    //                        } );
251    //            }
252
253
254
255    //            var submitButton = new Button( {value:"Submit", parent:$("#boutonSubmit"), id:"button_submit_2", className: "red_button", classNameText:"red_button_text", onClick:onClickSubmit} );
256
257
258</script>
259
260
261
262
263
264
265</tiles:put>
266
267</tiles:insert>
Note: See TracBrowser for help on using the repository browser.