Mercurial > dive4elements > river
comparison flys-client/src/main/webapp/images/FLYS_Karte_interactive.html @ 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 | |
| children |
comparison
equal
deleted
inserted
replaced
| 5780:5e3c9027e09c | 5814:f145a0ce38f2 |
|---|---|
| 1 <html> | |
| 2 <head> | |
| 3 <script type="text/javascript"> | |
| 4 function highlight(name){ | |
| 5 document.getElementById(name).style.visibility="visible"; | |
| 6 highlightRiver(name); | |
| 7 } | |
| 8 function unHighlight(name) { | |
| 9 document.getElementById(name).style.visibility="hidden"; | |
| 10 } | |
| 11 </script> | |
| 12 </head> | |
| 13 <body> | |
| 14 <!-- Create Mappings --> | |
| 15 <div id="riverContainer"> | |
| 16 <img src="images/FLYS_transp.png" usemap="#river" style="position: absolute;z-index: 100;"> | |
| 17 <map name="river"> | |
| 18 <area id="rhein_area" shape="poly" onmouseover="highlight('Rhein')" | |
| 19 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" /> | |
| 20 <!--area shape="poly" onmousemove="highlight('Mosel')" | |
| 21 onmouseout="unHighlight('Mosel')" | |
| 22 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" | |
| 23 /--> | |
| 24 </map> | |
| 25 <img src="images/FLYS_Rhein.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Rhein" > | |
| 26 <img src="images/FLYS_Karte.png" style="position: absolute; left: 8px; top: 8px; z-index: 1" > | |
| 27 </div> | |
| 28 </body> | |
| 29 </html> |