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

Last change on this file since 820 was 364, checked in by rboipsl, 12 years ago

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