source: ether_ndacc/trunk/web/visus_spectro.jsp @ 113

Last change on this file since 113 was 113, checked in by rboipsl, 13 years ago

Import du projet NDACC _ module web
File size: 10.1 KB
Line 
1<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
2<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
3<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4<html><head>
5<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6
7        <link rel="stylesheet" type="text/css" href="./resources/css/etherTypo.css" />
8        <link rel="stylesheet" type="text/css" href="./resources/css/ndacc.css" />
9        <script type="text/javascript" src="<c:url value="./resources/css/etherTypo.js"/>">
10       
11        </script>
12
13        <title>Ether: NDACC</title>
14        <meta name="generator" content="TYPO3 4.1 CMS" />
15       
16        <SCRIPT LANGUAGE="JavaScript" type="text/javascript">
17        function extractUrlParams () {
18
19                var t = location.search.substring(1).split('&');
20                var f = [];
21
22                for (var i=0; i<t.length; i++) {
23                        var x = t[i].split('=');
24                        f[x[0]]=x[1];           
25                }
26                return f;
27        }
28
29        function changeMonth(m) {
30                document.getElementById("month").value=m;
31                updateSelection();
32        }
33
34       
35        function loadImage() {
36                var tab;
37
38                document.getElementById('especes').value=document.getElementById('sespeces').value;
39                document.getElementById('di').value=document.getElementById('syear').value;
40       
41               
42                /*tab=extractUrlParams();
43                station=tab['station'];
44                document.getElementById('station').value=station;
45
46                //document.getElementById("titre" ).innerHTML=station+" - SPECTRO UV";
47                document.getElementById('especes').value=;
48                document.getElementById('year').value=annee;*/
49                document.thisForm.submit();
50        }
51        </SCRIPT>
52</head>
53<body class=plein onMouseOver()="">
54<form name="thisForm">
55<div class="" style="position: absolute; top: 10px; text-align: center; left:45px">
56<table border=1 width=625px cellpadding=2 cellspacing=2>
57
58       
59        <tr><td id="titre" nowrap colspan=4 class="blanc1" valign="top" align=center><u>VILLNEUVE D'ASCQ SPECTRO UV</u></td></tr>
60        <tr>
61                <td align=right width=15% class="blanc22">Species</td>
62                <td width=10% align=left class="blanc22">
63                <input type="hidden" value="viewSpectroUV" name="methodName">
64                <input type="hidden" value="SPECTRO UV" name="instrument">
65                <input type="hidden" id="di" name="dateinf">
66                <input type="hidden" id="especes" name="especes">
67                        <select id="sespeces" onChange="loadImage();">
68                        <option value="uvauvb" <c:if test="${especes == 'uvauvb'}">selected</c:if> >UVA/UVB</option>
69                        <option value="uvio3" <c:if test="${especes == 'uvio3'}">selected</c:if> >UVI/O3</option>
70                        </select>
71                </td>
72                       
73                <td class="blanc22" width=15% align=right>Year</td>
74                <td nowrap align=left class="blanc22">
75                <input type="hidden" id="station">
76                        <select id="syear" onChange="loadImage();">
77                                <option value="2011" <c:if test="${year == '2011'}">selected</c:if> >2011</option>
78                                <option value="2010" <c:if test="${year == '2010'}">selected</c:if> >2010</option>
79                                <option value="2009" <c:if test="${year == '2009'}">selected</c:if> >2009</option>
80                                <option value="2008" <c:if test="${year == '2008'}">selected</c:if> >2008</option>
81                                <option value="2007" <c:if test="${year == '2007'}">selected</c:if> >2007</option>
82                                <option value="2006" <c:if test="${year == '2006'}">selected</c:if> >2006</option>
83                                <option value="2005" <c:if test="${year == '2005'}">selected</c:if> >2005</option>
84                                <option value="2004" <c:if test="${year == '2004'}">selected</c:if> >2004</option>
85                                <option value="2003" <c:if test="${year == '2003'}">selected</c:if> >2003</option>
86                                <option value="2002" <c:if test="${year == '2002'}">selected</c:if> >2002</option>
87                                <option value="2001" <c:if test="${year == '2001'}">selected</c:if> >2001</option>
88                                <option value="2000" <c:if test="${year == '2000'}">selected</c:if> >2000</option>
89                                <option value="1999" <c:if test="${year == '1999'}">selected</c:if> >1999</option>
90                                <option value="1998" <c:if test="${year == '1998'}">selected</c:if> >1998</option>
91                                <option value="1997" <c:if test="${year == '1997'}">selected</c:if> >1997</option>
92                        </select>
93                </td>
94        </tr>
95</table>
96</div>
97<div class="liste1" style="position: absolute; top: 80px; left: 40px;">
98       
99        <c:choose>
100        <c:when test="${m[0] == 'no' }">
101        <a href="#"><img id="im1" width=200 height=80 src="./resources/images/nodata_250.png"></a>
102        </c:when>
103        <c:otherwise>
104        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[0]}');"><img id="im1" width=200 height=85 src="./resources/visu/vda/spectro/${m[0]}"></a>
105        </c:otherwise>
106        </c:choose>     
107
108</div>
109<div class="liste1" style="position: absolute; top: 80px; left: 250px;">
110       
111        <c:choose>
112        <c:when test="${m[1] == 'no' }">
113        <a href="#"><img id="im2" width=200 height=85 src="./resources/images/nodata_250.png"></a>
114        </c:when>
115        <c:otherwise>
116        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[1]}');"><img id="im2" width=200 height=85 src="./resources/visu/vda/spectro/${m[1]}"></a>
117        </c:otherwise>
118        </c:choose>     
119
120</div>
121<div class="liste1" style="position: absolute; top: 80px; left: 460px;">
122       
123        <c:choose>
124        <c:when test="${m[2] == 'no' }">
125        <a href="#"><img id="im3" width=200 height=85 src="./resources/images/nodata_250.png"></a>
126        </c:when>
127        <c:otherwise>
128        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[2]}');"><img id="im3" width=200 height=85 src="./resources/visu/vda/spectro/${m[2]}"></a>
129        </c:otherwise>
130        </c:choose>     
131
132</div>
133
134<div class="liste1" style="position: absolute; top: 110px; left: 120px;">JAN</div>
135<div class="liste1" style="position: absolute; top: 110px; left: 340px;">FEV</div>
136<div class="liste1" style="position: absolute; top: 110px; left: 550px;">MAR</div>
137       
138<div class="liste1" style="position: absolute; top: 175px; left: 40px;">
139       
140        <c:choose>
141        <c:when test="${m[3] == 'no' }">
142        <a href="#"><img id="im1" width=200 height=80 src="./resources/images/nodata_250.png"></a>
143        </c:when>
144        <c:otherwise>
145        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[3]}');"><img border=2 id="im1" width=200 height=85 src="./resources/visu/vda/spectro/${m[3]}"></a>
146        </c:otherwise>
147        </c:choose>     
148
149</div>
150<div class="liste1" style="position: absolute; top: 175px; left: 250px;">
151       
152        <c:choose>
153        <c:when test="${m[4] == 'no' }">
154        <a href="#"><img id="im2" width=200 height=85 src="./resources/images/nodata_250.png"></a>
155        </c:when>
156        <c:otherwise>
157        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[4]}');"><img id="im2" width=200 height=85 src="./resources/visu/vda/spectro/${m[4]}"></a>
158        </c:otherwise>
159        </c:choose>     
160
161</div>
162<div class="liste1" style="position: absolute; top: 175px; left: 460px;">
163       
164        <c:choose>
165        <c:when test="${m[5] == 'no' }">
166        <a href="#"><img id="im3" width=200 height=85 src="./resources/images/nodata_250.png"></a>
167        </c:when>
168        <c:otherwise>
169        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[5]}');"><img id="im3" width=200 height=85 src="./resources/visu/vda/spectro/${m[5]}"></a>
170        </c:otherwise>
171        </c:choose>     
172
173</div>
174
175<div class="liste1" style="position: absolute; top: 205px; left: 120px;">APR</div>
176<div class="liste1" style="position: absolute; top: 205px; left: 340px;">MAY</div>
177<div class="liste1" style="position: absolute; top: 205px; left: 550px;">JUN</div>
178
179
180<div class="liste1" style="position: absolute; top: 270px; left: 40px;">
181       
182        <c:choose>
183        <c:when test="${m[6] == 'no' }">
184        <a href="#"><img id="im1" width=200 height=85 src="./resources/images/nodata_250.png"></a>
185        </c:when>
186        <c:otherwise>
187        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[6]}');"><img border=2 id="im1" width=200 height=85 src="./resources/visu/vda/spectro/${m[6]}"></a>
188        </c:otherwise>
189        </c:choose>     
190
191</div>
192<div class="liste1" style="position: absolute; top: 270px; left: 250px;">
193       
194        <c:choose>
195        <c:when test="${m[7] == 'no' }">
196        <a href="#"><img id="im2" width=200 height=85 src="./resources/images/nodata_250.png"></a>
197        </c:when>
198        <c:otherwise>
199        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[7]}');"><img id="im2" width=200 height=85 src="./resources/visu/vda/spectro/${m[7]}"></a>
200        </c:otherwise>
201        </c:choose>     
202
203</div>
204<div class="liste1" style="position: absolute; top: 270px; left: 460px;">
205       
206        <c:choose>
207        <c:when test="${m[8] == 'no' }">
208        <a href="#"><img id="im3" width=200 height=85 src="./resources/images/nodata_250.png"></a>
209        </c:when>
210        <c:otherwise>
211        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[8]}');"><img id="im3" width=200 height=85 src="./resources/visu/vda/spectro/${m[8]}"></a>
212        </c:otherwise>
213        </c:choose>     
214
215</div>
216
217<div class="liste1" style="position: absolute; top: 300px; left: 120px;">JUL</div>
218<div class="liste1" style="position: absolute; top: 300px; left: 340px;">AUG</div>
219<div class="liste1" style="position: absolute; top: 300px; left: 550px;">SEP</div>
220
221<div class="liste1" style="position: absolute; top: 365px; left: 40px;">
222       
223        <c:choose>
224        <c:when test="${m[9] == 'no' }">
225        <a href="#"><img id="im1" width=200 height=85 src="./resources/images/nodata_250.png"></a>
226        </c:when>
227        <c:otherwise>
228        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[9]}');"><img border=2 id="im1" width=200 height=85 src="./resources/visu/vda/spectro/${m[9]}"></a>
229        </c:otherwise>
230        </c:choose>     
231
232</div>
233<div class="liste1" style="position: absolute; top: 365px; left: 250px;">
234       
235        <c:choose>
236        <c:when test="${m[10] == 'no' }">
237        <a href="#"><img id="im2" width=200 height=85 src="./resources/images/nodata_250.png"></a>
238        </c:when>
239        <c:otherwise>
240        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[10]}');"><img id="im2" width=200 height=85 src="./resources/visu/vda/spectro/${m[10]}"></a>
241        </c:otherwise>
242        </c:choose>     
243
244</div>
245<div class="liste1" style="position: absolute; top: 365px; left: 460px;">
246       
247        <c:choose>
248        <c:when test="${m[11] == 'no' }">
249        <a href="#"><img id="im3" width=200 height=85 src="./resources/images/nodata_250.png"></a>
250        </c:when>
251        <c:otherwise>
252        <a href="#" onclick="OuvrirFeuilleDynSp ('./resources/visu/vda/spectro/${m[11]}');"><img id="im3" width=200 height=85 src="./resources/visu/vda/spectro/${m[11]}"></a>
253        </c:otherwise>
254        </c:choose>     
255</div>
256
257<div class="liste1" style="position: absolute; top: 400px; left: 120px;">OCT</div>
258<div class="liste1" style="position: absolute; top: 400px; left: 340px;">NOV</div>
259<div class="liste1" style="position: absolute; top: 400px; left: 550px;">DEC</div>
260
261</form>
262</body>
263</html>
Note: See TracBrowser for help on using the repository browser.