app/views/site/_sidebar.html.erb

   1 <div id="sidebar">
   2   <table class="sidebar_title" width="100%">
   3     <tr>
   4       <td id="sidebar_title"><% t 'site.sidebar.search_results' %></td>
   5       <td id="sidebar_close"><a class="sidebar_close" href="#"><%= t 'site.sidebar.close' %></a></td>
   6     </tr>
   7   </table>
   8   <div id="sidebar_content">
   9   </div>
  10 </div>
  11
  12 <script type="text/javascript">
  13 <!--
  14   var onclose;
  15
  16   function openSidebar(options) {
  17     options = options || {};
  18
  19     if (onclose) {
  20        onclose();
  21        onclose = null;
  22     }
  23
  24     if (options.title) { $("#sidebar_title").html(options.title); }
  25
  26     if (options.width) { $("#sidebar").width(options.width); }
  27     else { $("#sidebar").width("30%"); }
  28
  29     $("#sidebar").css("display", "block");
  30
  31     $("#sidebar").trigger("opened");
  32
  33     onclose = options.onclose;
  34   }
  35
  36   $(".sidebar_close").click(function (e) {
  37     $("#sidebar").css("display", "none");
  38
  39     $("#sidebar").trigger("closed");
  40
  41     if (onclose) {
  42        onclose();
  43        onclose = null;
  44     }
  45
  46     e.preventDefault();
  47   });
  48
  49   function updateSidebar(title, content) {
  50     $("#sidebar_title").html(title);
  51     $("#sidebar_content").html(content);
  52   }
  53 // -->
  54 </script>