Mercurial > dive4elements > river
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>