source: ether_iasi/web/initGeisa.jsp @ 696

Last change on this file since 696 was 696, checked in by vmipsl, 12 years ago
File size: 14.0 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 the 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 is to draw global representation.
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 is to compare two databases.
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 class="fieldsetGeneralTitle">Basic Options :</span></legend>
91
92                        <div id="spectralRange" class="spectralRange">
93                            <fieldset class="options"><legend><b><div id="spectralRangeTitre"></div></b></legend>
94                                <div id="spectralRangeLower" class="containerInsideOptions"></div>
95                                <div id="spectralRangeUpper" class="containerInsideOptions"></div>
96                                <div id="samplingStep" class="containerInsideOptions"></div>
97                            </fieldset>
98                        </div>
99
100                        <div id="intensity" class="intensity">
101                            <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>
102                                <div id="intensityLower" class="containerInsideOptions"></div>
103                                <div id="intensityUpper" class="containerInsideOptions"></div>
104                            </fieldset>
105                        </div>
106
107                        <div id="axeY1Gene" class="axeY1Gene">
108                            <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.jpeg" height="16px" width="16px"></a>  </legend>
109                                <div id="axeY1" class="containerInsideOptions"></div>
110                            </fieldset>
111                        </div>
112
113                        <div id="drawingOptionsY1" class="drawingOptionsY1">
114                            <fieldset class="options"><legend>  <b>Drawing options :</b></legend>
115                                <div id="nbCourbes" class="containerInsideOptions"></div>
116                                <div id="scaleY1Titre" class="containerInsideOptions"></div>
117                                <div id="scaleY1" class="containerInsideOptions"></div>
118                                <div id="typePlotY1Titre" class="containerInsideOptions"></div>
119                                <!--Pour l'onglet "Database comparison"   -->
120                                <div style="display:none;" id="titreTypePlotDatabase1" class="containerBeginPlot">1st database</div>
121                                <div id="typePlotY1" class="containerInsideOptions"></div>
122                                <!--Pour l'onglet "Database comparison"   -->
123                                <div style="display:none;" id="titreTypePlotDatabase2" class="containerBeginPlot">2nd database</div>
124                                <div style="display:none;" id="typePlotDatabase2" class="containerPlot"></div>
125                            </fieldset>
126                        </div>
127                    </fieldset>
128                </div>
129
130
131                <div  id="showAdvancedOptions" class="showAdvancedOptions"></div>
132
133                <div  style="display:none;" id="advancedOptions" class="advancedOptions">
134                    <fieldset class="general"><legend><span class="fieldsetGeneralTitle">Advanced Options :</span></legend>
135                        <div id="transition" class="transition">
136                            <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.jpeg" height="16px" width="16px"></a></legend>
137                                <div id="transitionValue" class="transitionValue">
138                                    <div  id="transitionUpper" class="containerInsideOptions"></div>
139                                    <div  id="transitionLower" class="containerInsideOptions"></div>
140                                </div>
141                                <div id="transitionReset" class="transitionReset">
142                                </div>
143                            </fieldset>
144                        </div>
145
146                        <div  id="meanValue" class="meanValue">
147                            <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.jpeg" height="16px" width="16px"></a></legend>
148                                <div id="meanValue1" class="containerInsideOptions"></div>
149                            </fieldset>
150                        </div>
151
152                        <div id="axeY2Gene" class="axeY2Gene">
153                            <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.jpeg" height="16px" width="16px"></a></legend>
154                                <div id="axeY2Titre" class="containerInsideOptions"></div>
155                                <div id="axeY2" class="containerInsideOptions"></div>
156                            </fieldset>
157                        </div>
158
159                        <div id="drawingOptionsY2" class="drawingOptionsY2">
160                            <fieldset class="options"><legend>  <b>Drawing options (secondary parameter) :</b></legend>
161                                    <div id="scaleY2Titre" class="containerInsideOptions"></div>
162                                    <div id="scaleY2" class="containerInsideOptions"></div>
163                                    <div id="typePlotY2Titre" class="containerInsideOptions"></div>
164                                    <div id="typePlotY2" class="containerInsideOptions"></div>
165                            </fieldset>
166                        </div>
167                       <!--Pour l'onglet "Database comparison"   -->
168                       <div style="display:none;" id="outputDatabaseComparison" class="outputDatabaseComparison">
169                            <fieldset class="options"><legend>  <b>Database comparison output choice :</b></legend>
170                                    <div id="outputDatabaseComparisonChoice" class="containerInsideOptions"></div>
171
172                            </fieldset>
173                        </div>
174                    </fieldset>
175                </div>
176
177
178            <div id="boutonSubmit" class="boutonSubmit"></div>
179            <!-- image d'attente -->
180            <div id="loading" class="loading"></div>
181            <!-- <div id="boutonTemp"></div> -->
182
183
184        </div>
185
186
187
188
189
190
191
192        <div id="graphique">
193            <!-- <img id="logotapas" src="resources/images/logo_tapas.jpg" width="80px" alt='logo.tapas.alt' title='logo.tapas.alt'/> -->
194        </div>
195
196        <script type="text/javascript">
197            //tester le navigateur
198            var ua = navigator.userAgent,
199                    index,
200                    navigateur,
201                    version;
202            //dans le cas d'internet explorer
203            if((index = ua.indexOf('MSIE'))>=0) {
204                version = ua.match(/MSIE ([0-9]+(?:\.[0-9]+)*)/)[1];
205                var premierCaractere = version.charAt(0);
206            }
207           // Pour les versions d'Internet Explorer < 9   l'interface ne fonctionne pas
208            if  ( premierCaractere  < 9 )
209            {
210            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            }
212
213
214
215
216            var initTexts = $A( "" );
217
218            initTexts["label.submitButton"] = '<spring:message code="label.submitButton"/>';
219            var interfaceInit = new InterfaceInit();
220
221
222
223            //            function handleOnClickSubmit(result)
224            //            {
225            //                var bob = jQuery.parseJSON( result ).resultAjax;
226            //                alert(bob);
227            //                var pathImg = jQuery.parseJSON( result ).pathImg;
228            //                alert(pathImg);
229            //                var img = $(document.createElement("img"));
230            //
231            //               //img.attr({src:pathImg, width:"200px", height:"200px"});
232            //               img.attr({src:pathImg});
233            //
234            ////<img src="zrzer" width="100px" height="100px"/>
235            //
236            //                $("#graphique").append(img);
237            //
238            //                var selectValue = getSelectValue('trace_select_id');
239            //                alert(selectValue);
240            //                            }
241
242            //            function onClickSubmit(){
243            <%----%>
244            //                $.ajax( {
245            //                            url: "project?methodName=createUserRequest&check1="+$("#chk-h2o_Bob").attr('checked')+"&check2="+$("#chk-h2o_Bob").val(),
246            //                            success:handleOnClickSubmit
247            //                        } );
248            //            }
249
250
251
252            //            var submitButton = new Button( {value:"Submit", parent:$("#boutonSubmit"), id:"button_submit_2", className: "red_button", classNameText:"red_button_text", onClick:onClickSubmit} );
253
254
255        </script>
256
257
258
259
260
261
262    </tiles:put>
263
264</tiles:insert>
Note: See TracBrowser for help on using the repository browser.