X-Git-Url: https://git.verplant.org/?a=blobdiff_plain;f=share%2Fcollection.js;h=e9b376abd3135e09134c935af82929586069a453;hb=95cad1f9e58e9f1a5480e62fc2cdd2c3de33a863;hp=026d434cc46cf08b08091b879738bca9101f7b4d;hpb=30478870f2afaf991ee19ab7b4c22d3ddcd7b8cd;p=collection4.git
diff --git a/share/collection.js b/share/collection.js
index 026d434..e9b376a 100644
--- a/share/collection.js
+++ b/share/collection.js
@@ -1,6 +1,8 @@
function format_instance(inst)
{
- return ("
" + inst.description + "");
+ return ("" + inst.description
+ + "");
}
function format_instance_list(instances)
@@ -24,22 +26,60 @@ function format_graph(graph)
return ("" + graph.title + format_instance_list (graph.instances) + "");
}
+function update_search_suggestions ()
+{
+ var term = $("#search-input").val ();
+ if (term.length < 2)
+ {
+ $("#search-suggest").hide ();
+ return (true);
+ }
+
+ $("#search-suggest").show ();
+ $.getJSON ("collection.fcgi",
+ { "action": "search_json", "q": term},
+ function(data)
+ {
+ var i;
+ $("#search-suggest").html ("");
+ for (i = 0; i < data.length; i++)
+ {
+ var graph = data[i];
+ $("#search-suggest").append (format_graph (graph));
+ }
+ }
+ );
+} /* update_search_suggestions */
+
$(document).ready(function() {
- $("#search-input").keyup (function()
+ /* $("#layout-middle-right").html (""); */
+ $("#search-form").append ("");
+ $("#search-suggest").hide ();
+
+ $("#search-input").blur (function()
+ {
+ window.setTimeout (function ()
+ {
+ $("#search-suggest").hide ();
+ }, 500);
+ });
+
+ $("#search-input").focus (function()
{
var term = $("#search-input").val ();
- $.getJSON ("collection.fcgi",
- { "action": "search_json", "q": term},
- function(data)
- {
- var i;
- $("#search-output").html ("");
- for (i = 0; i < data.length; i++)
- {
- var graph = data[i];
- $("#search-output").append (format_graph (graph));
- }
- });
+ if (term.length < 2)
+ {
+ $("#search-suggest").hide ();
+ }
+ else
+ {
+ $("#search-suggest").show ();
+ }
+ });
+
+ $("#search-input").keyup (function()
+ {
+ update_search_suggestions ();
});
});