changeset 5814:f145a0ce38f2 interaktive-karte

Added images to higlight rivers (currently only 'Rhein', 'Mosel').
author Raimund Renkert <rrenkert@intevation.de>
date Wed, 24 Apr 2013 15:13:09 +0200
parents 5e3c9027e09c
children 2aabd9752d5e
files flys-client/src/main/webapp/images/FLYS_Karte_interactive.html flys-client/src/main/webapp/images/FLYS_Mosel.png flys-client/src/main/webapp/images/FLYS_Rhein.png flys-client/src/main/webapp/images/FLYS_transp.png
diffstat 4 files changed, 29 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/flys-client/src/main/webapp/images/FLYS_Karte_interactive.html	Wed Apr 24 15:13:09 2013 +0200
@@ -0,0 +1,29 @@
+<html>
+  <head>
+    <script type="text/javascript">
+      function highlight(name){
+        document.getElementById(name).style.visibility="visible";
+        highlightRiver(name);
+      }
+      function unHighlight(name) {
+        document.getElementById(name).style.visibility="hidden";
+      }
+    </script>
+  </head>
+<body>
+<!-- Create  Mappings -->
+  <div id="riverContainer">
+    <img src="images/FLYS_transp.png" usemap="#river" style="position: absolute;z-index: 100;">
+    <map name="river">
+      <area id="rhein_area" shape="poly" onmouseover="highlight('Rhein')"
+      onmouseout="unHighlight('Rhein')" onclick="selectRiver('Rhein')" coords="177,407,185,411,189,412,194,415,199,418,203,419,205,420,206,422,206,425,208,427,209,429,212,431,216,433,219,435,219,441,218,443,218,450,220,453,221,455,221,462,222,465,223,467,223,473,222,475,222,481,224,483,225,486,224,489,223,491,221,494,220,496,219,499,218,501,216,503,213,503,207,505,203,505,200,504,194,500,192,499,190,496,188,493,187,490,186,488,184,485,180,481,178,480,175,474,173,473,171,471,167,469,164,468,162,467,162,464,163,462,163,456,162,454,162,444,163,442,163,439,162,437,160,435,159,433,159,424,160,422,161,419,162,417,163,414,164,412,165,409,167,405,176,405,176,408,177,410" />
+      <!--area shape="poly" onmousemove="highlight('Mosel')"
+      onmouseout="unHighlight('Mosel')"
+      coords="167,561,169,560,172,560,174,556,177,556,179,552,181,551,184,551,187,550,187,553,189,552,189,549,191,545,193,544,194,542,196,541,198,537,200,535,205,525,207,523,208,521,210,520,212,518,220,514,221,512,225,510,225,513,224,515,216,519,214,523,212,524,209,530,207,532,205,536,203,537,201,541,199,542,194,552,192,554,191,556,188,557,185,557,183,559,180,560,176,562,174,564"
+      /-->
+    </map>
+    <img src="images/FLYS_Rhein.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Rhein" >
+    <img src="images/FLYS_Karte.png" style="position: absolute; left: 8px; top: 8px; z-index: 1" >
+  </div>
+</body>
+</html>
Binary file flys-client/src/main/webapp/images/FLYS_Mosel.png has changed
Binary file flys-client/src/main/webapp/images/FLYS_Rhein.png has changed
Binary file flys-client/src/main/webapp/images/FLYS_transp.png has changed

http://dive4elements.wald.intevation.org