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&amp;v=2&amp;sensor=false&amp;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>