experimental pop-out map key
[rails.git] / app / views / site / _search.rhtml
1 <div id="search_results">
2   <table class="search_results_title" width="100%">
3     <tr>
4       <td align="left" id="search_title">Search Results</td>
5       <td align="right"><a href="javascript:closeSearchResults()">Close</a></td>
6     </tr>
7   </table>
8   <div id="search_results_content">
9   </div>
10 </div>
11
12 <script type="text/javascript">
13 <!--
14   function showKey() {
15     $("search_results").style.display = "block";
16     $("search_results_content").innerHTML = "<p><img src='images/keymapnik11.png' /></p>";
17     $("search_title").innerHTML = "Map key";
18         resizeMap();
19   }
20
21   function startSearch() {
22     $("search_results_content").innerHTML = "<p class='search_results_entry'>Searching...</p>";
23     $("search_title").innerHTML = "Search Results";
24     $("search_field").style.display = "none";
25     $("search_active").style.display = "inline";
26   }
27
28   function endSearch() {
29     $("search_field").style.display = "inline";
30     $("search_active").style.display = "none";
31   }
32
33   function openSearchResults() {
34     $("search_results").style.display = "block";
35     <%= onopen %>
36   }
37
38   function closeSearchResults() {
39     $("search_results").style.display = "none";
40     <%= onclose %>
41   }
42
43   function describeLocation() {
44     var position = getPosition();
45
46     <%= remote_function(:loading => "startSearch()",
47                         :complete => "endSearch()",
48                         :url => { :controller => :geocoder, :action => :description },
49                         :with => "'lat=' + position.lat + '&lon=' + position.lon") %>
50   }
51
52   <% if params[:query] %>
53   <%= remote_function(:loading => "startSearch()",
54                       :complete => "endSearch()",
55                       :url => { :controller => :geocoder, :action => :search, :query => params[:query] }) %>
56   <% end %>
57 // -->
58 </script>
59
60 <% content_for "optionals" do %>
61   <div class="optionalbox">
62     <span class="oboxheader">Search</span>
63     <span class="whereami"><a href="javascript:describeLocation()">Where am I?</a></span>
64     <div class="search_form">
65     <span id="search_field">
66     <% form_remote_tag(:loading => "startSearch()",
67                        :complete => "endSearch()",
68                        :url => { :controller => :geocoder, :action => :search }) do %>
69       <%= text_field_tag :query, params[:query] %>
70     <% end %>
71     </span>
72     <p id="search_active">Searching...</p>
73     </div>
74     <p class="search_help">
75       examples: 'Alkmaar', 'Regent Street, Cambridge', 'CB2 5AQ',
76       or 'post offices near L√ľnen'
77       <a href="http://wiki.openstreetmap.org/index.php/Search">more examples...</a>
78     </p>
79   </div>
80 <% end %>