Use custom events to resize the map on sidebar open/close

[rails.git] / app / views / site / _sidebar.html.erb

diff --git a/app/views/site/_sidebar.html.erb b/app/views/site/_sidebar.html.erb
index f7e7229c89432bcb9b0835965534b5c090b58e98..5e91bec1c0290c24fcafa750cee50fd0aeb187c2 100644 (file)
--- a/app/views/site/_sidebar.html.erb
+++ b/app/views/site/_sidebar.html.erb
@@ -2,7 +2,7 @@
   <table class="sidebar_title" width="100%">
     <tr>
       <td id="sidebar_title"><% t 'site.sidebar.search_results' %></td>
   <table class="sidebar_title" width="100%">
     <tr>
       <td id="sidebar_title"><% t 'site.sidebar.search_results' %></td>

-      <td id="sidebar_close"><a href="javascript:closeSidebar()"><%= t 'site.sidebar.close' %></a></td>
+      <td id="sidebar_close"><a class="sidebar_close" href="#"><%= t 'site.sidebar.close' %></a></td>

     </tr>
   </table>
   <div id="sidebar_content">
     </tr>
   </table>
   <div id="sidebar_content">


@@ -21,32 +21,34 @@
        onclose = null;
     }
 
        onclose = null;
     }
 

-    if (options.title) { $("sidebar_title").innerHTML = options.title; }
+    if (options.title) { $("#sidebar_title").html(options.title); }

 
 

-    if (options.width) { $("sidebar").style.width = options.width; }
-    else { $("sidebar").style.width = "30%"; }
+    if (options.width) { $("#sidebar").width(options.width); }
+    else { $("#sidebar").width("30%"); }

 
 

-    $("sidebar").style.display = "block";
+    $("#sidebar").css("display", "block");

 
 

-    <%= onopen %>
+    $("#sidebar").trigger("opened");

 
     onclose = options.onclose;
   }
 
 
     onclose = options.onclose;
   }
 

-  function closeSidebar() {
-    $("sidebar").style.display = "none";
+  $(".sidebar_close").click(function (e) {
+    $("#sidebar").css("display", "none");

 
 

-    <%= onclose %>
+    $("#sidebar").trigger("closed");

 
     if (onclose) {
        onclose();
        onclose = null;
     }
 
     if (onclose) {
        onclose();
        onclose = null;
     }

-  }
+
+    e.preventDefault();
+  });

 
   function updateSidebar(title, content) {
 
   function updateSidebar(title, content) {

-    $("sidebar_title").innerHTML = title;
-    $("sidebar_content").innerHTML = content;
+    $("#sidebar_title").html(title);
+    $("#sidebar_content").html(content);

   }
 // -->
 </script>
   }
 // -->
 </script>