Mercurial > hg > audiodb

diff examples/browser/web/index.html @ 640:901803e1305f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
First instance of audioDB browser code.
author mas01mj
date Thu, 08 Oct 2009 11:19:11 +0000
parents
children 3e25f26b6a27
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/examples/browser/web/index.html	Thu Oct 08 11:19:11 2009 +0000
@@ -0,0 +1,56 @@
+<html>
+<head>
+
+<link rel="stylesheet" href="http://ontologyonline.org/css/blueprint/screen.css" type="text/css" media="screen, projection"/>
+<link rel="stylesheet" href="css/jOWL.css" type="text/css"/>
+<link rel="stylesheet" href="css/data_table.css" type="text/css"/>
+<link rel="stylesheet" href="css/jq/custom-theme/jquery-ui-1.7.custom.css" type="text/css"/>
+
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>      
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/jquery-ui.min.js"></script>
+<script type="text/javascript" src="js/jquery.dataTables.js"></script>
+<script type="text/javascript" src="js/sparql.js"></script>
+<script type="text/javascript" src="js/jOWL.js"></script>
+<script type="text/javascript" src="js/jOWL_UI.js"></script>
+<script type="text/javascript" src="js/browser.js"></script>
+</head>
+<body>
+
+<div class="ui-widget">
+	<div class="ui-widget-header">Search Options</div>
+	<div class="ui-widget-content">
+		<div align="center">
+		<ul id="search_options">
+			<li>Artist: <input type="text" id="artistsearch" /></li>
+			<li>Track: <input type="text" id="tracksearch" /></li>
+			<li><input type="button" id="search" value="Search" /></li>
+		</ul>
+		</div>
+		<div align="center"><span id="spinner">Searching...</span></div>
+	</div>
+</div>
+
+<div class="ui-widget">
+<div class="ui-widget-header">Search Results</div>
+<div class="ui-widget-content">
+<div align="center">
+<table class="display" id="results" width="50%">
+    <thead>
+        <tr>
+            <th>Artist Name</th>
+            <th>Track Name</th>
+            <th>Track #</th>
+            <th>Album Name</th>
+        </tr>
+    </thead>
+    <tbody>
+    </tbody>
+</table>
+</div>
+</div>
+</div>
+<div style="clear:both" id="query">Current Query</div>
+
+
+</body>
+</html>