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