Misc.

static/js/common.js

@@ -273,4 +273,37 @@ checkTableSelection = function(text) {
         return false;
     }
     return confirm(text);
+}
+
+searchbox_init = function() {
+    var myFx = new Fx.Slide($("searchparams"));
+    myFx.hide();
+    $("searchopts").addEvent("click", function(event) {
+        myFx.cancel();
+        myFx.toggle();
+    });
+    $$("input[name=scriteria]").addEvent("click", function(event) {
+        myFx.cancel();
+        myFx.toggle();
+    });
+    $("searchfield").addEvent("change", function(event) {
+        var criteria = "";
+        $$("input[name=scriteria]:checked").each(function(obj) {
+            criteria = obj.value;
+        });
+        var params = "pattern=" + $("searchfield").value
+            + "&criteria=" + criteria;
+        current_anchor.updateparams(params);
+        current_anchor.update();
+    });
+    $("searchfield").addEvent("click", function(event) {
+        $("searchfield").select();
+    });
+    
+    $("searchfield").addEvent("blur", function(event) {
+        if ($("searchfield").value == "") {
+            $("searchfield").set("value", "Search...");
+        }
+    });
+    $("searchbox").setStyle("float", "right");
 }

static/stylesheets/searchbar.css

@@ -0,0 +1,22 @@
+#searchbox {
+     /*float: left;*/ /* Marche pas ici?! obligé de le faire en JS sous FF */
+     margin-right: 10px;
+     z-index: 2;
+     position: relative;
+     margin-left: 10px;
+}
+
+#searchbox img {
+    float: left;
+    margin-top: 4px;
+    margin-right: 5px;
+}
+  
+#searchparams {
+    background: white;
+    padding: 5px;
+    width: 90%;
+    border-bottom: 5px solid #CCCCCC;
+    border-left: 5px solid #CCCCCC;
+    border-right: 5px solid #CCCCCC;
+}