app/views/posts/index.rjs log/.gitignore @@ -13,6 +13,7 @@ class PostsController < ApplicationController response_for :index do |format| format.html + format.js { render :template => 'posts/index.rjs' } format.rss do headers['Content-Type'] = 'application/rss+xml; charset=utf-8' render :action => 'index_rss', :layout => false app/controllers/posts_controller.rb @@ -7,3 +7,9 @@ %h2 Archives - for month in Post.months_spanned = link_to month.strftime('%B %Y'), :controller => 'posts', :action => 'dates', :year => month.year, :month => month.month +.sect.search + %h2 Search + - form_tag "/posts", :method => :get do + = submit_tag "Go", :class => 'button' + = text_field_tag "query" + %ul#search_results app/views/layouts/_sidebar.haml @@ -1,19 +1,32 @@ Element.addMethods({ spin: function(element) { var img = document.createElement('img'); - img.src = "/images/spinner.gif"; + if (arguments[1]) + img.src = "/images/spinner" + arguments[1] + ".gif"; + else + img.src = "/images/spinner.gif"; img.alt = "Please Wait"; Element.addClassName(img, "spinner"); - $A(element.childNodes).each(function(child) { - Element.remove(child); - }); + $A(element.childNodes).each(Element.remove); element.appendChild(img); element.show(); } }); +function search(input) { + new Ajax.Request("/posts.js", { + method: "get", + parameters: { query: input.getValue() } + }); +} + +function setSearchListener() { + var input = $$(".search form input[type=text]")[0]; + new Form.Element.EventObserver(input, search); +} + var isAction; Event.observe(window, 'load', function() { @@ -22,6 +35,8 @@ Event.observe(window, 'load', function() { return body.hasClassName(controller) && body.hasClassName(action); }; + setSearchListener(); + if (isAction('users', 'edit')) { var checkbox = $('user_admin'); var password_fields = $$('#password_stuff input'); public/javascripts/application.js @@ -138,6 +138,7 @@ a img :width 70% :float left +!sidebar_bg = #ffd #sidebar :float right :border @@ -150,7 +151,7 @@ a img :top 2em :left 2.5em :margin-top -1.1em - :background-color #ffd + :background-color = !sidebar_bg a :text-decoration none &:hover @@ -175,6 +176,29 @@ a img :display block img :margin-right 0.4em + .search + input + :width 65% + &.button + :width 20% + :float right + :margin-right 10% + ul + :list-style none + :padding-left 0 + :margin-left -1em + a + :display block + :padding 0.2em + :left 1em + &:hover + :background-color = !sidebar_bg - #002 + li + &.odd + :background-color = !sidebar_bg - #222 + a:hover + :background-color = !sidebar_bg - #224 + #bottom :border-top public/stylesheets/sass/main.sass 1de1270ad2c0466a059ee37371a429a64b536683 Nathan Weizenbaum nex342@gmail.com http://github.com/nex3/nex3-s-blog-engine/commit/684fc84185b0528a42543acdcf104e88afd62276 684fc84185b0528a42543acdcf104e88afd62276 2007-08-17T22:56:31-07:00 2007-08-17T22:56:31-07:00 Search UI stuff. ccfeb7963c183533bb3e6b2d25eaaa93ad965710 Nathan Weizenbaum nex342@gmail.com