Mercurial > hg > audiodb
comparison examples/browser/web/index.html @ 640:901803e1305f
First instance of audioDB browser code.
| author | mas01mj |
|---|---|
| date | Thu, 08 Oct 2009 11:19:11 +0000 |
| parents | |
| children | 3e25f26b6a27 |
comparison
equal
deleted
inserted
replaced
| 639:2eaea1afd6b3 | 640:901803e1305f |
|---|---|
| 1 <html> | |
| 2 <head> | |
| 3 | |
| 4 <link rel="stylesheet" href="http://ontologyonline.org/css/blueprint/screen.css" type="text/css" media="screen, projection"/> | |
| 5 <link rel="stylesheet" href="css/jOWL.css" type="text/css"/> | |
| 6 <link rel="stylesheet" href="css/data_table.css" type="text/css"/> | |
| 7 <link rel="stylesheet" href="css/jq/custom-theme/jquery-ui-1.7.custom.css" type="text/css"/> | |
| 8 | |
| 9 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> | |
| 10 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/jquery-ui.min.js"></script> | |
| 11 <script type="text/javascript" src="js/jquery.dataTables.js"></script> | |
| 12 <script type="text/javascript" src="js/sparql.js"></script> | |
| 13 <script type="text/javascript" src="js/jOWL.js"></script> | |
| 14 <script type="text/javascript" src="js/jOWL_UI.js"></script> | |
| 15 <script type="text/javascript" src="js/browser.js"></script> | |
| 16 </head> | |
| 17 <body> | |
| 18 | |
| 19 <div class="ui-widget"> | |
| 20 <div class="ui-widget-header">Search Options</div> | |
| 21 <div class="ui-widget-content"> | |
| 22 <div align="center"> | |
| 23 <ul id="search_options"> | |
| 24 <li>Artist: <input type="text" id="artistsearch" /></li> | |
| 25 <li>Track: <input type="text" id="tracksearch" /></li> | |
| 26 <li><input type="button" id="search" value="Search" /></li> | |
| 27 </ul> | |
| 28 </div> | |
| 29 <div align="center"><span id="spinner">Searching...</span></div> | |
| 30 </div> | |
| 31 </div> | |
| 32 | |
| 33 <div class="ui-widget"> | |
| 34 <div class="ui-widget-header">Search Results</div> | |
| 35 <div class="ui-widget-content"> | |
| 36 <div align="center"> | |
| 37 <table class="display" id="results" width="50%"> | |
| 38 <thead> | |
| 39 <tr> | |
| 40 <th>Artist Name</th> | |
| 41 <th>Track Name</th> | |
| 42 <th>Track #</th> | |
| 43 <th>Album Name</th> | |
| 44 </tr> | |
| 45 </thead> | |
| 46 <tbody> | |
| 47 </tbody> | |
| 48 </table> | |
| 49 </div> | |
| 50 </div> | |
| 51 </div> | |
| 52 <div style="clear:both" id="query">Current Query</div> | |
| 53 | |
| 54 | |
| 55 </body> | |
| 56 </html> |