issue114, pimp AJAX-loading notification
[phpfspot.git] / themes / default / templates / index.tpl
index 791dd32f446fb8a866867372be07cb94ad5fa31f..0bd7a7bbd042352a18c438b2dc1922eaef3d67a9 100644 (file)
@@ -1,14 +1,20 @@
 {include file="header.tpl"}
  <body onload="init_phpfspot();">
  
+  <!-- loading -->
+
+  <div id="HTML_AJAX_LOADING">
+   <img src="resources/loading.gif" style="vertical-align: middle;" />&nbsp;&nbsp;Loading...
+  </div>
+
   <!-- top menu -->
 
   <div class="menu">
    <div class="icons">
-    <a href="javascript:showPhotoIndex();" onclick="click(this);" title="Show Photo Index">
+    <a href="javascript:showPhotoIndex();" onclick="click(this);" title="Show Photo Index (CTRL+ALT+i)">
      <img src="resources/photo_index.png" alt="photo index" />
     </a>
-    <a href="javascript:resetAll();" onclick="click(this);" title="Reset selected-tags and search results">
+    <a href="javascript:resetAll();" onclick="click(this);" title="Reset selected-tags and search results (CTRL+ALT+r)">
      <img src="resources/reload.png" alt="reset tags" />
     </a>
     <a href="javascript:showCredits();" onclick="click(this);" title="Show's a little credit page">
   <span style="clear: both;">
   <!-- option column -->
   <div class="options" style="float: left;">
-   <table>
-    <tr>
-     <td>
-      {include file="search.tpl"}
-     </td>
-    </tr>
-    <tr>
-     <td>
-      <div id="tags">
-       {include file="tags.tpl"}
-      </div>
-     </td>
-    </tr>
-   </table>
+   <div>
+    {include file="search.tpl"}
+   </div>
+   <div id="tags">
+    {include file="tags.tpl"}
+   </div>
   </div>
   <!-- /option column -->