source: ether_ndacc/trunk/web/index_v1.jsp @ 127

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

v2 pour toutes les stations
File size: 7.9 KB
Line 
1<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
2<%@ taglib prefix="ether" tagdir="/WEB-INF/tags" %>
3
4<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
5<html><head>
6<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
7<META NAME="keywords" CONTENT="NDACC, NDACC LIDAR, SAOZ, DOBSON, ECC, NDACC ETHER, NDACC FRANCE"> 
8
9<link rel="stylesheet" type="text/css" href="./resources/css/ndacc.css">
10<link rel="stylesheet" type="text/css" href="./resources/css/etherTypo.css">
11
12        <title>Ether: NDACC</title>
13        <meta name="generator" content="TYPO3 4.1 CMS" />
14
15</head>
16<body onload="preload_im();tooltipHide();">
17
18<ether:htmlJs jsFile="etherTypo.js"/>
19
20<SCRIPT LANGUAGE="JavaScript">
21
22var isIE = document.all;
23var mouseX = 0;
24var mouseY = 0;
25
26function preload_im() {
27        if (navigator.appVersion.substring(0,1) >= 3) {
28                i1=new Image;
29                i1.src='resources/images/pl_st_ndacc_f_symp.png';
30                i2=new Image;
31                i2.src='resources/images/pl_st_ndacc_f_lidar_symp.png';
32                i3=new Image;
33                i3.src='resources/images/pl_st_ndacc_f_saoz_symp.png';         
34                i4=new Image;
35                i4.src='resources/images/pl_st_ndacc_f_dobson_symp.png';
36                i5=new Image;
37                i5.src='resources/images/pl_st_ndacc_f_spectro_symp.png';
38                i6=new Image;
39                i6.src='resources/images/pl_st_ndacc_f_o3sonde_symp.png';
40                i7=new Image;
41                i7.src='resources/images/pl_st_ndacc_f_ftir_symp.png';
42        }
43}
44
45
46function getMouseXY(e) {
47
48if (!e) e = window.event;       
49
50if (e) {
51        mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
52        mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
53}
54
55}
56
57document.onmousemove = getMouseXY;
58
59function tooltipShow(msg,im) {
60        //
61        document.getElementById("tooltip").style.visibility ="visible";
62        document.getElementById("tooltip").style.left = mouseX-70 +"px";
63        document.getElementById("tooltip").style.top = mouseY-110 +"px";
64        document.getElementById("texts").style.visibility ="visible";
65        document.getElementById("texts").style.left = mouseX-60 +"px";
66       
67        if (im == '' || im == null) {
68                document.getElementById("texts").style.top = mouseY-30+"px";
69                document.getElementById("tooltip").style.visibility ="hidden";
70                document.getElementById("ims").src = "";
71               
72        }
73        else {
74                document.getElementById("texts").style.top = mouseY -30 +"px";
75                document.getElementById("ims").src = "resources/images/"+im;
76        }       
77       
78        document.getElementById("texts").innerHTML=msg;
79       
80       
81}
82
83
84function tooltipHide() {
85                document.getElementById("tooltip").style.visibility ="hidden";
86                document.getElementById("texts").style.visibility ="hidden";
87}
88
89function showMap(page) {
90        document.getElementById("immap").src="resources/images/"+page;
91        //alert(page);
92       
93}
94
95</SCRIPT>
96
97<div align="center">
98<div style="width: 1230px ;" class="menu1"><!-- début de la boite contenant les onglets -->
99        <ether:htmlJsp jspFile="template_haut.jsp"/>
100</div>
101
102<div id="tooltip" style="position:absolute;">
103<table>
104<tr>
105
106<td>
107<img id="ims" border=1 alt="" width="90px" height="70px" src="">
108</td>
109</tr>
110</table>
111</div>
112
113<div id="texts" style="position:absolute;color:#62f545;"></div>
114
115
116<div style="margin-top: 0px; height: 1000px;">
117
118<table cellpadding="2" cellspacing="2" width=1130px border=0>
119<tr>
120<td align="center">
121<img id="immap" border=1 alt="" src="resources/images/pl_st_ndacc_f_symp.png" usemap="#Map">
122
123<MAP NAME="Map" >
124
125        <AREA SHAPE="rect"
126                   HREF="#"
127                   COORDS="20,60,490,140"
128                   onmouseover="" onmouseout="" onclick="window.open ('http://ndacc2011.univ-reunion.fr/', 'Symposium 2011', 'resizable=yes,scrollbars=yes,toolbar=yes,left=100,top=100,width=1000,height=600');">
129
130        <AREA SHAPE="rect"
131                   HREF="#"
132                   COORDS="80,460,120,470"
133                   onmouseover="showMap('pl_st_ndacc_f_saoz_symp.png');" onmouseout="showMap('pl_st_ndacc_f_symp.png');" onclick="showMap('pl_st_ndacc_f_saoz_symp.png');">
134
135    <AREA SHAPE="rect"
136                   HREF="#"
137                   COORDS="80,446,120,456"
138                   onmouseover="showMap('pl_st_ndacc_f_lidar_symp.png');" onmouseout="showMap('pl_st_ndacc_f_symp.png');" onclick="showMap('pl_st_ndacc_f_lidar_symp.png');">
139
140    <AREA SHAPE="rect"
141                   HREF="#"
142                   COORDS="80,480,145,490"
143                   onmouseover="showMap('pl_st_ndacc_f_o3sonde_symp.png');" onmouseout="showMap('pl_st_ndacc_f_symp.png');" onclick="showMap('pl_st_ndacc_f_o3sonde_symp.png');">
144
145        <AREA SHAPE="rect"
146                   HREF="#"
147                   COORDS="80,498,140,508"
148                   onmouseover="showMap('pl_st_ndacc_f_dobson_symp.png');" onmouseout="showMap('pl_st_ndacc_f_symp.png');" onclick="showMap('pl_st_ndacc_f_dobson_symp.png');">
149
150        <AREA SHAPE="rect"
151                   HREF="#"
152                   COORDS="80,511,220,521"
153                   onmouseover="showMap('pl_st_ndacc_f_spectro_symp.png');" onmouseout="showMap('pl_st_ndacc_f_symp.png');" onclick="showMap('pl_st_ndacc_f_spectro_symp.png');">
154
155        <AREA SHAPE="rect"
156                   HREF="#"
157                   COORDS="80,530,110,540"
158                   onmouseover="showMap('pl_st_ndacc_f_ftir_symp.png');" onmouseout="showMap('pl_st_ndacc_f_symp.png');" onclick="showMap('pl_st_ndacc_f_ftir_symp.png');">
159
160        <AREA SHAPE="rect"
161                   HREF="data_opar.jsp"
162                   COORDS="790,370,810,390"
163                   onmouseover="tooltipShow('&nbsp;La R&eacute;union','reu.jpg');" onmouseout="tooltipHide();" onclick="tooltipHide();">
164
165        <AREA SHAPE="rect"
166                   HREF="data_kergulen.jsp"
167                   COORDS="845,464,865,484"
168                   onmouseover="tooltipShow('&nbsp;Kerguelen','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
169
170        <AREA SHAPE="rect"
171                   HREF="data_ohp.jsp"
172                   COORDS="160,360,180,380"
173                   onmouseover="tooltipShow('&nbsp;OHP','ohp.jpg');" onmouseout="tooltipHide();" onclick="tooltipHide();">
174
175        <AREA SHAPE="rect"
176                   HREF="data_villeneuve.jsp"
177                   COORDS="132,258,152,278"
178                   onmouseover="tooltipShow('&nbsp;Villeneuve d\'Ascq','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
179
180        <AREA SHAPE="rect"
181                   HREF="data_concordia.jsp"
182                   COORDS="1019,567,1039,587"
183                   onmouseover="tooltipShow('&nbsp;Concordia','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
184
185        <AREA SHAPE="rect"
186                   HREF="data_ddu.jsp"
187                   COORDS="1082,540,1102,560"
188                   onmouseover="tooltipShow('&nbsp;Dumont d\'Urville','ddu.jpg');" onmouseout="tooltipHide();" onclick="tooltipHide();">
189
190        <AREA SHAPE="rect"
191                   HREF="data_tarawa.jsp"
192                   COORDS="1204,282,1224,302"
193                   onmouseover="tooltipShow('&nbsp;Tarawa','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
194
195        <AREA SHAPE="rect"
196                   HREF="data_salekhard.jsp"
197                   COORDS="842,70,862,90"
198                   onmouseover="tooltipShow('&nbsp;Salekhard','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
199
200        <AREA SHAPE="rect"
201                   HREF="data_zhigansk.jsp"
202                   COORDS="1002,80,1022,100"
203                   onmouseover="tooltipShow('&nbsp;Zhigansk','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
204
205
206        <AREA SHAPE="rect"
207                   HREF="data_sodankyla.jsp"
208                   COORDS="695,75,715,95"
209                   onmouseover="tooltipShow('&nbsp;Sodankyla','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
210
211        <AREA SHAPE="rect"
212                   HREF="data_scorebysund.jsp"
213                   COORDS="525,60,545,80"
214                   onmouseover="tooltipShow('&nbsp;Scorebysund','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
215
216        <AREA SHAPE="rect"
217                   HREF="data_bauru.jsp"
218                   COORDS="440,390,460,410"
219                   onmouseover="tooltipShow('&nbsp;Bauru','');" onmouseout="tooltipHide();" onclick="tooltipHide();">
220
221        <AREA SHAPE="rect"
222                   HREF="data_andoya.jsp"
223                   COORDS="660,70,680,90"
224                   onmouseover="tooltipShow('&nbsp;Andoya','alomar.jpg');" onmouseout="tooltipHide();">
225
226        <AREA SHAPE="rect"
227                   HREF="data_riogallegos.jsp"
228                   COORDS="370,470,390,490"
229                   onmouseover="tooltipShow('&nbsp;Rio Gallegos','');" onmouseout="tooltipHide();">
230
231        <AREA SHAPE="rect"
232                   HREF="data_bordeaux.jsp"
233                   COORDS="90,355,110,375"
234                   onmouseover="tooltipShow('&nbsp;Bordeaux','');" onmouseout="tooltipHide();">
235
236        <AREA SHAPE="rect"
237                   HREF="data_lannemezan.jsp"
238                   COORDS="102,372,122,392"
239                   onmouseover="tooltipShow('&nbsp;OMP','omp.jpg');" onmouseout="tooltipHide();">
240
241</MAP>
242
243</td>
244</tr>
245</table>
246</div>
247</div>
248<jsp:include page="template_bas.jsp" />
249</body>
250</html>
Note: See TracBrowser for help on using the repository browser.