cleanup: worked a bit on valid html

[phpfspot.git] / themes / default / templates / search.tpl

diff --git a/themes/default/templates/search.tpl b/themes/default/templates/search.tpl
index 549f2dc071acd7a93d9f1d6e716a0457b03e2d38..77ed7adbadc2d9dfe079361e89e54699b6c02b9e 100644 (file)
--- a/themes/default/templates/search.tpl
+++ b/themes/default/templates/search.tpl
@@ -1,50 +1,81 @@
-<table style="width: 100%;">
+<span class="tags">
+ <img src="resources/loupe.png" alt="loupe" />Search:
+</span>
+<form action="" onsubmit="startSearch(); return false;">
+<div class="searchfor">
+<table>
  <tr>
-  <td style="vertical-align: middle; text-decoration: underline;">
-   <img src="resources/loupe.png" alt="loupe" />Search:
+  <td>Tag:</td>
+  <td>
+   { if $use_autocomplete }
+   <input type="text" name="searchfor_tag" id="searchfor_tag" value="{$searchfor_tag}" size="15" acdropdown="true" autocomplete_list="url:rpc.php?action=getxmltaglist&amp;search=[S]&amp;length=10" />
+   { literal }
+   <script type="text/javascript">
+      var options = {
+         script: "rpc.php?action=getxmltaglist&amp;",
+         varname: "search",
+         json: false,
+         maxresults: 15
+      };
+      var as = new bsn.AutoSuggest('searchfor_tag', options);
+   </script>
+   { /literal }
+   { else }
+   <input type="text" name="searchfor_tag" value="{$searchfor_tag}" size="15" />
+   { /if }
   </td>
+  <td>
+   <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
+  </td>
+ </tr>
+ <tr>
+  <td>Name:</td>
+  <td>
+   <input type="text" name="searchfor_name" value="{$searchfor_name}" size="15" />
+  </td>
+  <td>
+   <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
+  </td>
+ </tr>
+ <tr>
+  <td>Date:</td>
+  <td class="nowarp">
+   { if ! $date_search_enabled }
+    <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();" />
+   { else }
+    <input type="checkbox" class="checkbox" name="consider_date" value="Y" onclick="datesearch();" checked="checked" />
+   { /if }
+   consider date-range
+  </td>
+  <td>&nbsp;</td>
  </tr>
  <tr>
-  <td class="searchfor">
-   <table>
-    <form action="" onsubmit="startSearch(); return false;">
-    <tr>
-     <td>Tag:</td>
-     <td>
-      <input type="text" name="searchfor" value="{$searchfor}" size="15" />
-     </td>
-     <td>
-      <input type="image" src="resources/doit.png" alt="Tag-Search" />
-     </td>
-    </tr>
-    <tr>
-     <td>Date:</td>
-     <td><input type="checkbox" name="consider_date" value="Y" onclick="datesearch();">consider date-search
-    </tr>
-    <tr>
-     <td>&nbsp;</td>
-     <td>{$from_date} <a href="javascript:showCalendar('from');" onclick="click(this);"><img src="resources/date.png" id="frompic"/></a></td>
-    </tr>
-    <tr>
-     <td>&nbsp;</td>
-     <td>
-      {$to_date} <a href="javascript:showCalendar('to');" onclick="click(this);"><img src="resources/date.png" id="topic" /></a>
-     </td>
-     <td>
-      <input type="image" src="resources/doit.png" alt="Tag-Search" />
-     </td>
-    </tr>
-    <tr>
-     <td>
-      Sort-Order:
-     </td>
-     <td>
-      {$sort_field}
-     </td>
-    </tr>
-    </form>
-   </table>
-   <div id='calendar'></div>
+  <td>&nbsp;</td>
+  <td>{$from_date} <a href="javascript:showCalendar('from');" onclick="click(this);"><img src="resources/date.png" id="frompic" alt="from" /></a></td>
+ </tr>
+ <tr>
+  <td>&nbsp;</td>
+  <td>
+   {$to_date} <a href="javascript:showCalendar('to');" onclick="click(this);"><img src="resources/date.png" id="topic" alt="to" /></a>
+  </td>
+  <td>
+   <input type="image" class="submit" src="resources/doit.png" alt="start search" title="start search" onclick="click(this);" />
+  </td>
+ </tr>
+ <tr>
+  <td>
+   Sort-Order:&nbsp;
+  </td>
+  <td>
+   <select name="sort_order" onchange="update_sort_order(this);">
+    { sort_select_list }
+   </select>
+  </td>
+  <td>
+   &nbsp;
   </td>
  </tr>
 </table>
+</div>
+</form>
+<div id='calendar'></div>