| 1 | <%@ page contentType="text/html" %> |
|---|
| 2 | <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> |
|---|
| 3 | <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> |
|---|
| 4 | <%@ taglib uri="http://java.sun.com/jstl/core" prefix="jstl" %> |
|---|
| 5 | |
|---|
| 6 | |
|---|
| 7 | <f:view> |
|---|
| 8 | <script language="JavaScript" src="../JavaScript/global.js"> </script> |
|---|
| 9 | <script language="JavaScript" src="../JavaScript/selectSouris.js"> </script> |
|---|
| 10 | <script language="JavaScript" src="../JavaScript/overlib/overlib.js"> </script> |
|---|
| 11 | |
|---|
| 12 | <head> |
|---|
| 13 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
|---|
| 14 | <title>Eccad</title> |
|---|
| 15 | <link rel="stylesheet" href="../css/Eccad.css" type="text/css" media="all"/> |
|---|
| 16 | <link rel="stylesheet" href="../css/carte.css" type="text/css" media="all"/> |
|---|
| 17 | <link rel="stylesheet" href="../css/panel.css" type="text/css" media="all"/> |
|---|
| 18 | <script type="text/javascript"> |
|---|
| 19 | var aideMode="<table border='1' cellpadding='3' cellspacing='1' bgcolor='white' style='font-size: 10px; color:purple'>" + |
|---|
| 20 | "<tr><th nowrap align='left'>" + |
|---|
| 21 | "Please select your mode of visualization:" + |
|---|
| 22 | "</th></tr>" + |
|---|
| 23 | "<tr><td nowrap align='left'>" + |
|---|
| 24 | "- <b>Date</b>: Display a single grid (day/month/year)" + |
|---|
| 25 | "</td></tr>" + |
|---|
| 26 | "<tr><td nowrap align='left'>" + |
|---|
| 27 | "- <b>Statistics</b>: Display grids statistics over the selected period.<br/>Process for a large number of grids may be longer." + |
|---|
| 28 | "</td></tr>" + |
|---|
| 29 | "<tr><td nowrap align='left'>" + |
|---|
| 30 | "- <b>Totals</b>: Display the total calculated for each pixel on a chosen period" + |
|---|
| 31 | "</td></tr>" + |
|---|
| 32 | "</table>"; |
|---|
| 33 | var aideMask="<table border='1' cellpadding='3' cellspacing='1' bgcolor='white' style='font-size: 10px; color:purple'>" + |
|---|
| 34 | "<tr><th nowrap align='left'>" + |
|---|
| 35 | "Please select the type of mask you wish to apply to your map:" + |
|---|
| 36 | "</th></tr>" + |
|---|
| 37 | "<tr><td nowrap align='left'>" + |
|---|
| 38 | "- <b>None</b>: The map is displayed without a mask" + |
|---|
| 39 | "</td></tr>" + |
|---|
| 40 | "<tr><td nowrap align='left'>" + |
|---|
| 41 | "- <b>Region</b>: A mask of 13 regions is applied, you can also choose a single region in the list below" + |
|---|
| 42 | "</td></tr>" + |
|---|
| 43 | "<tr><td nowrap align='left'>" + |
|---|
| 44 | "- <b>Country</b>: A mask of countries is applied, you can also choose a single country in the list below" + |
|---|
| 45 | "</td></tr>" + |
|---|
| 46 | "</table>"; |
|---|
| 47 | var aideDate="<table border='1' cellpadding='3' cellspacing='1' bgcolor='white' style='font-size: 10px; color:purple'>" + |
|---|
| 48 | "<tr>" + |
|---|
| 49 | "<td nowrap align='left'>" + |
|---|
| 50 | "Please select a date (Day, Month or Year) to display the related grid" + |
|---|
| 51 | "</td>" + |
|---|
| 52 | "</tr>" + |
|---|
| 53 | "</table>"; |
|---|
| 54 | var aideStats="<table border='1' cellpadding='3' cellspacing='1' bgcolor='white' style='font-size: 10px; color:purple'>" + |
|---|
| 55 | "<tr>" + |
|---|
| 56 | "<td nowrap align='left'>" + |
|---|
| 57 | "Please select a statistic method of measure:<br/>mean, sum, minimum, maximum or standard deviation" + |
|---|
| 58 | "</td>" + |
|---|
| 59 | "</tr>" + |
|---|
| 60 | "</table>"; |
|---|
| 61 | var aideTotals="<table border='1' cellpadding='3' cellspacing='1' bgcolor='white' style='font-size: 10px; color:purple'>" + |
|---|
| 62 | "<tr>" + |
|---|
| 63 | "<td nowrap align='left'>" + |
|---|
| 64 | "Please select time for totals:<br/>day, month, year or selected period" + |
|---|
| 65 | "</td>" + |
|---|
| 66 | "</tr>" + |
|---|
| 67 | "</table>"; |
|---|
| 68 | function colorNbrGrille() { |
|---|
| 69 | nbrGrill = document.getElementById("form_carte:nbrGrille").value; |
|---|
| 70 | spanGrill = document.getElementById("span_nbrgr"); |
|---|
| 71 | if (spanGrill == null) |
|---|
| 72 | return; |
|---|
| 73 | |
|---|
| 74 | if (nbrGrill <= 15) |
|---|
| 75 | spanGrill.style.color= "#009900"; |
|---|
| 76 | if (nbrGrill > 15 && nbrGrill <= 150) |
|---|
| 77 | spanGrill.style.color= "#999900"; |
|---|
| 78 | if (nbrGrill > 150 || nbrGrill == 0) |
|---|
| 79 | spanGrill.style.color = "#990000"; |
|---|
| 80 | } |
|---|
| 81 | |
|---|
| 82 | function afficheMode() { |
|---|
| 83 | var tdDate = document.getElementById("tdDate"); |
|---|
| 84 | var tdStats = document.getElementById("tdStats"); |
|---|
| 85 | var tdTotals = document.getElementById("tdTotals"); |
|---|
| 86 | var tdTitle = document.getElementById("tdTitle"); |
|---|
| 87 | var selectMode = document.getElementById("form_carte:carte_onemenu_id0_mode"); |
|---|
| 88 | var selectedMode; |
|---|
| 89 | if (selectMode != null) |
|---|
| 90 | selectedMode = selectMode.value; |
|---|
| 91 | else |
|---|
| 92 | selectedMode = ""; |
|---|
| 93 | // On affiche la liste des dates |
|---|
| 94 | if (selectedMode == "date") { |
|---|
| 95 | tdDate.style.visibility = "visible"; |
|---|
| 96 | tdDate.style.display = ""; |
|---|
| 97 | tdStats.style.visibility = "hidden"; |
|---|
| 98 | tdStats.style.display = "none"; |
|---|
| 99 | tdTotals.style.visibility = "hidden"; |
|---|
| 100 | tdTotals.style.display = "none"; |
|---|
| 101 | var selectGrille = document.getElementById("form_carte:grille_liste"); |
|---|
| 102 | var dateGrille = selectGrille.options[selectGrille.selectedIndex].text; |
|---|
| 103 | var text; |
|---|
| 104 | if (dateGrille.length > 7) |
|---|
| 105 | //text = document.createTextNode("Day"); |
|---|
| 106 | text = "Day"; |
|---|
| 107 | else if (dateGrille.length > 4) |
|---|
| 108 | //text = document.createTextNode("Month"); |
|---|
| 109 | text = "Month"; |
|---|
| 110 | else |
|---|
| 111 | //text = document.createTextNode("Year"); |
|---|
| 112 | text = "Year"; |
|---|
| 113 | //tdTitle.appendChild(text); |
|---|
| 114 | tdTitle.innerHTML = "<span onmouseout='return nd();' align='center' onmouseover='return overlib(aideDate, TEXTSIZE, \"12px\");' style='color: purple'>"+text+"</span>"; |
|---|
| 115 | } |
|---|
| 116 | // On affiche la liste des stats |
|---|
| 117 | else if (selectedMode == "stats") { |
|---|
| 118 | tdDate.style.visibility = "hidden"; |
|---|
| 119 | tdDate.style.display = "none"; |
|---|
| 120 | tdStats.style.visibility = "visible"; |
|---|
| 121 | tdStats.style.display = ""; |
|---|
| 122 | tdTotals.style.visibility = "hidden"; |
|---|
| 123 | tdTotals.style.display = "none"; |
|---|
| 124 | //var text = document.createTextNode("Function"); |
|---|
| 125 | //tdTitle.appendChild(text); |
|---|
| 126 | tdTitle.innerHTML = "<span onmouseout='return nd();' align='center' onmouseover='return overlib(aideStats, TEXTSIZE, \"12px\");' style='color: purple'>Function</span>"; |
|---|
| 127 | } |
|---|
| 128 | // On affiche les totaux |
|---|
| 129 | else if (selectedMode == "totals") { |
|---|
| 130 | tdDate.style.visibility = "hidden"; |
|---|
| 131 | tdDate.style.display = "none"; |
|---|
| 132 | tdStats.style.visibility = "hidden"; |
|---|
| 133 | tdStats.style.display = "none"; |
|---|
| 134 | tdTotals.style.visibility = "visible"; |
|---|
| 135 | tdTotals.style.display = ""; |
|---|
| 136 | //var text = document.createTextNode("Over"); |
|---|
| 137 | //tdTitle.appendChild(text); |
|---|
| 138 | tdTitle.innerHTML = "<span onmouseout='return nd();' align='center' onmouseover='return overlib(aideTotals, TEXTSIZE, \"12px\");' style='color: purple'>over</span>"; |
|---|
| 139 | } |
|---|
| 140 | } |
|---|
| 141 | |
|---|
| 142 | function afficheTotal() { |
|---|
| 143 | var tdTotTitle = document.getElementById("tdTotTitle"); |
|---|
| 144 | var tdTotEmpty = document.getElementById("tdTotEmpty"); |
|---|
| 145 | var tdTotDay = document.getElementById("tdTotDay"); |
|---|
| 146 | var tdTotMonth = document.getElementById("tdTotMonth"); |
|---|
| 147 | var tdTotYear = document.getElementById("tdTotYear"); |
|---|
| 148 | var tdTotPeriod = document.getElementById("tdTotPeriod"); |
|---|
| 149 | var selectMode = document.getElementById("form_carte:carte_onemenu_id0_mode"); |
|---|
| 150 | var selectedMode; |
|---|
| 151 | if (selectMode != null) |
|---|
| 152 | selectedMode = selectMode.value; |
|---|
| 153 | else |
|---|
| 154 | selectedMode = ""; |
|---|
| 155 | var selectTotal = document.getElementById("form_carte:carte_total_liste_1"); |
|---|
| 156 | var selectedTotal; |
|---|
| 157 | if (selectTotal != null) |
|---|
| 158 | selectedTotal = selectTotal.value; |
|---|
| 159 | else |
|---|
| 160 | selectedTotal = ""; |
|---|
| 161 | // On affiche la liste des jours |
|---|
| 162 | if (selectedMode == "totals" && selectedTotal == "totalDay") { |
|---|
| 163 | tdTotTitle.style.visibility = "visible"; |
|---|
| 164 | tdTotTitle.style.display = ""; |
|---|
| 165 | tdTotDay.style.visibility = "visible"; |
|---|
| 166 | tdTotDay.style.display = ""; |
|---|
| 167 | tdTotMonth.style.visibility = "hidden"; |
|---|
| 168 | tdTotMonth.style.display = "none"; |
|---|
| 169 | tdTotYear.style.visibility = "hidden"; |
|---|
| 170 | tdTotYear.style.display = "none"; |
|---|
| 171 | tdTotPeriod.style.visibility = "hidden"; |
|---|
| 172 | tdTotPeriod.style.display = "none"; |
|---|
| 173 | tdTotEmpty.style.visibility = "hidden"; |
|---|
| 174 | tdTotEmpty.style.display = "none"; |
|---|
| 175 | } |
|---|
| 176 | // On affiche la liste des mois |
|---|
| 177 | else if (selectedMode == "totals" && selectedTotal == "totalMonth") { |
|---|
| 178 | tdTotTitle.style.visibility = "visible"; |
|---|
| 179 | tdTotTitle.style.display = ""; |
|---|
| 180 | tdTotDay.style.visibility = "hidden"; |
|---|
| 181 | tdTotDay.style.display = "none"; |
|---|
| 182 | tdTotMonth.style.visibility = "visible"; |
|---|
| 183 | tdTotMonth.style.display = ""; |
|---|
| 184 | tdTotYear.style.visibility = "hidden"; |
|---|
| 185 | tdTotYear.style.display = "none"; |
|---|
| 186 | tdTotPeriod.style.visibility = "hidden"; |
|---|
| 187 | tdTotPeriod.style.display = "none"; |
|---|
| 188 | tdTotEmpty.style.visibility = "hidden"; |
|---|
| 189 | tdTotEmpty.style.display = "none"; |
|---|
| 190 | } |
|---|
| 191 | // On affiche la liste des années |
|---|
| 192 | else if (selectedMode == "totals" && selectedTotal == "totalYear") { |
|---|
| 193 | tdTotTitle.style.visibility = "visible"; |
|---|
| 194 | tdTotTitle.style.display = ""; |
|---|
| 195 | tdTotDay.style.visibility = "hidden"; |
|---|
| 196 | tdTotDay.style.display = "none"; |
|---|
| 197 | tdTotMonth.style.visibility = "hidden"; |
|---|
| 198 | tdTotMonth.style.display = "none"; |
|---|
| 199 | tdTotYear.style.visibility = "visible"; |
|---|
| 200 | tdTotYear.style.display = ""; |
|---|
| 201 | tdTotPeriod.style.visibility = "hidden"; |
|---|
| 202 | tdTotPeriod.style.display = "none"; |
|---|
| 203 | tdTotEmpty.style.visibility = "hidden"; |
|---|
| 204 | tdTotEmpty.style.display = "none"; |
|---|
| 205 | } |
|---|
| 206 | // On affiche la période |
|---|
| 207 | else if (selectedMode == "totals" && selectedTotal == "totalPeriod") { |
|---|
| 208 | tdTotTitle.style.visibility = "hidden"; |
|---|
| 209 | tdTotTitle.style.display = "none"; |
|---|
| 210 | tdTotDay.style.visibility = "hidden"; |
|---|
| 211 | tdTotDay.style.display = "none"; |
|---|
| 212 | tdTotMonth.style.visibility = "hidden"; |
|---|
| 213 | tdTotMonth.style.display = "none"; |
|---|
| 214 | tdTotYear.style.visibility = "hidden"; |
|---|
| 215 | tdTotYear.style.display = "none"; |
|---|
| 216 | tdTotPeriod.style.visibility = "visible"; |
|---|
| 217 | tdTotPeriod.style.display = ""; |
|---|
| 218 | tdTotEmpty.style.visibility = "hidden"; |
|---|
| 219 | tdTotEmpty.style.display = "none"; |
|---|
| 220 | } |
|---|
| 221 | // On n'affiche rien |
|---|
| 222 | else if (selectedMode != "" && selectedTotal != "") { |
|---|
| 223 | tdTotTitle.style.visibility = "hidden"; |
|---|
| 224 | tdTotTitle.style.display = "none"; |
|---|
| 225 | tdTotDay.style.visibility = "hidden"; |
|---|
| 226 | tdTotDay.style.display = "none"; |
|---|
| 227 | tdTotMonth.style.visibility = "hidden"; |
|---|
| 228 | tdTotMonth.style.display = "none"; |
|---|
| 229 | tdTotYear.style.visibility = "hidden"; |
|---|
| 230 | tdTotYear.style.display = "none"; |
|---|
| 231 | tdTotPeriod.style.visibility = "hidden"; |
|---|
| 232 | tdTotPeriod.style.display = "none"; |
|---|
| 233 | tdTotEmpty.style.visibility = "visible"; |
|---|
| 234 | tdTotEmpty.style.display = ""; |
|---|
| 235 | } |
|---|
| 236 | } |
|---|
| 237 | |
|---|
| 238 | function afficheMask() { |
|---|
| 239 | var tdMaskTitle = document.getElementById("tdMaskTitle"); |
|---|
| 240 | var tdMaskRegion = document.getElementById("tdMaskRegion"); |
|---|
| 241 | var tdMaskCountry = document.getElementById("tdMaskCountry"); |
|---|
| 242 | var selectMask = document.getElementById("form_carte:carte_mask_liste_1"); |
|---|
| 243 | var selectedMask; |
|---|
| 244 | if (selectMask != null) |
|---|
| 245 | selectedMask = selectMask.value; |
|---|
| 246 | else |
|---|
| 247 | selectedMask = ""; |
|---|
| 248 | // On affiche la liste des régions |
|---|
| 249 | if (selectedMask == "region") { |
|---|
| 250 | tdMaskTitle.style.visibility = "visible"; |
|---|
| 251 | tdMaskTitle.style.display = ""; |
|---|
| 252 | tdMaskRegion.style.visibility = "visible"; |
|---|
| 253 | tdMaskRegion.style.display = ""; |
|---|
| 254 | tdMaskCountry.style.visibility = "hidden"; |
|---|
| 255 | tdMaskCountry.style.display = "none"; |
|---|
| 256 | } |
|---|
| 257 | // On affiche la liste des pays |
|---|
| 258 | else if (selectedMask == "country") { |
|---|
| 259 | tdMaskTitle.style.visibility = "visible"; |
|---|
| 260 | tdMaskTitle.style.display = ""; |
|---|
| 261 | tdMaskRegion.style.visibility = "hidden"; |
|---|
| 262 | tdMaskRegion.style.display = "none"; |
|---|
| 263 | tdMaskCountry.style.visibility = "visible"; |
|---|
| 264 | tdMaskCountry.style.display = ""; |
|---|
| 265 | } |
|---|
| 266 | // On n'affiche rien |
|---|
| 267 | else if (selectedMask != "") { |
|---|
| 268 | tdMaskTitle.style.visibility = "hidden"; |
|---|
| 269 | tdMaskTitle.style.display = "none"; |
|---|
| 270 | tdMaskRegion.style.visibility = "hidden"; |
|---|
| 271 | tdMaskRegion.style.display = "none"; |
|---|
| 272 | tdMaskCountry.style.visibility = "hidden"; |
|---|
| 273 | tdMaskCountry.style.display = "none"; |
|---|
| 274 | } |
|---|
| 275 | } |
|---|
| 276 | </script> |
|---|
| 277 | </head> |
|---|
| 278 | |
|---|
| 279 | |
|---|
| 280 | <body onload="javascript:initCoordonneeCarte();initTabs('tab1');colorNbrGrille();"> |
|---|
| 281 | <h:form id="form_carte"> |
|---|
| 282 | <div id="page"> |
|---|
| 283 | <jstl:import url="./commun/bandeauhaut.jsp"/> |
|---|
| 284 | <!-- <div id="page"> --> |
|---|
| 285 | <div id="centre"> |
|---|
| 286 | <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" align="left" style="border: none; border-width: 0px;"><tr valign="top" ><td width="150px"> |
|---|
| 287 | <div class="navigV"> |
|---|
| 288 | <div style="width: 100%; margin-top: 10px" align="center"> |
|---|
| 289 | <div class="copyright">Copyright 2006-2008<br/>CNES-CNRS</div> |
|---|
| 290 | <h:outputLink value="#{UrlBean.url.url_home}"> |
|---|
| 291 | <h:graphicImage value="/images/ECCAD_small.gif" width="100px"></h:graphicImage> |
|---|
| 292 | </h:outputLink> |
|---|
| 293 | </div> |
|---|
| 294 | <div class="nom" style="margin-top: 10px">DataSet</div> |
|---|
| 295 | <div class="valeur"> |
|---|
| 296 | <h:outputText value="#{carteBean.parametre}"/> |
|---|
| 297 | </div> |
|---|
| 298 | <div class="valeur"> |
|---|
| 299 | <h:commandLink styleClass="valeur" onclick="javascript:window.open('./page_metadata.jsf?produit=#{critereBean.produit}', 'Metadata', 'menubar=yes,status=yes,location=no,scrollbars=yes,resizable=yes,width=600')" value="#{carteBean.produit}"/> |
|---|
| 300 | </div> |
|---|
| 301 | <jstl:if test="${carteBean.produit == 'IPCC'}"> |
|---|
| 302 | <div class="valeur"> |
|---|
| 303 | <h:outputText value="#{carteBean.secteur}"/> |
|---|
| 304 | </div> |
|---|
| 305 | <div class="valeur"> |
|---|
| 306 | RCP : <h:outputText value="#{carteBean.rcp}"/> |
|---|
| 307 | </div> |
|---|
| 308 | <jstl:if test="${carteBean.secteur == 'Aviation'}"> |
|---|
| 309 | <div class="valeur"> |
|---|
| 310 | Altitude : <h:outputText value="#{critereBean.alt}"/><jstl:if test="${critereBean.alt != 'Sum'}"> km</jstl:if> |
|---|
| 311 | </div> |
|---|
| 312 | </jstl:if> |
|---|
| 313 | </jstl:if> |
|---|
| 314 | <div class="valeur"> |
|---|
| 315 | <span id="span_nbrgr" style="font-weight: bold"> |
|---|
| 316 | <h:outputText id="nbrgr" value="#{carteBean.nbrGrille} grid"/><jstl:if test="${carteBean.nbrGrille > 1}">s</jstl:if> |
|---|
| 317 | </span> |
|---|
| 318 | </div> |
|---|
| 319 | |
|---|
| 320 | <div class="nom" style="margin-top: 15px">Selected Period</div> |
|---|
| 321 | <div class="valeur"> |
|---|
| 322 | from : <h:outputText value="#{critereBean.begDate}"/> |
|---|
| 323 | </div> |
|---|
| 324 | <div class="valeur"> |
|---|
| 325 | to : <h:outputText value="#{critereBean.endDate}"/> |
|---|
| 326 | </div> |
|---|
| 327 | |
|---|
| 328 | <div class="nom" style="margin-top: 15px">Domain</div> |
|---|
| 329 | <div class="valeur"> |
|---|
| 330 | Lat North/South <br/> |
|---|
| 331 | <h:outputText value="#{critereBean.northbc}"/> |
|---|
| 332 | / <h:outputText value="#{critereBean.southbc}"/> |
|---|
| 333 | </div> |
|---|
| 334 | <div class="valeur"> |
|---|
| 335 | Lon East/West <br/> |
|---|
| 336 | <h:outputText value="#{critereBean.eastbc}"/> |
|---|
| 337 | / <h:outputText value="#{critereBean.westbc}"/> |
|---|
| 338 | </div> |
|---|
| 339 | <div class="nom" style="margin-top: 15px">Zoom</div> |
|---|
| 340 | <div class="valeur"> |
|---|
| 341 | Lat North/South <br/> |
|---|
| 342 | <h:outputText value="#{carteBean.zone_visible.northbcN}"/> |
|---|
| 343 | / <h:outputText value="#{carteBean.zone_visible.southbcN}"/> |
|---|
| 344 | </div> |
|---|
| 345 | <div class="valeur"> |
|---|
| 346 | Lon East/West <br/> |
|---|
| 347 | <h:outputText value="#{carteBean.zone_visible.eastbcN}"/> |
|---|
| 348 | / <h:outputText value="#{carteBean.zone_visible.westbcN}"/> |
|---|
| 349 | </div> |
|---|
| 350 | <div class="nom" style="margin-top: 15px" id="title_globalsum">Total over the world</div> |
|---|
| 351 | <div class="valeur" id="value_globalsum"> |
|---|
| 352 | <font color="red"><b><h:outputText id="Globalsum" value="#{carteBean.globalSum}"/></b></font> |
|---|
| 353 | </div> |
|---|
| 354 | <div class="nom" style="margin-top: 15px" id="title_pixel">Clicked pixel</div> |
|---|
| 355 | <div class="valeur" id="pos_pixel"> |
|---|
| 356 | Lat/Lon<br/> |
|---|
| 357 | <font color="red"><b><h:outputText value="#{carteBean.centerLat}"/> |
|---|
| 358 | / <h:outputText value="#{carteBean.centerLon}" /></b></font> |
|---|
| 359 | </div> |
|---|
| 360 | <div class="valeur" id="value_pixel"> |
|---|
| 361 | Value<br/> |
|---|
| 362 | <font color="red"><b><h:outputText id="Center" value="#{carteBean.pixelCenter}"/></b></font> |
|---|
| 363 | </div> |
|---|
| 364 | </div><!-- ferme navigV --> |
|---|
| 365 | </td><td width="100%"> |
|---|
| 366 | <h:inputHidden id="showPosPixel" value="#{carteBean.showPosPixel}"/> |
|---|
| 367 | <h:inputHidden id="clicX" value="#{carteBean.clicX}"/> |
|---|
| 368 | <h:inputHidden id="clicY" value="#{carteBean.clicY}"/> |
|---|
| 369 | |
|---|
| 370 | <h:inputHidden id="centerLatClick" value="#{carteBean.centerLatClick}"/> |
|---|
| 371 | <h:inputHidden id="centerLonClick" value="#{carteBean.centerLonClick}"/> |
|---|
| 372 | |
|---|
| 373 | <h:inputHidden id="latitude_max" value="#{carteBean.zone_visible.northbc}"/> |
|---|
| 374 | <h:inputHidden id="latitude_min" value="#{carteBean.zone_visible.southbc}"/> |
|---|
| 375 | <h:inputHidden id="longitude_max" value="#{carteBean.zone_visible.eastbc}"/> |
|---|
| 376 | <h:inputHidden id="longitude_min" value="#{carteBean.zone_visible.westbc}"/> |
|---|
| 377 | <h:inputHidden id="resolution" value="#{carteBean.resolution}"/> |
|---|
| 378 | |
|---|
| 379 | <div class="contenu2"> |
|---|
| 380 | <jstl:import url="./commun/tabs.jsp"/> |
|---|
| 381 | <div class="mainBody"> |
|---|
| 382 | <h:inputHidden id="nbrGrille" value="#{carteBean.nbrGrille}"/> |
|---|
| 383 | |
|---|
| 384 | <table width="100%" cellpadding="0" cellspacing="0" border="0"> |
|---|
| 385 | <tr><td> |
|---|
| 386 | <div class="pageEccad" id="import_visu"> |
|---|
| 387 | <jstl:import url="${sessionScope.carteBean.visu}"/> |
|---|
| 388 | </div></td></tr> |
|---|
| 389 | <tr><td width="730px"> |
|---|
| 390 | <div class="pageEccad" align="center" style="height: 370px; width: 730px"> |
|---|
| 391 | <div style="font-size: 15px"><b><h:outputText value="#{carteBean.mapTitle}" binding="#{carteBean.mapTitleUI}"/> |
|---|
| 392 | <%--[<h:outputText value="#{critereBean.date}"/>]--%> |
|---|
| 393 | <%--(<span id="span_nbrgr" style=""><h:outputText id="nbrgr" value="#{carteBean.nbrGrille} grid"/><jstl:if test="${carteBean.nbrGrille > 1}">s</jstl:if><jstl:if test="${carteBean.nbrAlt > 0}"><h:outputText id="nbralt" value=", #{carteBean.nbrAlt} altitudes"/></jstl:if></span>)--%> |
|---|
| 394 | </b> |
|---|
| 395 | </div> |
|---|
| 396 | <div class="image"> |
|---|
| 397 | <h:commandButton id="carte" image="#{carteBean.url}" |
|---|
| 398 | onclick="javascript:onClicCarte(event)" |
|---|
| 399 | actionListener="#{carteBean.dessinCarte}" |
|---|
| 400 | onmouseover="javascript:montrerPositionSouris(event)" |
|---|
| 401 | onmousemove="javascript:positionSouris(event)" |
|---|
| 402 | onmouseout="javascript:cacherPositionSouris()" |
|---|
| 403 | /> |
|---|
| 404 | <div class="position" id="position1" align="left" |
|---|
| 405 | onmouseover="javascript:deplacerPositionSouris(event)" |
|---|
| 406 | >lat/lon</div> |
|---|
| 407 | <div style="position: absolute; width: 750px; height: 390px; top:-10px; left:-10px;border-style: solid; border-width: 2px; display: none;" id="calque_chargement" align="center" |
|---|
| 408 | ><div style="position: relative;top: 150px; font-size: x-large; background-color: #000099; color: white;" align="center">map loading please wait</div></div> |
|---|
| 409 | </div> |
|---|
| 410 | |
|---|
| 411 | <div id="resizediv" style="position: absolute; top: 390px; right: 350px; z-index: 10; visibility: visible;"> |
|---|
| 412 | Click on map to zoom |
|---|
| 413 | <h:commandButton id="resize" actionListener="#{carteBean.dessinCarte}" value="Unzoom" styleClass="commandbouton" onclick="javascript:clicDefault();"/> |
|---|
| 414 | </div><!-- ferme le div du bouton --> |
|---|
| 415 | </div><!-- ferme pageEccad --> |
|---|
| 416 | </td><td align="left"> |
|---|
| 417 | <div class="pageEccad" style="width:200px ;height: 365px; overflow: auto; overflow-y: auto;"> |
|---|
| 418 | <h:graphicImage value="#{carteBean.url_legend}"/> |
|---|
| 419 | </div> |
|---|
| 420 | </td></tr> |
|---|
| 421 | </table> |
|---|
| 422 | <div class="bloc" style="position: relative; margin-left: 5px; width: 720px; height: 50px; margin-top: 10px; border-style: none; background-color: transparent;"> |
|---|
| 423 | <%--div style="position: absolute; top: 10px; right: 10px"> |
|---|
| 424 | <h:commandButton action="page_critere" value="Back to selection" styleClass="commandbouton"/> |
|---|
| 425 | </div--%> |
|---|
| 426 | </div><!-- ferme conteneur bouton --> |
|---|
| 427 | </div> |
|---|
| 428 | </div><!-- ferme contenu --> |
|---|
| 429 | </td></tr></table> |
|---|
| 430 | </div> <!-- ferme centre --> |
|---|
| 431 | <!-- </div><!-- ferme page --> |
|---|
| 432 | <div style="position: relative; width: 1100px; height: 1px; background-color: transparent;"></div> |
|---|
| 433 | </div><!-- ferme page --> |
|---|
| 434 | <div id="loupe" style="position: absolute; visibility: hidden;"> |
|---|
| 435 | <img src="../images/loupe.gif"/> |
|---|
| 436 | </div> |
|---|
| 437 | </h:form> |
|---|
| 438 | </body> |
|---|
| 439 | <script type="text/javascript" language="javascript"> |
|---|
| 440 | changeMode(document.getElementById("form_carte:carte_onemenu_id0_mode")); |
|---|
| 441 | showClickedPixel(); |
|---|
| 442 | afficheMode(); |
|---|
| 443 | afficheTotal(); |
|---|
| 444 | afficheMask(); |
|---|
| 445 | </script> |
|---|
| 446 | </f:view> |
|---|
