Mercurial > hg > events2kml

<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>Spatio Temporal Interface 4</title>

<link rel="stylesheet" href="css/geotemco.css" type="text/css" />
<script src="geotemco.js"></script>
<script src="jquery.min.js"></script>


<script src="mmpa.js"></script>
<link type="text/css" rel="stylesheet" href="mmpa.css">
</head>

<!--                                           -->
<!-- The body can have arbitrary html, or      -->
<!-- you can leave the body empty if you want  -->
<!-- to create a completely dynamic UI.        -->
<!--                                           -->
<body>

<!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
<noscript>
	<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">
	  Your web browser must have JavaScript enabled
	  in order for this application to display correctly.
	</div>
</noscript>

<div id="topNab">
	<a id="toggleMainNavigation" href="#">mainNav</a>
	<a id="toggleBrowseFacet" href="#">browseFacet</a>
</div>

<div id="everything" width="100%">
	<div id="mainView" width="100%">
		<div id="mainNavigation">
			<ol>
				<li><a id="locations" href="#">Locations</a></li>
				<li><a id="species" href="#">Species</a></li>
				<li><a id="applicants" href="#">Applicants</a></li>
			</ol>
			<div id="xpathSearch">
				XPATH
				<form action="/m/xpathSearch" method="GET">
				path: - e.g.: //applicant/name/text()
				<br/>
				<textarea name="path" cols="30" rows="5"></textarea>
				<br/>

				value: - e.g.: Anna George
				<br/>
				<textarea name="value" cols="30" rows="2"></textarea>
				<br/>
				<input type="submit"/>
				</form>
			</div>

			<div id="sqlSearch">
				SQL
				<form action="/m/sqlSearch" method="GET">
				sql
				<br/>
				<textarea name="sql" cols="30" rows="5">
				select data from locations
				where
				'Anna George'  = ANY (cast (xpath('//name/text()', data) as text[])) ;
				</textarea>
				<br/>
				xpath for location information:<br/>
				<input size="50" value=".//place_information" name="xpathPlace"/>
				<br/>

				e4D: <input type="radio" name="output" value="e4D" checked="true"/>
				text: <input type="radio" name="output" value="sql">
				<input type="submit"/>
				</form>
			</div>
		</div>
		<div id="browseFacet">
			<div id="displayChoice"></div>
			Applicants:<br/>
			<div id="restrictionChoiceApplicant"></div>
			Species:<br/>
			<div id="restrictionChoiceSpecies"></div>
		</div>
		<div id="viewer">
		    <table width="1000px">
		    	<tr>
		    		<td width="50%">
		    			<div id="mapContainerDiv""></div>
		    		</td>
		    		<td width="50%" valign="top">
		    			<div id="tableContainerDiv""></div>
		    		</td>
		    	</tr>
		    	<tr>
		    		<td colspan=2>
		    			<div id="plotContainerDiv"></div>
		    		</td>
		    	</tr>
		    </table>
		</div>
	</div>
</div>

</body>
</html>
author	Sebastian Kruse <skruse@mpiwg-berlin.mpg.de>
date	Tue, 22 Jan 2013 15:12:30 +0100
parents	6d286ce1a64f
children