From 9c5108ffab6828562c5a976ddb92ac0ec459a9a3 Mon Sep 17 00:00:00 2001 From: hukl Date: Wed, 10 Jun 2009 23:21:39 +0200 Subject: added basic ajax search interface. lots of css / js improvements needed but it seems to work quite okay for now. more on that tomorrow --- public/javascripts/admin_interface.js | 2 ++ public/javascripts/admin_search.js | 28 ++++++++++++++++++++++++++++ public/stylesheets/admin.css | 5 ++++- 3 files changed, 34 insertions(+), 1 deletion(-) create mode 100644 public/javascripts/admin_search.js (limited to 'public') diff --git a/public/javascripts/admin_interface.js b/public/javascripts/admin_interface.js index 0085bc2..5fe91a2 100644 --- a/public/javascripts/admin_interface.js +++ b/public/javascripts/admin_interface.js @@ -1,4 +1,6 @@ $(document).ready(function () { + admin_search.initialize(); + $("#metadata").attr("style", "display: none;"); $("#button").click(function () { diff --git a/public/javascripts/admin_search.js b/public/javascripts/admin_search.js new file mode 100644 index 0000000..d645cca --- /dev/null +++ b/public/javascripts/admin_search.js @@ -0,0 +1,28 @@ +admin_search = { + + initialize : function() { + $("#search_term").bind("keyup", function() { + if ($(this).attr("value")) { + $.ajax({ + type: "GET", + url: "/admin/search", + data: "search_term=" + $(this).attr("value"), + dataType: "json", + success : function(results) { + admin_search.show_results(results); + } + }); + } + else { + $('#results').empty(); + } + }); + }, + + show_results : function(results) { + $('#results').empty(); + for (result in results) { + $('#results').append("

" + results[result].title + "

"); + } + } +} \ No newline at end of file diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index 982a231..e077918 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css @@ -64,7 +64,7 @@ div.pagination span.current, div.pagination a:hover { text-align: right; } -#navigation { +#navigation, #subnavigation { margin-left: 0px; float: left; } @@ -100,6 +100,9 @@ div.pagination span.current, div.pagination a:hover { background-color: #000000; } +#admin_search { +} + /* Nodes */ table#node_table { -- cgit v1.3