Mercurial > hg > events2kml
comparison 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 |
comparison
equal
deleted
inserted
replaced
5:2715bff4628d | 6:a7c8d212f5f4 |
---|---|
10 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> | 10 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> |
11 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | 11 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
12 | 12 |
13 <title>Spatio Temporal Interface 4</title> | 13 <title>Spatio Temporal Interface 4</title> |
14 | 14 |
15 <script type="text/javascript" language="javascript" src="/e4D/sti/sti.nocache.js"></script> | 15 <link rel="stylesheet" href="css/geotemco.css" type="text/css" /> |
16 <script src="geotemco.js"></script> | |
17 <script src="jquery.min.js"></script> | |
16 | 18 |
17 <script src="/e4D/scripts/jQuery/jquery-1.5.1.js"></script> | |
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> | |
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 | 19 |
70 <script src="mmpa.js"></script> | 20 <script src="mmpa.js"></script> |
71 <link type="text/css" rel="stylesheet" href="mmpa.css"> | 21 <link type="text/css" rel="stylesheet" href="mmpa.css"> |
72 </head> | 22 </head> |
73 | 23 |
78 <!-- --> | 28 <!-- --> |
79 <body> | 29 <body> |
80 | 30 |
81 <!-- RECOMMENDED if your web app will not function without JavaScript enabled --> | 31 <!-- RECOMMENDED if your web app will not function without JavaScript enabled --> |
82 <noscript> | 32 <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"> | 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"> |
84 Your web browser must have JavaScript enabled | 34 Your web browser must have JavaScript enabled |
85 in order for this application to display correctly. | 35 in order for this application to display correctly. |
36 </div> | |
37 </noscript> | |
38 | |
39 <div id="topNab"> | |
40 <a id="toggleMainNavigation" href="#">mainNav</a> | |
41 <a id="toggleBrowseFacet" href="#">browseFacet</a> | |
86 </div> | 42 </div> |
87 </noscript> | 43 |
88 <div id="topNab"> | 44 <div id="everything" width="100%"> |
89 <a id="toggleMainNavigation" href="#">mainNav</a> | 45 <div id="mainView" width="100%"> |
90 <a id="toggleBrowseFacet" href="#">browseFacet</a> | 46 <div id="mainNavigation"> |
47 <ol> | |
48 <li><a id="locations" href="#">Locations</a></li> | |
49 <li><a id="species" href="#">Species</a></li> | |
50 <li><a id="applicants" href="#">Applicants</a></li> | |
51 </ol> | |
52 <div id="xpathSearch"> | |
53 XPATH | |
54 <form action="/m/xpathSearch" method="GET"> | |
55 path: - e.g.: //applicant/name/text() | |
56 <br/> | |
57 <textarea name="path" cols="30" rows="5"></textarea> | |
58 <br/> | |
59 | |
60 value: - e.g.: Anna George | |
61 <br/> | |
62 <textarea name="value" cols="30" rows="2"></textarea> | |
63 <br/> | |
64 <input type="submit"/> | |
65 </form> | |
66 </div> | |
67 | |
68 <div id="sqlSearch"> | |
69 SQL | |
70 <form action="/m/sqlSearch" method="GET"> | |
71 sql | |
72 <br/> | |
73 <textarea name="sql" cols="30" rows="5"> | |
74 select data from locations | |
75 where | |
76 'Anna George' = ANY (cast (xpath('//name/text()', data) as text[])) ; | |
77 </textarea> | |
78 <br/> | |
79 xpath for location information:<br/> | |
80 <input size="50" value=".//place_information" name="xpathPlace"/> | |
81 <br/> | |
82 | |
83 e4D: <input type="radio" name="output" value="e4D" checked="true"/> | |
84 text: <input type="radio" name="output" value="sql"> | |
85 <input type="submit"/> | |
86 </form> | |
87 </div> | |
88 </div> | |
89 <div id="browseFacet"> | |
90 <div id="displayChoice"></div> | |
91 Applicants:<br/> | |
92 <div id="restrictionChoiceApplicant"></div> | |
93 Species:<br/> | |
94 <div id="restrictionChoiceSpecies"></div> | |
95 </div> | |
96 <div id="viewer"> | |
97 <table width="1000px"> | |
98 <tr> | |
99 <td width="50%"> | |
100 <div id="mapContainerDiv""></div> | |
101 </td> | |
102 <td width="50%" valign="top"> | |
103 <div id="tableContainerDiv""></div> | |
104 </td> | |
105 </tr> | |
106 <tr> | |
107 <td colspan=2> | |
108 <div id="plotContainerDiv"></div> | |
109 </td> | |
110 </tr> | |
111 </table> | |
112 </div> | |
113 </div> | |
91 </div> | 114 </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 | 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> | 116 </body> |
165 </html> | 117 </html> |