Mercurial > dive4elements > river

<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>
author	Raimund Renkert <rrenkert@intevation.de>
date	Wed, 24 Apr 2013 15:13:09 +0200
parents
children