openstreetmap-website/app/views/site/_search.rhtml
2007-08-24 17:38:36 +00:00

61 lines
1.7 KiB
Text

<div id="search_results">
<table class="search_results_title" width="100%">
<tr>
<td align="left">Search Results</td>
<td align="right"><a href="javascript:closeSearchResults()">Close</a></td>
</tr>
</table>
<div id="search_results_content">
</div>
</div>
<script type="text/javascript">
<!--
function startSearch() {
$("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";
<%= onopen %>
}
function closeSearchResults() {
$("search_results").style.display = "none";
<%= onclose %>
}
<% if params[:query] %>
<%= remote_function(:loading => "startSearch()",
:complete => "endSearch()",
:url => { :controller => :geocoder, :action => :search, :query => params[:query] }) %>
<% end %>
// -->
</script>
<% content_for "optionals" do %>
<div class="optionalbox">
<span class="oboxheader">Search</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>
</p>
</div>
<% end %>