|
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
|
|
|
13 <title>Spatio Temporal Interface 3</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/api/js?sensor=false" type="text/javascript"></script>
|
|
|
59 <!--<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=GOOGLE_API_KEY_HERE" type="text/javascript"></script>-->
|
|
|
60 <script src="/e4D/scripts/OpenLayers/OpenLayers.js"></script>
|
|
|
61
|
|
|
62 <script src="mmpa.js"></script>
|
|
|
63 <link type="text/css" rel="stylesheet" href="mmpa.css">
|
|
|
64 </head>
|
|
|
65
|
|
|
66 <!-- -->
|
|
|
67 <!-- The body can have arbitrary html, or -->
|
|
|
68 <!-- you can leave the body empty if you want -->
|
|
|
69 <!-- to create a completely dynamic UI. -->
|
|
|
70 <!-- -->
|
|
|
71 <body>
|
|
|
72
|
|
|
73 <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
|
|
|
74 <noscript>
|
|
|
75 <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">
|
|
|
76 Your web browser must have JavaScript enabled
|
|
|
77 in order for this application to display correctly.
|
|
|
78 </div>
|
|
|
79 </noscript>
|
|
|
80 <div id="topNab">
|
|
|
81 <a id="toggleMainNavigation" href="#">mainNav</a>
|
|
|
82 <a id="toggleBrowseFacet" href="#">browseFacet</a>
|
|
|
83 </div>
|
|
|
84 <div id="everything">
|
|
|
85 <div id="mainView">
|
|
|
86 <div id="mainNavigation">
|
|
|
87 <ol>
|
|
|
88 <li><a id="locations" href="#">Locations</a></li>
|
|
|
89 <li><a id="species" href="#">Species</a></li>
|
|
|
90 <li><a id="applicants" href="#">Applicants</a></li>
|
|
|
91 </ol>
|
|
|
92 <div id="xpathSearch">
|
|
|
93 XPATH
|
|
|
94 <form action="/m/xpathSearch" method="GET">
|
|
|
95 path: - e.g.: //applicant/name/text()
|
|
|
96 <br/>
|
|
|
97 <textarea name="path" cols="30" rows="5"></textarea>
|
|
|
98 <br/>
|
|
|
99
|
|
|
100 value: - e.g.: Anna George
|
|
|
101 <br/>
|
|
|
102 <textarea name="value" cols="30" rows="2"></textarea>
|
|
|
103 <br/>
|
|
|
104 <input type="submit"/>
|
|
|
105 </form>
|
|
|
106 </div>
|
|
|
107
|
|
|
108 <div id="sqlSearch">
|
|
|
109 SQL
|
|
|
110 <form action="/m/sqlSearch" method="GET">
|
|
|
111 sql
|
|
|
112 <br/>
|
|
|
113 <textarea name="sql" cols="30" rows="5">
|
|
|
114 select data from locations
|
|
|
115 where
|
|
|
116 'Anna George' = ANY (cast (xpath('//name/text()', data) as text[])) ;
|
|
|
117 </textarea>
|
|
|
118 <br/>
|
|
|
119 xpath for location information:<br/>
|
|
|
120 <input size="50" value=".//place_information" name="xpathPlace"/>
|
|
|
121 <br/>
|
|
|
122
|
|
|
123
|
|
|
124 e4D: <input type="radio" name="output" value="e4D" checked="true"/>
|
|
|
125 text: <input type="radio" name="output" value="sql">
|
|
|
126 <input type="submit"/>
|
|
|
127 </form>
|
|
|
128 </div>
|
|
|
129 </div>
|
|
|
130 <div id="browseFacet">
|
|
|
131 <div id="displayChoice"></div>
|
|
|
132 Applicants:<br/>
|
|
|
133 <div id="restrictionChoiceApplicant"></div>
|
|
|
134 Species:<br/>
|
|
|
135 <div id="restrictionChoiceSpecies"></div>
|
|
|
136 </div>
|
|
|
137 <div id="viewer">
|
|
|
138 <table>
|
|
|
139
|
|
|
140 <tr>
|
|
|
141 <td valign="top">
|
|
|
142 <div id="mainContainer">
|
|
|
143 </div>
|
|
|
144 </td>
|
|
|
145
|
|
|
146 <td valign="top" width="100%" style="position: relative; top: 74px;">
|
|
|
147 <div id="tableWindow" class="tableWindow">
|
|
|
148 </div>
|
|
|
149 </td>
|
|
|
150 </tr>
|
|
|
151
|
|
|
152 </table>
|
|
|
153 </div>
|
|
|
154 </div>
|
|
|
155 </div>
|
|
|
156 </body>
|
|
|
157 </html>
|
