|
2
|
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
|
|
|
13 <title>Spatio-Temporal Interface</title>
|
|
|
14
|
|
|
15 <script type="text/javascript" language="javascript" src="/e4D/sti/sti.nocache.js"></script>
|
|
|
16
|
|
|
17 <script src="/e4D/scripts/jQuery/jquery-1.5.1.js"></script>
|
|
|
18 <script src="/e4D/scripts/blockUI/FullscreenWindow.js">
|
|
|
19 </script>
|
|
|
20
|
|
|
21 <script src="/e4D/scripts/Timeplot/timeplot-complete.js">
|
|
|
22 </script>
|
|
|
23
|
|
|
24 <link type="text/css" rel="stylesheet" href="/e4D/Sti.css">
|
|
|
25 <link type="text/css" rel="stylesheet" href="/e4D/scripts/OpenLayers/theme/default/style.css">
|
|
|
26
|
|
|
27 <script src="/e4D/scripts/sti/timeplot-modify.js">
|
|
|
28 </script>
|
|
|
29 <script src="/e4D/scripts/sti/properties.js">
|
|
|
30 </script>
|
|
|
31 <script src="/e4D/scripts/sti/STIProps.js">
|
|
|
32 </script>
|
|
|
33 <script src="/e4D/scripts/sliderCombined.js"></script>
|
|
|
34
|
|
|
35 <!--[if IE]><script type="text/javascript" src="/e4D/scripts/libs/lib/excanvas.js"></script><![endif]-->
|
|
|
36
|
|
|
37 <script src="/e4D/scripts/sti/STIMap.js">
|
|
|
38 </script>
|
|
|
39 <script src="/e4D/scripts/sti/STITimeplot.js">
|
|
|
40 </script>
|
|
|
41 <script src="/e4D/scripts/sti/STICore.js">
|
|
|
42 </script>
|
|
|
43 <script src="/e4D/scripts/sti/DataObject.js">
|
|
|
44 </script>
|
|
|
45 <script src="/e4D/scripts/sti/DataSet.js">
|
|
|
46 </script>
|
|
|
47 <script src="/e4D/scripts/sti/ExtendedDataSource.js">
|
|
|
48 </script>
|
|
|
49 <script src="/e4D/scripts/sti/ExtendedSimileTimeDate.js">
|
|
|
50 </script>
|
|
|
51 <script src="/e4D/scripts/sti/PointObject.js">
|
|
|
52 </script>
|
|
|
53 <script src="/e4D/scripts/sti/clustering.js">
|
|
|
54 </script>
|
|
|
55 <script src="/e4D/scripts/sti/kruskal.js">
|
|
|
56 </script>
|
|
|
57 <script src='http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1'></script>
|
|
|
58 <!--<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=GOOGLE_API_KEY_HERE" type="text/javascript"></script>-->
|
|
|
59 <script src="/e4D/scripts/OpenLayers/OpenLayers.js"></script>
|
|
|
60
|
|
|
61 <script src="mmpa.js"></script>
|
|
|
62
|
|
|
63 </head>
|
|
|
64
|
|
|
65 <!-- -->
|
|
|
66 <!-- The body can have arbitrary html, or -->
|
|
|
67 <!-- you can leave the body empty if you want -->
|
|
|
68 <!-- to create a completely dynamic UI. -->
|
|
|
69 <!-- -->
|
|
|
70 <body>
|
|
|
71
|
|
|
72 <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
|
|
|
73 <noscript>
|
|
|
74 <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">
|
|
|
75 Your web browser must have JavaScript enabled
|
|
|
76 in order for this application to display correctly.
|
|
|
77 </div>
|
|
|
78 </noscript>
|
|
|
79 <div id="everything">
|
|
|
80 <div id="mainNavigation">
|
|
|
81 <ol>
|
|
|
82 <li><a id="locations" href="#">Locations</a></li>
|
|
|
83 <li><a id="species" href="#">Species</a></li>
|
|
|
84 <li><a id="applicants" href="#">Applicants</a></li>
|
|
|
85 </ol>
|
|
|
86 <div id="xpathSearch">
|
|
|
87 XPATH
|
|
|
88 <form action="/m/xpathSearch" method="GET">
|
|
|
89 path: - e.g.: //applicant/name/text()
|
|
|
90 <br/>
|
|
|
91 <textarea name="path" cols="30" rows="5"></textarea>
|
|
|
92 <br/>
|
|
|
93
|
|
|
94 value: - e.g.: Anna George
|
|
|
95 <br/>
|
|
|
96 <textarea name="value" cols="30" rows="2"></textarea>
|
|
|
97 <br/>
|
|
|
98 <input type="submit"/>
|
|
|
99 </form>
|
|
|
100 </div>
|
|
|
101
|
|
|
102 <div id="sqlSearch">
|
|
|
103 SQL
|
|
|
104 <form action="/m/sqlSearch" method="GET">
|
|
|
105 sql
|
|
|
106 <br/>
|
|
|
107 <textarea name="sql" cols="30" rows="5">
|
|
|
108 select data from locations
|
|
|
109 where
|
|
|
110 'Anna George' = ANY (cast (xpath('//name/text()', data) as text[])) ;
|
|
|
111 </textarea>
|
|
|
112 <br/>
|
|
|
113 xpath for location information:<br/>
|
|
|
114 <input size="50" value=".//place_information" name="xpathPlace"/>
|
|
|
115 <br/>
|
|
|
116
|
|
|
117
|
|
|
118 e4D: <input type="radio" name="output" value="e4D" checked="true"/>
|
|
|
119 text: <input type="radio" name="output" value="sql">
|
|
|
120 <input type="submit"/>
|
|
|
121 </form>
|
|
|
122 </div>
|
|
|
123 <div id="displayChoice"></div>
|
|
|
124 Applicants:<br/>
|
|
|
125 <div id="restrictionChoiceApplicant"></div>
|
|
|
126 Species:<br/>
|
|
|
127 <div id="restrictionChoiceSpecies"></div>
|
|
|
128 </div>
|
|
|
129 <div id="mainContainer">
|
|
|
130 <div id="tableWindow" class="tableWindow">
|
|
|
131 </div>
|
|
|
132 </div>
|
|
|
133 </div>
|
|
|
134 </body>
|
|
|
135 </html>
|
