|
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
|
|
|
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>
|
|
4
|
18 <script>
|
|
|
19 $.fn.cleanWhitespace = function() {
|
|
|
20 textNodes = this.contents().filter(
|
|
|
21 function() { return (this.nodeType == 3 && !/\S/.test(this.nodeValue)); })
|
|
|
22 .remove();
|
|
|
23 return this;
|
|
|
24 };
|
|
|
25 </script>
|
|
3
|
26 <script src="/e4D/scripts/blockUI/FullscreenWindow.js">
|
|
|
27 </script>
|
|
|
28
|
|
|
29 <script src="/e4D/scripts/Timeplot/timeplot-complete.js">
|
|
|
30 </script>
|
|
|
31
|
|
|
32 <link type="text/css" rel="stylesheet" href="/e4D/Sti.css">
|
|
|
33 <link type="text/css" rel="stylesheet" href="/e4D/scripts/OpenLayers/theme/default/style.css">
|
|
|
34
|
|
|
35 <script src="/e4D/scripts/sti/timeplot-modify.js">
|
|
|
36 </script>
|
|
|
37 <script src="/e4D/scripts/sti/properties.js">
|
|
|
38 </script>
|
|
|
39 <script src="/e4D/scripts/sti/STIProps.js">
|
|
|
40 </script>
|
|
|
41 <script src="/e4D/scripts/sliderCombined.js"></script>
|
|
|
42
|
|
|
43 <!--[if IE]><script type="text/javascript" src="/e4D/scripts/libs/lib/excanvas.js"></script><![endif]-->
|
|
|
44
|
|
|
45 <script src="/e4D/scripts/sti/STIMap.js">
|
|
|
46 </script>
|
|
|
47 <script src="/e4D/scripts/sti/STITimeplot.js">
|
|
|
48 </script>
|
|
|
49 <script src="/e4D/scripts/sti/STICore.js">
|
|
|
50 </script>
|
|
|
51 <script src="/e4D/scripts/sti/DataObject.js">
|
|
|
52 </script>
|
|
|
53 <script src="/e4D/scripts/sti/DataSet.js">
|
|
|
54 </script>
|
|
|
55 <script src="/e4D/scripts/sti/ExtendedDataSource.js">
|
|
|
56 </script>
|
|
|
57 <script src="/e4D/scripts/sti/ExtendedSimileTimeDate.js">
|
|
|
58 </script>
|
|
|
59 <script src="/e4D/scripts/sti/PointObject.js">
|
|
|
60 </script>
|
|
|
61 <script src="/e4D/scripts/sti/clustering.js">
|
|
|
62 </script>
|
|
|
63 <script src="/e4D/scripts/sti/kruskal.js">
|
|
|
64 </script>
|
|
|
65 <script src='http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1'></script>
|
|
|
66 <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
|
|
|
67 <!--<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=GOOGLE_API_KEY_HERE" type="text/javascript"></script>-->
|
|
|
68 <script src="/e4D/scripts/OpenLayers/OpenLayers.js"></script>
|
|
|
69
|
|
|
70 <script src="mmpa.js"></script>
|
|
|
71 <link type="text/css" rel="stylesheet" href="mmpa.css">
|
|
|
72 </head>
|
|
|
73
|
|
|
74 <!-- -->
|
|
|
75 <!-- The body can have arbitrary html, or -->
|
|
|
76 <!-- you can leave the body empty if you want -->
|
|
|
77 <!-- to create a completely dynamic UI. -->
|
|
|
78 <!-- -->
|
|
|
79 <body>
|
|
|
80
|
|
|
81 <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
|
|
|
82 <noscript>
|
|
|
83 <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">
|
|
|
84 Your web browser must have JavaScript enabled
|
|
|
85 in order for this application to display correctly.
|
|
|
86 </div>
|
|
|
87 </noscript>
|
|
|
88 <div id="topNab">
|
|
|
89 <a id="toggleMainNavigation" href="#">mainNav</a>
|
|
|
90 <a id="toggleBrowseFacet" href="#">browseFacet</a>
|
|
|
91 </div>
|
|
|
92 <div id="everything">
|
|
|
93 <div id="mainView">
|
|
|
94 <div id="mainNavigation">
|
|
|
95 <ol>
|
|
|
96 <li><a id="locations" href="#">Locations</a></li>
|
|
|
97 <li><a id="species" href="#">Species</a></li>
|
|
|
98 <li><a id="applicants" href="#">Applicants</a></li>
|
|
|
99 </ol>
|
|
|
100 <div id="xpathSearch">
|
|
|
101 XPATH
|
|
|
102 <form action="/m/xpathSearch" method="GET">
|
|
|
103 path: - e.g.: //applicant/name/text()
|
|
|
104 <br/>
|
|
|
105 <textarea name="path" cols="30" rows="5"></textarea>
|
|
|
106 <br/>
|
|
|
107
|
|
|
108 value: - e.g.: Anna George
|
|
|
109 <br/>
|
|
|
110 <textarea name="value" cols="30" rows="2"></textarea>
|
|
|
111 <br/>
|
|
|
112 <input type="submit"/>
|
|
|
113 </form>
|
|
|
114 </div>
|
|
|
115
|
|
|
116 <div id="sqlSearch">
|
|
|
117 SQL
|
|
|
118 <form action="/m/sqlSearch" method="GET">
|
|
|
119 sql
|
|
|
120 <br/>
|
|
|
121 <textarea name="sql" cols="30" rows="5">
|
|
|
122 select data from locations
|
|
|
123 where
|
|
|
124 'Anna George' = ANY (cast (xpath('//name/text()', data) as text[])) ;
|
|
|
125 </textarea>
|
|
|
126 <br/>
|
|
|
127 xpath for location information:<br/>
|
|
|
128 <input size="50" value=".//place_information" name="xpathPlace"/>
|
|
|
129 <br/>
|
|
|
130
|
|
|
131
|
|
|
132 e4D: <input type="radio" name="output" value="e4D" checked="true"/>
|
|
|
133 text: <input type="radio" name="output" value="sql">
|
|
|
134 <input type="submit"/>
|
|
|
135 </form>
|
|
|
136 </div>
|
|
|
137 </div>
|
|
|
138 <div id="browseFacet">
|
|
|
139 <div id="displayChoice"></div>
|
|
|
140 Applicants:<br/>
|
|
|
141 <div id="restrictionChoiceApplicant"></div>
|
|
|
142 Species:<br/>
|
|
|
143 <div id="restrictionChoiceSpecies"></div>
|
|
|
144 </div>
|
|
|
145 <div id="viewer">
|
|
|
146 <table>
|
|
|
147
|
|
|
148 <tr>
|
|
|
149 <td valign="top">
|
|
|
150 <div id="mainContainer">
|
|
|
151 </div>
|
|
|
152 </td>
|
|
|
153
|
|
|
154 <td valign="top" width="100%" style="position: relative; top: 74px;">
|
|
|
155 <div id="tableWindow" class="tableWindow">
|
|
|
156 </div>
|
|
|
157 </td>
|
|
|
158 </tr>
|
|
|
159
|
|
|
160 </table>
|
|
|
161 </div>
|
|
|
162 </div>
|
|
|
163 </div>
|
|
|
164 </body>
|
|
|
165 </html>
|
