From: Jan Schneider <jan@horde.org>
Date: Mon, 30 Nov 2009 15:55:07 +0000 (+0100)
Subject: Tweaked search form.
X-Git-Url: https://git.internetallee.de/?a=commitdiff_plain;h=06ff988579539260e598b48114221b40b6da83cb;p=horde.git

Tweaked search form.
---

diff --git a/kronolith/js/kronolith.js b/kronolith/js/kronolith.js
index 32e4f5599..bde32bee9 100644
--- a/kronolith/js/kronolith.js
+++ b/kronolith/js/kronolith.js
@@ -3407,6 +3407,17 @@ KronolithCore = {
         document.observe('dblclick', KronolithCore.clickHandler.bindAsEventListener(KronolithCore, true));
         document.observe('mouseover', KronolithCore.mouseHandler.bindAsEventListener(KronolithCore, 'over'));
 
+        $('kronolithSearchTerm').observe('focus', function() {
+            if ($F(this) == this.readAttribute('default')) {
+                this.clear();
+            }
+        });
+        $('kronolithSearchTerm').observe('blur', function() {
+            if (!$F(this)) {
+                this.setValue(this.readAttribute('default'));
+            }
+        });
+
         if (Horde.dhtmlHistory.initialize()) {
             Horde.dhtmlHistory.addListener(this.go.bind(this));
         }
diff --git a/kronolith/templates/index/index.inc b/kronolith/templates/index/index.inc
index 948951268..7c6832490 100644
--- a/kronolith/templates/index/index.inc
+++ b/kronolith/templates/index/index.inc
@@ -62,14 +62,9 @@
     </table>
   </div>
 
-  <h3 class="search">
-    <span><?php echo _("Search") ?></span>
-  </h3>
-
   <form id="kronolithSearchForm" action="">
-    <input type="text" id="kronolithSearchTerm" />
-    <input id="kronolithSearchButton" type="button" value="OK" class="button ok" />
-    <input id="kronolithSearchAdvanced" type="button" value="+" class="button" />
+    <input type="text" id="kronolithSearchTerm" value="<?php echo _("Search") ?>" default="<?php echo _("Search") ?>" />
+    <input id="kronolithSearchButton" type="image" src="<?php echo $GLOBALS['registry']->getImageDir() ?>/search-button.png" />
   </form>
 
   <div id="kronolithMenuCalendars">
diff --git a/kronolith/themes/graphics/search-button.png b/kronolith/themes/graphics/search-button.png
new file mode 100644
index 000000000..94c47d455
Binary files /dev/null and b/kronolith/themes/graphics/search-button.png differ
diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index c5b4eef96..20a09408f 100644
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -428,7 +428,7 @@ body.kronolithAjax {
 }
 #kronolithMenuCalendars {
     position: absolute;
-    top: 295px;
+    top: 265px;
     bottom: 0;
     width: 100%;
     overflow: auto;
@@ -444,13 +444,17 @@ body.kronolithAjax {
     border-bottom: 1px #000 dotted;
     cursor: default;
 }
-#kronolithMenu h3.search {
-    top: 15px;
+#kronolithMenu form {
+    padding: 0;
+    margin: 15px 0 5px 0;
 }
 #kronolithSearchForm {
     position: relative;
     top: 15px;
 }
+#kronolithSearchTerm {
+    width: 127px;
+}
 #kronolithMenu h3#kronolithCalendarsFirst {
     margin-top: 0;
 }
@@ -514,14 +518,6 @@ span#kronolithQuickEvent {
     color: transparent;
 }
 
-#kronolithMenu form {
-    padding: 0;
-    margin: 0 0 5px 0;
-}
-#kronolithSearchTerm {
-    width: 90px;
-}
-
 /* Quick edit */
 #kronolithQuickinsert {
     position: absolute;
diff --git a/kronolith/themes/silver/graphics/search-button.png b/kronolith/themes/silver/graphics/search-button.png
new file mode 100644
index 000000000..a158b9932
Binary files /dev/null and b/kronolith/themes/silver/graphics/search-button.png differ
diff --git a/kronolith/themes/tango-blue/graphics/search-button.png b/kronolith/themes/tango-blue/graphics/search-button.png
new file mode 100644
index 000000000..94c47d455
Binary files /dev/null and b/kronolith/themes/tango-blue/graphics/search-button.png differ