Mercurial > dive4elements > river
annotate 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 |
rev | line source |
---|---|
5814
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
1 <html> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
2 <head> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
3 <script type="text/javascript"> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
4 function highlight(name){ |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
5 document.getElementById(name).style.visibility="visible"; |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
6 highlightRiver(name); |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
7 } |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
8 function unHighlight(name) { |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
9 document.getElementById(name).style.visibility="hidden"; |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
10 } |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
11 </script> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
12 </head> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
13 <body> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
14 <!-- Create Mappings --> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
15 <div id="riverContainer"> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
16 <img src="images/FLYS_transp.png" usemap="#river" style="position: absolute;z-index: 100;"> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
17 <map name="river"> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
18 <area id="rhein_area" shape="poly" onmouseover="highlight('Rhein')" |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
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" /> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
20 <!--area shape="poly" onmousemove="highlight('Mosel')" |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
21 onmouseout="unHighlight('Mosel')" |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
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" |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
23 /--> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
24 </map> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
25 <img src="images/FLYS_Rhein.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Rhein" > |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
26 <img src="images/FLYS_Karte.png" style="position: absolute; left: 8px; top: 8px; z-index: 1" > |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
27 </div> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
28 </body> |
f145a0ce38f2
Added images to higlight rivers (currently only 'Rhein', 'Mosel').
Raimund Renkert <rrenkert@intevation.de>
parents:
diff
changeset
|
29 </html> |