Mercurial > dive4elements > gnv-client
comparison gnv/src/main/webapp/WEB-INF/jsp/wmslayout.jsp @ 710:5f29bfeb61bd
Improved the design and layout of the user interface.
gnv/trunk@980 c6561f87-3c4e-4783-a992-168aeb5c3f6f
| author | Ingo Weinzierl <ingo.weinzierl@intevation.de> |
|---|---|
| date | Sun, 25 Apr 2010 21:05:44 +0000 |
| parents | cb1bae26e7ae |
| children | a0e6566cd111 |
comparison
equal
deleted
inserted
replaced
| 709:68d0fba6f23e | 710:5f29bfeb61bd |
|---|---|
| 18 <meta http-equiv="Content-Style-Type" content="text/css"/> | 18 <meta http-equiv="Content-Style-Type" content="text/css"/> |
| 19 <meta http-equiv="Expires" content="Mon, 01 Jan 1990 00:00:01 GMT"/> | 19 <meta http-equiv="Expires" content="Mon, 01 Jan 1990 00:00:01 GMT"/> |
| 20 <meta http-equiv="pragma" content="no-cache"/> | 20 <meta http-equiv="pragma" content="no-cache"/> |
| 21 <meta http-equiv="cache-control" content="no-cache"/> | 21 <meta http-equiv="cache-control" content="no-cache"/> |
| 22 <meta name="robots" content="noindex"/> | 22 <meta name="robots" content="noindex"/> |
| 23 <link href="styles/default.css" rel="stylesheet" type="text/css"/> | 23 <link href="styles/gnv.css" rel="stylesheet" type="text/css"/> |
| 24 <script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script> | 24 <script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script> |
| 25 <script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script> | |
| 26 <script type="text/javascript"> | 25 <script type="text/javascript"> |
| 27 jQuery.noConflict(); | |
| 28 var lon = 5; | 26 var lon = 5; |
| 29 var lat = 55; | 27 var lat = 55; |
| 30 var zoom = 5; | 28 var zoom = 5; |
| 31 var map, layer; | 29 var map, layer; |
| 32 | 30 |
| 62 ); | 60 ); |
| 63 | 61 |
| 64 map.addLayers([back1, layer]); | 62 map.addLayers([back1, layer]); |
| 65 map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); | 63 map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); |
| 66 <%}%> | 64 <%}%> |
| 67 | |
| 68 initHeight(); | |
| 69 } | 65 } |
| 70 | 66 |
| 71 function toggle(element) { | 67 function toggle(element) { |
| 72 var ele = document.getElementById(element); | 68 var ele = document.getElementById(element); |
| 73 var vis = ele.style.visibility; | 69 var vis = ele.style.visibility; |
| 77 else { | 73 else { |
| 78 ele.style.visibility = "hidden"; | 74 ele.style.visibility = "hidden"; |
| 79 } | 75 } |
| 80 } | 76 } |
| 81 | 77 |
| 82 /** | |
| 83 * Calculate the content's height (content = window -header - footer). | |
| 84 */ | |
| 85 function initHeight() { | |
| 86 var winHeight = window.innerHeight; | |
| 87 var headerHeight = jQuery("headerElement").innerHeight(); | |
| 88 var footerHeight = jQuery("footerElement").innerHeight(); | |
| 89 var height = winHeight - headerHeight - footerHeight; | |
| 90 jQuery("contentElement").innerHeight(height); | |
| 91 jQuery(window).resize(initHeight); | |
| 92 } | |
| 93 </script> | 78 </script> |
| 94 </head> | 79 </head> |
| 95 | 80 |
| 96 <body id="gnviewerbody" onLoad="init()"> | 81 <body id="gnviewerbody" onLoad="init()"> |
| 97 <div id="overlay"></div> | 82 <div id="overlay"></div> |
| 98 <div style="width:100%;left:0;top:0;width:100%;height:100%;position:absolute"> | 83 <div style="width:100%;left:0;top:0;width:100%;height:100%;position:absolute;visibility:hidden;"> |
| 99 <div id="overlayContent"> | 84 <div id="overlayContent"> |
| 100 <p> | 85 <p> |
| 101 <bean:message key="gnviewer.productselection.overlay.title"/> | 86 <bean:message key="gnviewer.productselection.overlay.title"/> |
| 102 </p> | 87 </p> |
| 103 </div> | 88 </div> |
| 106 <div id="headerElement"> | 91 <div id="headerElement"> |
| 107 <jsp:include page="header.jsp" /> | 92 <jsp:include page="header.jsp" /> |
| 108 </div> | 93 </div> |
| 109 <div id="contentElement" class="contentElement"> | 94 <div id="contentElement" class="contentElement"> |
| 110 <jsp:include page="index.jsp" /> | 95 <jsp:include page="index.jsp" /> |
| 111 <%if(request.getAttribute("wms_published") != null){ %> | |
| 112 <div class="outerMap"> | |
| 113 <div id="wms"> | |
| 114 <table> | |
| 115 <tr> | |
| 116 <td class="parameter"><bean:message key="gnviewer.wms.server.path"/>:</td> | |
| 117 <td class="wmsvalue"><%=serverPath%>?SERVICE=WMS&REQUEST=GetCapabilities</td> | |
| 118 </tr> | |
| 119 <tr> | |
| 120 <td class="parameter"><bean:message key="gnviewer.wms.server.layer"/>:</td> | |
| 121 <td class="wmsvalue"><%=layerName%></td> | |
| 122 </tr> | |
| 123 <tr> | |
| 124 <td class="parameter"><bean:message key="gnviewer.wms.layer.ttl"/>:</td> | |
| 125 <td class="wmsvalue"><%=timeToLive%></td> | |
| 126 </tr> | |
| 127 </table> | |
| 128 </div> | |
| 129 <div id="map"></div> | |
| 130 </div> | |
| 131 <%}%> | |
| 132 </div> | 96 </div> |
| 133 <br> | 97 <br> |
| 134 <div id="footerElement"> | 98 <div id="footerElement"> |
| 135 <jsp:include page="footer.jsp" /> | 99 <jsp:include page="footer.jsp" /> |
| 136 </div> | 100 </div> |