<script type="text/javascript">
<!--
function describeLocation() {
- var args = getArgs($("viewanchor").href);
-
- <%= remote_function(:loading => "startSearch()",
- :url => { :controller => :geocoder, :action => :description },
- :with => "'lat=' + args['lat'] + '&lon=' + args['lon'] + '&zoom=' + args['zoom']") %>
+ var args = getArgs($("#viewanchor").attr("href"));
+
+ $("#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);
}
- function setSearchViewbox() {
- <% if params[:action] == 'index' %>
- var extent = getMapExtent();
-
- var minlon = document.createElement("input");
- minlon.type = "hidden";
- minlon.id = "minlon";
- minlon.name = "minlon";
- minlon.value = extent.left;
- $("search_form").appendChild(minlon);
-
- var minlat = document.createElement("input");
- minlat.type = "hidden";
- minlat.id = "minlat";
- minlat.name = "minlat";
- minlat.value = extent.bottom;
- $("search_form").appendChild(minlat);
-
- var maxlon = document.createElement("input");
- maxlon.type = "hidden";
- maxlon.id = "maxlon";
- maxlon.name = "maxlon";
- maxlon.value = extent.left;
- $("search_form").appendChild(maxlon);
+ function doSearch(query) {
+ $("#sidebar_title").html("<%= t 'site.sidebar.search_results' %>");
- var maxlat = document.createElement("input");
- maxlat.type = "hidden";
- maxlat.id = "maxlat";
- maxlat.name = "maxlat";
- maxlat.value = extent.bottom;
- $("search_form").appendChild(maxlat);
- <% end %>
- }
+ <% if params[:action] == 'index' -%>
+ var extent = getMapExtent();
- function startSearch() {
- updateSidebar("<%= t 'site.sidebar.search_results' %>", "");
+ $("#sidebar_content").load("<%= url_for :controller => :geocoder, :action => :search %>", {
+ query: $("#query").val(),
+ minlon: extent.left,
+ minlat: extent.bottom,
+ maxlon: extent.right,
+ maxlat: extent.top
+ }, openSidebar);
+ <% else -%>
+ $("#sidebar_content").load("<%= url_for :controller => :geocoder, :action => :search %>", {
+ query: $("#query").val()
+ }, openSidebar);
+ <% end -%>
}
- function endSearch() {
- <% if params[:action] == 'index' %>
- $("minlon").remove();
- $("minlat").remove();
- $("maxlon").remove();
- $("maxlat").remove();
- <% end %>
- }
+ $(document).ready(function () {
+ $("#search_form").submit(function (event) {
+ doSearch($("#query").val());
- <% if params[:query] %>
- <%= remote_function(:loading => "startSearch()",
- :url => { :controller => :geocoder, :action => :search, :query => h(params[:query]) }) %>
- <% end %>
+ return false;
+ });
+ });
// -->
</script>
-<% content_for "optionals" do %>
+<% content_for :optionals do %>
<div class="optionalbox">
<span class="whereami"><a href="javascript:describeLocation()" title="<%= t 'site.search.where_am_i_title' %>"><%= t 'site.search.where_am_i' %></a></span>
<h1><%= t 'site.search.search' %></h1>
<div class="search_container">
<div id="search_field">
- <% form_remote_tag(:before => "setSearchViewbox()",
- :loading => "startSearch()",
- :complete => "endSearch()",
- :url => { :controller => :geocoder, :action => :search },
- :html => { :id => "search_form", :method => "get", :action => url_for(:action => "index") }) do %>
+ <%= form_tag "#", :id => "search_form" do %>
<%= text_field_tag :query, h(params[:query]), :tabindex => "1" %>
<%= submit_tag t('site.search.submit_text') %>
<% end %>
</div>
</div>
<p class="search_help">
- <%= t 'site.search.search_help' %>
+ <%= raw(t 'site.search.search_help') %>
</p>
</div>
<% end %>