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