view webServer/mmpa/index.html @ 2:d8af0ff76407

files for the web server
author dwinter
date Fri, 12 Oct 2012 08:39:40 +0200
parents
children
line wrap: on
line source

<!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</title>

<script type="text/javascript" language="javascript" src="/e4D/sti/sti.nocache.js"></script>

<script src="/e4D/scripts/jQuery/jquery-1.5.1.js"></script>
<script src="/e4D/scripts/blockUI/FullscreenWindow.js">
</script>

<script src="/e4D/scripts/Timeplot/timeplot-complete.js">
</script>

<link type="text/css" rel="stylesheet" href="/e4D/Sti.css">
<link type="text/css" rel="stylesheet" href="/e4D/scripts/OpenLayers/theme/default/style.css">

<script src="/e4D/scripts/sti/timeplot-modify.js">
</script>
<script src="/e4D/scripts/sti/properties.js">
</script>
<script src="/e4D/scripts/sti/STIProps.js">
</script>
<script src="/e4D/scripts/sliderCombined.js"></script>

<!--[if IE]><script type="text/javascript" src="/e4D/scripts/libs/lib/excanvas.js"></script><![endif]-->

<script src="/e4D/scripts/sti/STIMap.js">
</script>
<script src="/e4D/scripts/sti/STITimeplot.js">
</script>
<script src="/e4D/scripts/sti/STICore.js">
</script>
<script src="/e4D/scripts/sti/DataObject.js">
</script>
<script src="/e4D/scripts/sti/DataSet.js">
</script>
<script src="/e4D/scripts/sti/ExtendedDataSource.js">
</script>
<script src="/e4D/scripts/sti/ExtendedSimileTimeDate.js">
</script>
<script src="/e4D/scripts/sti/PointObject.js">
</script>
<script src="/e4D/scripts/sti/clustering.js">
</script>
<script src="/e4D/scripts/sti/kruskal.js">
</script>
<script src='http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1'></script>
<!--<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>-->
<script src="/e4D/scripts/OpenLayers/OpenLayers.js"></script>

<script src="mmpa.js"></script>

</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="everything">
<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 id="displayChoice"></div>
Applicants:<br/>
<div id="restrictionChoiceApplicant"></div>
Species:<br/>
<div id="restrictionChoiceSpecies"></div>
</div>
<div id="mainContainer">
<div id="tableWindow" class="tableWindow">
</div>
</div>
</div>
</body>
</html>