Mercurial > hg > events2kml
comparison WebContent/mmpa/index.html @ 3:f198c86dd1f6
umstellung fuer dariah browser
author | dwinter |
---|---|
date | Wed, 09 Jan 2013 14:37:39 +0100 |
parents | |
children | 6d286ce1a64f |
comparison
equal
deleted
inserted
replaced
2:d8af0ff76407 | 3:f198c86dd1f6 |
---|---|
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> |