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> |
---|