<script type="text/javascript">
<!--
- function startSearch() {
- updateSidebar("<%= t 'site.sidebar.search_results' %>", "");
- }
-
function describeLocation() {
- var position = getPosition();
+ var args = querystring.parse($("#viewanchor").attr("href").split('?')[1]);
- <%= remote_function(:loading => "startSearch()",
- :url => { :controller => :geocoder, :action => :description },
- :with => "'lat=' + position.lat + '&lon=' + position.lon") %>
+ $("#sidebar_title").html("<%= t 'site.sidebar.search_results' %>");
+ $("#sidebar_content").load("<%= url_for :controller => :geocoder, :action => :description %>", {
+ lat: args["lat"],
+ lon: args["lon"],
+ zoom: args["zoom"]
+ }, openSidebar);
}
-
- <% if params[:query] %>
- <%= remote_function(:loading => "startSearch()",
- :url => { :controller => :geocoder, :action => :search, :query => h(params[:query]) }) %>
- <% end %>
// -->
</script>
-<% content_for "optionals" do %>
+<% content_for :optionals do %>
<div class="optionalbox">
- <span class="oboxheader"><%= t 'site.search.search' %></span>
- <span class="whereami"><a href="javascript:describeLocation()"><%= t 'site.search.where_am_i' %></a></span>
- <div class="search_form">
+ <div class="search_container">
<div id="search_field">
- <% form_remote_tag(:loading => "startSearch()",
- :complete => "endSearch()",
- :url => { :controller => :geocoder, :action => :search }) do %>
- <%= text_field_tag :query, h(params[:query]) %>
+ <%= form_tag url_for(:controller => :geocoder, :action => :search), :id => "search_form" do %>
<%= submit_tag t('site.search.submit_text') %>
+ <%= text_field_tag :query, h(params[:query]), :tabindex => "1", :placeholder => t('site.search.search'), :autofocus => "autofocus" %>
<% end %>
</div>
</div>
- <p class="search_help">
- <%= t 'site.search.search_help' %>
+ <p class='search_help deemphasize'>
+ <%= raw(t 'site.search.search_help') %>
+ <span class="whereami"><a href="javascript:describeLocation()" title="<%= t 'site.search.where_am_i_title' %>"><%= t 'site.search.where_am_i' %></a></span>
</p>
</div>
<% end %>