Mercurial > hg > events2kml
annotate WebContent/mmpa/index.html @ 6:a7c8d212f5f4 JS-viewer tip
exchanged e4D for new JS-viewer (GeoTemCo)
+ whitespace-changes (sorry!)
author | Sebastian Kruse <skruse@mpiwg-berlin.mpg.de> |
---|---|
date | Tue, 22 Jan 2013 15:12:30 +0100 |
parents | 6d286ce1a64f |
children |
rev | line source |
---|---|
3 | 1 <!doctype html> |
2 <!-- The DOCTYPE declaration above will set the --> | |
3 <!-- browser's rendering engine into --> | |
4 <!-- "Standards Mode". Replacing this declaration --> | |
5 <!-- with a "Quirks Mode" doctype may lead to some --> | |
6 <!-- differences in layout. --> | |
7 | |
8 <html> | |
9 <head> | |
10 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> | |
11 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | |
12 | |
4 | 13 <title>Spatio Temporal Interface 4</title> |
3 | 14 |
6
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
15 <link rel="stylesheet" href="css/geotemco.css" type="text/css" /> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
16 <script src="geotemco.js"></script> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
17 <script src="jquery.min.js"></script> |
3 | 18 |
19 | |
20 <script src="mmpa.js"></script> | |
21 <link type="text/css" rel="stylesheet" href="mmpa.css"> | |
22 </head> | |
23 | |
24 <!-- --> | |
25 <!-- The body can have arbitrary html, or --> | |
26 <!-- you can leave the body empty if you want --> | |
27 <!-- to create a completely dynamic UI. --> | |
28 <!-- --> | |
29 <body> | |
30 | |
31 <!-- RECOMMENDED if your web app will not function without JavaScript enabled --> | |
32 <noscript> | |
6
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
33 <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
34 Your web browser must have JavaScript enabled |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
35 in order for this application to display correctly. |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
36 </div> |
3 | 37 </noscript> |
6
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
38 |
3 | 39 <div id="topNab"> |
6
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
40 <a id="toggleMainNavigation" href="#">mainNav</a> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
41 <a id="toggleBrowseFacet" href="#">browseFacet</a> |
3 | 42 </div> |
6
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
43 |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
44 <div id="everything" width="100%"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
45 <div id="mainView" width="100%"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
46 <div id="mainNavigation"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
47 <ol> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
48 <li><a id="locations" href="#">Locations</a></li> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
49 <li><a id="species" href="#">Species</a></li> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
50 <li><a id="applicants" href="#">Applicants</a></li> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
51 </ol> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
52 <div id="xpathSearch"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
53 XPATH |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
54 <form action="/m/xpathSearch" method="GET"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
55 path: - e.g.: //applicant/name/text() |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
56 <br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
57 <textarea name="path" cols="30" rows="5"></textarea> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
58 <br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
59 |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
60 value: - e.g.: Anna George |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
61 <br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
62 <textarea name="value" cols="30" rows="2"></textarea> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
63 <br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
64 <input type="submit"/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
65 </form> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
66 </div> |
3 | 67 |
6
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
68 <div id="sqlSearch"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
69 SQL |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
70 <form action="/m/sqlSearch" method="GET"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
71 sql |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
72 <br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
73 <textarea name="sql" cols="30" rows="5"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
74 select data from locations |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
75 where |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
76 'Anna George' = ANY (cast (xpath('//name/text()', data) as text[])) ; |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
77 </textarea> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
78 <br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
79 xpath for location information:<br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
80 <input size="50" value=".//place_information" name="xpathPlace"/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
81 <br/> |
3 | 82 |
6
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
83 e4D: <input type="radio" name="output" value="e4D" checked="true"/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
84 text: <input type="radio" name="output" value="sql"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
85 <input type="submit"/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
86 </form> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
87 </div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
88 </div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
89 <div id="browseFacet"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
90 <div id="displayChoice"></div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
91 Applicants:<br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
92 <div id="restrictionChoiceApplicant"></div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
93 Species:<br/> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
94 <div id="restrictionChoiceSpecies"></div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
95 </div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
96 <div id="viewer"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
97 <table width="1000px"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
98 <tr> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
99 <td width="50%"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
100 <div id="mapContainerDiv""></div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
101 </td> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
102 <td width="50%" valign="top"> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
103 <div id="tableContainerDiv""></div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
104 </td> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
105 </tr> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
106 <tr> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
107 <td colspan=2> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
108 <div id="plotContainerDiv"></div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
109 </td> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
110 </tr> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
111 </table> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
112 </div> |
a7c8d212f5f4
exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
113 </div> |
3 | 114 </div> |
115 | |
116 </body> | |
117 </html> |