index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
   3 <head>
   4         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   5         <title>MPD Player</title>
   6         <link rel="stylesheet" href="css/general.css" type="text/css" />
   7         <script type="text/javascript" src="ajax/mpd.js"></script>
   8 </head>
   9 <body onload="RefreshPageContent()">
  10
  11 <div id="frame">
  12
  13 <div id="playerframe">
  14
  15 <div id="nowplaying_heading">
  16 <table id="heading_tbl">
  17 <tr>
  18 <td id="left">Now playing</td>
  19 <td id="right">
  20 <span onclick="RefreshPageContent()"><img class="button" align="right" width="20" src="images/update.png"></span>
  21 </td>
  22 </tr>
  23 </table>
  24 </div>
  25
  26 <div id="nowplaying_content">
  27 </div>
  28
  29 <div id="control_buttons">
  30 <table>
  31 <tr>
  32 <td><span onclick="Command('previous')"><img class="button" src="images/previous.png"></span></td>
  33 <td><div id="playpausebutton"><span onclick="Command('pause')"><img class="button" src="images/pause.png"></span></div></td>
  34 <td><span onclick="Command('stop')"><img class="button" src="images/stop.png"></span></td>
  35 <td><span onclick="Command('next')"><img class="button" src="images/next.png"></span></td>
  36 <td><span onclick="Command('repeat')"><div id="repeatstate"><img class="button" src="images/repeaton.png"></div></span></td>
  37 </tr>
  38 </table>
  39 </div>
  40
  41 <div id="control_volume">
  42 <table>
  43 <tr>
  44 <td><span onclick="Command('vold')"><img class="button" src="images/minus.png"></span></td>
  45 <td id="volume_content">Volume:</td><td><div id="volume_total"></div></div></td>
  46 <td><span onclick="Command('volu')"><img class="button" src="images/plus.png"></span></td>
  47 </tr>
  48 </table>
  49 </div>
  50 </div>
  51
  52 <div id="playlist">
  53
  54 <div id="playlist_menu">
  55 <table>
  56 <tr>
  57 <td><span class="button" onclick="EditPlayList()"><img width="20" src="images/songs.png"></span><td>
  58 <td><span class="button" onclick="LoadPlayList()"><img width="20" src="images/lists.png"></span><td>
  59 <td><span class="button" onclick="SavePlayList()"><img width="20" src="images/save.png"></span><td>
  60 <td><span class="button" onclick="return confirm('Clear current playlist, are you sure?') ? PlaylistCommand('clear') : false;" ><img width="20" src="images/removeall.png"></span><td>
  61 <td><span class="button" onclick="PlaylistItemsCommand('removeselected')"><img width="20" src="images/removeselected.png"></span><td>
  62 </tr>
  63 </table>
  64 </div>
  65
  66 <div id="items">
  67 </div>
  68
  69 <div id="playlist_menu">
  70 <table>
  71 <tr>
  72 <td><span class="button" onclick="EditPlayList()"><img width="20" src="images/songs.png"></span><td>
  73 <td><span class="button" onclick="LoadPlayList()"><img width="20" src="images/lists.png"></span><td>
  74 <td><span class="button" onclick="SavePlayList()"><img width="20" src="images/save.png"></span><td>
  75 <td><span class="button" onclick="return confirm('Clear current playlist, are you sure?') ? PlaylistCommand('clear') : false;" ><img width="20" src="images/removeall.png"></span><td>
  76 <td><span class="button" onclick="PlaylistItemsCommand('removeselected')"><img width="20" src="images/removeselected.png"></span><td>
  77 </tr>
  78 </table>
  79 </div>
  80
  81 </div>
  82
  83 </div>
  84
  85 </body>