<script type="text/javascript">
<!--
+ function startSearch() {
+ $("search_results_content").innerHTML = "<p class='search_results_entry'>Searching...</p>";
+ $("search_field").style.display = "none";
+ $("search_active").style.display = "inline";
+ }
+
+ function endSearch() {
+ $("search_field").style.display = "inline";
+ $("search_active").style.display = "none";
+ }
+
function openSearchResults() {
$("search_results").style.display = "block";
- $("search_results_content").innerHTML = "<p class='search_results_entry'>Searching...</p>";
<%= onopen %>
}
<%= onclose %>
}
+ function describeLocation() {
+ var position = getPosition();
+
+ <%= remote_function(:loading => "startSearch()",
+ :complete => "endSearch()",
+ :url => { :controller => :geocoder, :action => :description },
+ :with => "'lat=' + position.lat + '&lon=' + position.lon") %>
+ }
+
<% if params[:query] %>
- <%= remote_function(:update => :search_results_content,
- :loading => "openSearchResults()",
+ <%= remote_function(:loading => "startSearch()",
+ :complete => "endSearch()",
:url => { :controller => :geocoder, :action => :search, :query => params[:query] }) %>
<% end %>
// -->
<% content_for "optionals" do %>
<div class="optionalbox">
<span class="oboxheader">Search</span>
- <% form_remote_tag(:update => :search_results_content,
- :loading => "openSearchResults()",
+ <span class="whereami"><a href="javascript:describeLocation()">Where am I?</a></span>
+ <div class="search_form">
+ <span id="search_field">
+ <% form_remote_tag(:loading => "startSearch()",
+ :complete => "endSearch()",
:url => { :controller => :geocoder, :action => :search }) do %>
<%= text_field_tag :query, params[:query] %>
<% end %>
+ </span>
+ <p id="search_active">Searching...</p>
+ </div>
<p class="search_help">
examples: 'Alkmaar', 'Regent Street, Cambridge', 'CB2 5AQ',
or 'post offices near Lünen'
- <a href="http://wiki.openstreetmap.org/index.php/Search_Help">more examples...</a>
+ <a href="http://wiki.openstreetmap.org/index.php/Search">more examples...</a>
</p>
</div>
<% end %>