| 1 | <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> |
|---|
| 2 | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|---|
| 3 | <html><head> |
|---|
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
|---|
| 5 | <link rel="stylesheet" type="text/css" href="resources/css/ndacc.css"> |
|---|
| 6 | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
|---|
| 7 | <link rel="stylesheet" type="text/css" href="resources/css/etherTypo.css" /> |
|---|
| 8 | <title>Ether: NDACC</title> |
|---|
| 9 | <meta name="generator" content="TYPO3 4.1 CMS" /> |
|---|
| 10 | |
|---|
| 11 | <SCRIPT LANGUAGE="JavaScript"> |
|---|
| 12 | function extractUrlParams () { |
|---|
| 13 | |
|---|
| 14 | var t = location.search.substring(1).split('&'); |
|---|
| 15 | var f = []; |
|---|
| 16 | |
|---|
| 17 | for (var i=0; i<t.length; i++) { |
|---|
| 18 | |
|---|
| 19 | var x = t[i].split('='); |
|---|
| 20 | f[x[0]]=x[1]; |
|---|
| 21 | } |
|---|
| 22 | |
|---|
| 23 | return f; |
|---|
| 24 | } |
|---|
| 25 | |
|---|
| 26 | |
|---|
| 27 | function loadImage(annee) { |
|---|
| 28 | var tab; |
|---|
| 29 | var fichier1; |
|---|
| 30 | var fichier2; |
|---|
| 31 | |
|---|
| 32 | tab=extractUrlParams(); |
|---|
| 33 | |
|---|
| 34 | var station=tab['station']; |
|---|
| 35 | |
|---|
| 36 | if ( annee == 'lt' ) { |
|---|
| 37 | fichier1='plot_lt_'+station+'_dobson.jpg'; |
|---|
| 38 | } |
|---|
| 39 | else { |
|---|
| 40 | |
|---|
| 41 | fichier1='plot_'+annee+'_'+station+'_dobson.jpg'; |
|---|
| 42 | } |
|---|
| 43 | |
|---|
| 44 | document.getElementById("im1").src="./resources/visu/"+station+"/dobson/"+fichier1; |
|---|
| 45 | } |
|---|
| 46 | </SCRIPT> |
|---|
| 47 | </head> |
|---|
| 48 | <body onload="loadImage('lt');"> |
|---|
| 49 | |
|---|
| 50 | <div style="position: absolute; top: 10px; left: 30px;"> |
|---|
| 51 | <img id="im1" width=700 src=''> |
|---|
| 52 | </div> |
|---|
| 53 | <div style="position: absolute; top: 300px; left: 30px;"> |
|---|
| 54 | <img id="im2" width=700 src=''> |
|---|
| 55 | </div> |
|---|
| 56 | |
|---|
| 57 | <div style="position: absolute; top: 30px; left: 730px;" id='calendar'> |
|---|
| 58 | <table cellspacing=2 cellpadding=2> |
|---|
| 59 | <TR> |
|---|
| 60 | <td class="blanc1l" colspan=6><u><a href="#" onclick="loadImage('lt');">Long term period</a></u></td> |
|---|
| 61 | </TR> |
|---|
| 62 | |
|---|
| 63 | <TR> |
|---|
| 64 | <td class="blanc1l"><u><a href="#" onclick="loadImage('2004');">2004</a></u></td> |
|---|
| 65 | <td class="blanc1l"><u><a href="#" onclick="loadImage('2005');">2005</a></u></td> |
|---|
| 66 | <td class="blanc1l"><u><a href="#" onclick="loadImage('2006');">2006</a></u></td> |
|---|
| 67 | <td class="blanc1l"><u><a href="#" onclick="loadImage('2007');">2007</a></u></td> |
|---|
| 68 | <td class="blanc1l"><u><a href="#" onclick="loadImage('2008');">2008</a></u></td> |
|---|
| 69 | <td class="blanc1l"><u><a href="#" onclick="loadImage('2009');">2009</a></u></td> |
|---|
| 70 | <td class="blanc1l"><u><a href="#" onclick="loadImage('2010');">2010</a></u></td> |
|---|
| 71 | </TR> |
|---|
| 72 | |
|---|
| 73 | </table> |
|---|
| 74 | </div> |
|---|
| 75 | |
|---|
| 76 | |
|---|
| 77 | </body> |
|---|
| 78 | </html> |
|---|
