Mercurial > dive4elements > river

annotate gwt-client/src/main/webapp/images/FLYS_Karte_interactive.html @ 6396:f1018fd85183

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Set image size in image map to have initial scroll bars.
author Raimund Renkert <rrenkert@intevation.de>
date Fri, 21 Jun 2013 17:28:57 +0200
parents d848c887683a
children 402e9eb2922d
rev   line source
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
1 <html>
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
2 <head>
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
3 <script type="text/javascript">
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
4 var highlighted = "";
6134
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
5 function stripRiver(name) {
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
6 var module = getModule();
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
7 if (module === 'fixanalysis') {
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
8 if (name.contains('Donau') ||
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
9 name.contains('Main') ||
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
10 name.contains('Neckar')) {
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
11 return name.split(' ')[0];
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
12 }
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
13 }
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
14 return name;
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
15 }
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
16 function highlight(name){
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
17 unHighlight(highlighted);
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
18 var river;
6134
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
19 name = stripRiver(name);
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
20 if (availableRiver(name)) {
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
21 river = document.getElementById(name);
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
22 }
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
23 else {
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
24 river = document.getElementById(name + "_inactive");
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
25 }
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
26 if (river) {
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
27 highlighted = name;
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
28 river.style.visibility="visible";
6349
0b3193d268b6 Fix the "Saale-Thüringen" hover effect in the interactive JS map.
Christian Lins <christian.lins@intevation.de>
parents: 6348
diff changeset
29 }
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
30 }
6119
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
31 function highlightList(name) {
6134
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
32 name = stripRiver(name);
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
33 highlightRiver(name);
6119
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
34 }
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
35 function unHighlight(name) {
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
36 var river;
6134
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
37 name = stripRiver(name);
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
38 if (availableRiver(name)) {
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
39 river = document.getElementById(name);
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
40 }
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
41 else {
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
42 river = document.getElementById(name + "_inactive");
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
43 }
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
44 if (river) {
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
45 river.style.visibility="hidden";
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
46 }
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
47 }
6119
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
48 function unHighlightList(name) {
6134
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
49 name = stripRiver(name);
69f95a016308 Handle special highlighting for fix analysis.
Raimund Renkert <rrenkert@intevation.de>
parents: 6119
diff changeset
50 unHighlightRiver(name);
6119
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
51 }
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
52 </script>
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
53 </head>
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
54 <body>
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
55 <!-- Create Mappings -->
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
56 <div id="riverContainer">
6396
f1018fd85183 Set image size in image map to have initial scroll bars.
Raimund Renkert <rrenkert@intevation.de>
parents: 6360
diff changeset
57 <img src="images/FLYS_transp.png" usemap="#river" style="position: absolute; top: 8px; left: 8px; z-index: 100;" width="640" height="751">
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
58 <map name="river">
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
59
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
60 <!--FLYS_Karte.map-->
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
61 <!-- mit daten -->
6119
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
62 <area id="donau_area" shape="poly" onmouseover="highlight('Donau'); highlightList('Donau')" onmouseout="unHighlight('Donau'); unHighlightList('Donau')" onclick="selectRiver('Donau')" coords="226,668,276,668,277,646,385,578,433,576,431,587,458,604,429,620,396,634,363,658,305,681,230,691" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
63 <area id="donau_Ende_area" shape="poly" onmouseover="highlight('Donau'); highlightList('Donau')" onmouseout="unHighlight('Donau'); unHighlightList('Donau')" onclick="selectRiver('Donau')" coords="482,551,505,534,559,530,560,574,639,621,639,659,562,646,561,631,589,595,557,579,525,589,490,573" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
64 <area id="donau_nordarm_area" shape="poly" onmouseover="highlight('Donau (Regensburg Nordarm)'); highlightList('Donau (Regensburg Nordarm)')" onmouseout="unHighlight('Donau (Regensburg Nordarm)'); unHighlightList('Donau (Regensburg Nordarm)')" onclick="selectRiver('Donau (Regensburg Nordarm)')" coords="437,567,432,587,454,600,478,596,467,570,491,542,443,534,441,556" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
65 <area id="donau_schleusen_area" shape="poly" onmouseover="highlight('Donau (Schleusenkanäle)'); highlightList('Donau (Schleusenkanäle)')" onmouseout="unHighlight('Donau (Schleusenkanäle)'); unHighlightList('Donau (Schleusenkanäle)')" onclick="selectRiver('Donau (Schleusenkanäle)')" coords="467,569,482,552,490,573,526,589,559,579,589,596,561,631,557,614,522,618,504,600,477,594" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
66 <area id="elbe_area" shape="poly" onmouseover="highlight('Elbe'); highlightList('Elbe')" onmouseout="unHighlight('Elbe'); unHighlightList('Elbe')" onclick="selectRiver('Elbe')" coords="271,131,261,147,345,191,337,243,388,243,418,238,395,284,412,310,446,315,454,329,514,397,550,447,580,451,593,461,593,466,629,489,643,470,639,444,596,392,575,360,573,327,509,293,462,289,444,229,448,219,298,131" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
67 <area id="fulda_sommer_area" shape="poly" onmouseover="highlight('Fulda (Sommer)'); highlightList('Fulda (Sommer)')" onmouseout="unHighlight('Fulda (Sommer)'); unHighlightList('Fulda (Sommer)')" onclick="selectRiver('Fulda (Sommer)')" coords="315,363,307,371,307,381,313,386,310,393,322,402,322,414,312,425,305,437,338,436,350,410,334,399,326,389" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
68 <area id="fulda_winter_area" shape="poly" onmouseover="highlight('Fulda (Winter)'); highlightList('Fulda (Winter)')" onmouseout="unHighlight('Fulda (Winter)'); unHighlightList('Fulda (Winter)')" onclick="selectRiver('Fulda (Winter)')" coords="315,362,307,370,307,380,313,385,310,392,315,397,322,401,322,413,313,423,305,436,279,434,262,411,260,395,275,375,299,357" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
69 <area id="havel_area" shape="poly" onmouseover="highlight('Havel'); highlightList('Havel')" onmouseout="unHighlight('Havel'); unHighlightList('Havel')" onclick="selectRiver('Havel')" coords="444,230,462,288,519,270,533,217,519,177,491,189,458,202" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
70 <area id="lahn_area" shape="poly" onmouseover="highlight('Lahn'); highlightList('Lahn')" onmouseout="unHighlight('Lahn'); unHighlightList('Lahn')" onclick="selectRiver('Lahn')" coords="195,464,197,450,186,413,262,411,285,442,270,459,217,472" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
71 <area id="main_area" shape="poly" onmouseover="highlight('Main'); highlightList('Main')" onmouseout="unHighlight('Main'); unHighlightList('Main')" onclick="selectRiver('Main')" coords="240,492,240,466,303,462,335,445,375,444,454,469,468,501,394,500,381,480,350,480,337,493,344,541,308,529,272,524,269,504" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
72 <area id="main_limbach_area" shape="poly" onmouseover="highlight('Main (Wehrarm Limbach)'); highlightList('Main (Wehrarm Limbach)')" onmouseout="unHighlight('Main (Wehrarm Limbach)'); unHighlightList('Main (Wehrarm Limbach)')" onclick="selectRiver('Main (Wehrarm Limbach)')" coords="360,480,381,480,393,500,383,519,368,520" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
73 <area id="main_volkach_area" shape="poly" onmouseover="highlight('Main (Wehrarm Volkach)'); highlightList('Main (Wehrarm Volkach)')" onmouseout="unHighlight('Main (Wehrarm Volkach)'); unHighlightList('Main (Wehrarm Volkach)')" onclick="selectRiver('Main (Wehrarm Volkach)')" coords="350,480,360,480,368,522,343,541,337,493" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
74 <area id="mosel_area" shape="poly" onmouseover="highlight('Mosel'); highlightList('Mosel')" onmouseout="unHighlight('Mosel'); unHighlightList('Mosel')" onclick="selectRiver('Mosel')" coords="190,467,170,461,138,453,102,466,103,494,98,537,86,600,125,604,149,583,130,543,140,518,162,515,194,511" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
75 <area id="neckar_area" shape="poly" onmouseover="highlight('Neckar'); highlightList('Neckar')" onmouseout="unHighlight('Neckar'); unHighlightList('Neckar')" onclick="selectRiver('Neckar')" coords="231,641,253,653,288,640,386,577,357,559,342,541,319,540,292,547,290,583,308,590,306,615,250,604,226,630" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
76 <area id="neckar_wehrarm_area" shape="poly" onmouseover="highlight('Neckar (über Wehrarme)'); highlightList('Neckar (über Wehrarme)')" onmouseout="unHighlight('Neckar (über Wehrarme)'); unHighlightList('Neckar (über Wehrarme)')" onclick="selectRiver('Neckar (über Wehrarme)')" coords="272,524,248,540,253,561,259,570,254,605,306,615,308,590,290,583,292,546,320,540,309,529" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
77 <area id="oder_area" shape="poly" onmouseover="highlight('Oder'); highlightList('Oder')" onmouseout="unHighlight('Oder'); unHighlightList('Oder')" onclick="selectRiver('Oder')" coords="572,143,542,155,542,178,529,203,541,238,565,252,583,273,570,307,603,327,641,320,639,286,633,275,614,269,619,246,635,236,637,195,606,160" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
78 <area id="rhein_area" shape="poly" onmouseover="highlight('Rhein'); highlightList('Rhein')" onmouseout="unHighlight('Rhein'); unHighlightList('Rhein')" onclick="selectRiver('Rhein')" coords="86,301,138,317,157,334,153,355,177,381,185,407,198,450,197,464,219,471,224,478,240,473,241,492,269,502,273,523,249,539,254,561,260,570,256,597,227,628,229,639,252,653,277,644,279,668,236,670,237,690,265,687,281,696,283,717,248,728,188,737,170,718,167,669,203,569,222,545,213,521,195,521,193,467,171,459,145,444,122,403,49,391,52,352,23,344,4,304" />
6360
d848c887683a New images and hover areas for Saale and Saale-Thüringen.
Raimund Renkert <rrenkert@intevation.de>
parents: 6354
diff changeset
79 <area id="saale_area" shape="poly" onmouseover="highlight('Saale'); highlightList('Saale')" onmouseout="unHighlight('Saale'); unHighlightList('Saale')" onclick="selectRiver('Saale')" coords="445,314,414,311,366,299,366,342,395,346,404,356,477,371,463,341" />
d848c887683a New images and hover areas for Saale and Saale-Thüringen.
Raimund Renkert <rrenkert@intevation.de>
parents: 6354
diff changeset
80 <area id="saale_thueringen_area" shape="poly" onmouseover="highlight('Saale-Thüringen'); highlightList('Saale-Thüringen')" onmouseout="unHighlight('Saale-Thüringen'); unHighlightList('Saale-Thüringen')" onclick="selectRiver('Saale-Thüringen')" coords="430,365,462,377,477,385,430,461,375,444,387,415,402,408,420,387,435,383" />
6119
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
81 <area id="saar_area" shape="poly" onmouseover="highlight('Saar'); highlightList('Saar')" onmouseout="unHighlight('Saar'); unHighlightList('Saar')" onclick="selectRiver('Saar')" coords="150,539,129,544,139,564,155,588,181,593,187,565,201,536,195,526,195,512,154,516" />
6276
0a6e486e21c4 Add missing 'Saale-Thüringen' and 'Saar (Wiltinger Bogen)' hover images links. The latter is not available yet.
Christian Lins <christian.lins@intevation.de>
parents: 6134
diff changeset
82 <area id="saar_wiltingerbogen_area" shape="poly" onmouseover="highlight('Saar (Wiltinger Bogen)'); highlightList('Saar (Wiltinger Bogen)')" onmouseout="unHighlight('Saar (Wiltinger Bogen)'); unHighlightList('Saar (Wiltinger Bogen)')" onclick="selectRiver('Saar (Wiltinger Bogen)')" coords="139,518,155,516,149,540,130,542" />
6119
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
83 <area id="werra_sommer_area" shape="poly" onmouseover="highlight('Werra (Sommer)'); highlightList('Werra (Sommer)')" onmouseout="unHighlight('Werra (Sommer)'); unHighlightList('Werra (Sommer)')" onclick="selectRiver('Werra (Sommer)')" coords="316,361,334,351,360,342,387,345,398,354,384,372,381,389,371,400,350,390,345,382,336,378,334,372,329,368" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
84 <area id="werra_winter_area" shape="poly" onmouseover="highlight('Werra (Winter)'); highlightList('Werra (Winter)')" onmouseout="unHighlight('Werra (Winter)'); unHighlightList('Werra (Winter)')" onclick="selectRiver('Werra (Winter)')" coords="315,362,326,388,334,398,350,409,370,400,353,391,347,388,346,385,344,382,335,378,333,372,329,368" />
0b9f0d37fe6e We have a much faster interactive image map!
Raimund Renkert <rrenkert@intevation.de>
parents: 5968
diff changeset
85 <area id="weser_area" shape="poly" onmouseover="highlight('Weser'); highlightList('Weser')" onmouseout="unHighlight('Weser'); unHighlightList('Weser')" onclick="selectRiver('Weser')" coords="255,166,227,172,232,227,268,237,241,279,246,298,247,313,275,313,282,330,289,353,314,363,332,351,318,328,316,308,299,280,303,255,300,217,263,203,273,176" />
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
86 <!-- ohne daten -->
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
87 <area id="donau_1_area" shape="poly" onmouseover="highlight('Donau_1')" onmouseout="unHighlight('Donau_1')" onclick="selectRiver('Donau_1')" coords="346,639,316,672,334,750,379,750,374,735,369,715,370,696,372,664,365,648" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
88 <area id="donau_2_area" shape="poly" onmouseover="highlight('Donau_2')" onmouseout="unHighlight('Donau_2')" onclick="selectRiver('Donau_2')" coords="394,615,370,655,373,670,370,721,380,749,409,741,403,706,413,682,412,644,416,623" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
89 <area id="donau_3_area" shape="poly" onmouseover="highlight('Donau_3')" onmouseout="unHighlight('Donau_3')" onclick="selectRiver('Donau_3')" coords="503,600,477,596,459,603,427,622,413,644,414,682,404,707,416,748,448,717,456,705,456,682,450,659,464,634,518,617" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
90 <area id="donau_4_area" shape="poly" onmouseover="highlight('Donau_4')" onmouseout="unHighlight('Donau_4')" onclick="selectRiver('Donau_4')" coords="556,614,507,621,466,635,451,660,456,679,457,706,434,732,419,747,482,745,510,696,506,669,562,645" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
91 <area id="Elbe_1_area" shape="poly" onmouseover="highlight('Elbe_1')" onmouseout="unHighlight('Elbe_1')" onclick="selectRiver('Elbe_1')" coords="582,452,565,449,559,517,606,527,628,489,593,466,594,462" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
92 <area id="Elbe_2_area" shape="poly" onmouseover="highlight('Elbe_2')" onmouseout="unHighlight('Elbe_2')" onclick="selectRiver('Elbe_2')" coords="387,183,394,112,430,115,450,153,520,176,457,202,449,219" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
93 <area id="Elbe_3_area" shape="poly" onmouseover="highlight('Elbe_3')" onmouseout="unHighlight('Elbe_3')" onclick="selectRiver('Elbe_3')" coords="393,111,387,183,328,150,364,109,374,99" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
94 <area id="Elbe_4_area" shape="poly" onmouseover="highlight('Elbe_4')" onmouseout="unHighlight('Elbe_4')" onclick="selectRiver('Elbe_4')" coords="331,150,373,92,367,68,341,62,308,81,310,106,276,119,276,133,300,131" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
95 <area id="Elbe_5_area" shape="poly" onmouseover="highlight('Elbe_5')" onmouseout="unHighlight('Elbe_5')" onclick="selectRiver('Elbe_5')" coords="239,90,283,74,307,81,309,104,303,109,255,124" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
96 <area id="Elbe_6_area" shape="poly" onmouseover="highlight('Elbe_6')" onmouseout="unHighlight('Elbe_6')" onclick="selectRiver('Elbe_6')" coords="263,148,271,171,276,185,315,210,341,205,335,186" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
97 <area id="Ems_area" shape="poly" onmouseover="highlight('Ems')" onmouseout="unHighlight('Ems')" onclick="selectRiver('Ems')" coords="175,170,144,199,176,306,156,337,154,357,171,374,245,349,229,309,226,262,208,227,215,169" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
98 <area id="Main_Donau_area" shape="poly" onmouseover="highlight('Main_Donau')" onmouseout="unHighlight('Main_Donau')" onclick="selectRiver('Main_Donau')" coords="384,519,371,521,343,541,355,558,396,578,433,576,442,556,426,500,392,500" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
99 <area id="Saale_1_area" shape="poly" onmouseover="highlight('Saale_1')" onmouseout="unHighlight('Saale_1')" onclick="selectRiver('Saale_1')" coords="423,358,395,356,382,375,381,390,402,407,419,387,435,383" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
100 <area id="Spree_area" shape="poly" onmouseover="highlight('Spree')" onmouseout="unHighlight('Spree')" onclick="selectRiver('Spree')" coords="530,234,550,244,563,251,582,274,573,295,516,283" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
101 <area id="Weser_1_area" shape="poly" onmouseover="highlight('Weser_1')" onmouseout="unHighlight('Weser_1')" onclick="selectRiver('Weser_1')" coords="260,202,274,183,299,201,299,217,285,216" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
102 <area id="Weser_2_area" shape="poly" onmouseover="highlight('Weser_2')" onmouseout="unHighlight('Weser_2')" onclick="selectRiver('Weser_2')" coords="300,216,333,231,352,343,329,346,318,327,317,307,300,279,304,252" />
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
103 </map>
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
104 <!-- mit Daten -->
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
105 <img src="images/FLYS_Karte.png" style="position: absolute; left: 8px; top: 8px; z-index: 1" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
106 <img src="images/FLYS_Donau.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
107 <img src="images/FLYS_Donau_Nordarm.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau (Regensburg Nordarm)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
108 <img src="images/FLYS_Donau_Schleusen.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau (Schleusenkanäle)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
109 <img src="images/FLYS_Elbe.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
110 <img src="images/FLYS_Fulda_Sommer.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Fulda (Sommer)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
111 <img src="images/FLYS_Fulda_Winter.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Fulda (Winter)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
112 <img src="images/FLYS_Havel.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Havel" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
113 <img src="images/FLYS_Lahn.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Lahn" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
114 <img src="images/FLYS_Main.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Main" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
115 <img src="images/FLYS_Main_Limbach.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Main (Wehrarm Limbach)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
116 <img src="images/FLYS_Main_Volkach.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Main (Wehrarm Volkach)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
117 <img src="images/FLYS_Mosel.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Mosel" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
118 <img src="images/FLYS_Neckar.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Neckar" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
119 <img src="images/FLYS_Neckar_Wehrarm.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Neckar (über Wehrarme)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
120 <img src="images/FLYS_Oder.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Oder" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
121 <img src="images/FLYS_Rhein.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Rhein" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
122 <img src="images/FLYS_Saale.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saale" >
6354
626af4af74a5 Removed umlaut stripping for image map and renamed 'Saale Thüringen'.
Raimund Renkert <rrenkert@intevation.de>
parents: 6349
diff changeset
123 <img src="images/FLYS_Saale_Thueringen.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saale-Thüringen" >
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
124 <img src="images/FLYS_Saar.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saar" >
6276
0a6e486e21c4 Add missing 'Saale-Thüringen' and 'Saar (Wiltinger Bogen)' hover images links. The latter is not available yet.
Christian Lins <christian.lins@intevation.de>
parents: 6134
diff changeset
125 <img src="images/FLYS_Saar_WiltingerBogen.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saar (Wiltinger Bogen)" >
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
126 <img src="images/FLYS_Werra_Sommer.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Werra (Sommer)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
127 <img src="images/FLYS_Werra_Winter.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Werra (Winter)" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
128 <img src="images/FLYS_Weser.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Weser" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
129 <!-- ohne Daten -->
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
130 <img src="images/FLYS_Donau_1_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_1_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
131 <img src="images/FLYS_Donau_2_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_2_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
132 <img src="images/FLYS_Donau_3_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_3_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
133 <img src="images/FLYS_Donau_4_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_4_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
134 <img src="images/FLYS_Elbe_1_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_1_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
135 <img src="images/FLYS_Elbe_2_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_2_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
136 <img src="images/FLYS_Elbe_3_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_3_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
137 <img src="images/FLYS_Elbe_4_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_4_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
138 <img src="images/FLYS_Elbe_5_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_5_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
139 <img src="images/FLYS_Elbe_6_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_6_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
140 <img src="images/FLYS_Ems_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Ems_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
141 <img src="images/FLYS_Main_Donau_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Main_Donau_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
142 <img src="images/FLYS_Saale_1_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saale_1_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
143 <img src="images/FLYS_Spree_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Spree_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
144 <img src="images/FLYS_Weser_1_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Weser_1_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
145 <img src="images/FLYS_Weser_2_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Weser_2_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
146 <img src="images/FLYS_Donau_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
147 <img src="images/FLYS_Donau_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau (Regensburg Nordarm)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
148 <img src="images/FLYS_Donau_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau (Schleusenkanäle)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
149 <img src="images/FLYS_Fulda_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Fulda (Sommer)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
150 <img src="images/FLYS_Fulda_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Fulda (Winter)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
151 <img src="images/FLYS_Havel_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Havel_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
152 <img src="images/FLYS_Lahn_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Lahn_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
153 <img src="images/FLYS_Main_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Main_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
154 <img src="images/FLYS_Main_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Main (Wehrarm Limbach)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
155 <img src="images/FLYS_Main_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Main (Wehrarm Volkach)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
156 <img src="images/FLYS_Mosel_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Mosel_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
157 <img src="images/FLYS_Neckar_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Neckar_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
158 <img src="images/FLYS_Neckar_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Neckar (über Wehrarme)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
159 <img src="images/FLYS_Saale_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saale_inactive" >
6354
626af4af74a5 Removed umlaut stripping for image map and renamed 'Saale Thüringen'.
Raimund Renkert <rrenkert@intevation.de>
parents: 6349
diff changeset
160 <img src="images/FLYS_Saale_Thueringen_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saale-Thüringen_inactive" >
5926
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
161 <img src="images/FLYS_Saar_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saar_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
162 <img src="images/FLYS_Werra_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Werra (Sommer)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
163 <img src="images/FLYS_Werra_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Werra (Winter)_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
164 <img src="images/FLYS_Weser_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Weser_inactive" >
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
165 </div>
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
166 </body>
2604106173b6 HTML document and images for interactive image map.
Raimund Renkert <rrenkert@intevation.de>
parents:
diff changeset
167 </html>
http://dive4elements.wald.intevation.org