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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
3
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
1 <!doctype html>
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
2 <!-- The DOCTYPE declaration above will set the -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
3 <!-- browser's rendering engine into -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
4 <!-- "Standards Mode". Replacing this declaration -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
5 <!-- with a "Quirks Mode" doctype may lead to some -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
6 <!-- differences in layout. -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
7
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
8 <html>
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
9 <head>
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
10 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
11 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
12
4
6d286ce1a64f inline refresh
dwinter
parents: 3
diff changeset
13 <title>Spatio Temporal Interface 4</title>
3
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
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
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
18
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
19
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
20 <script src="mmpa.js"></script>
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
21 <link type="text/css" rel="stylesheet" href="mmpa.css">
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
22 </head>
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
23
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
24 <!-- -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
25 <!-- The body can have arbitrary html, or -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
26 <!-- you can leave the body empty if you want -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
27 <!-- to create a completely dynamic UI. -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
28 <!-- -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
29 <body>
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
30
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
31 <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
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
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
37 </noscript>
6
a7c8d212f5f4 exchanged e4D for new JS-viewer (GeoTemCo)
Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
38
3
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
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
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
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
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
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
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
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
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
114 </div>
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
115
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
116 </body>
f198c86dd1f6 umstellung fuer dariah browser
dwinter
parents:
diff changeset
117 </html>