<div id="sidebar">
<table class="sidebar_title" width="100%">
<tr>
- <td align="left" id="sidebar_title">Search Results</td>
- <td align="right"><a href="javascript:closeSidebar()">Close</a></td>
+ <td align="left" id="sidebar_title"><% t 'site.sidebar.search_results' %></td>
+ <td align="right"><a href="javascript:closeSidebar()"><%= t 'site.sidebar.close' %></a></td>
</tr>
</table>
<div id="sidebar_content">
<script type="text/javascript">
<!--
- function openSidebar() {
- if (arguments.length) { $("sidebar").style.width = arguments[0]; }
+ var onclose;
+
+ function openSidebar(options) {
+ options = options || {};
+
+ if (onclose) {
+ onclose();
+ onclose = null;
+ }
+
+ if (options.width) { $("sidebar").style.width = options.width; }
else { $("sidebar").style.width = "30%"; }
$("sidebar").style.display = "block";
<%= onopen %>
+
+ onclose = options.onclose;
}
function closeSidebar() {
$("sidebar").style.display = "none";
<%= onclose %>
+
+ if (onclose) {
+ onclose();
+ onclose = null;
+ }
}
function updateSidebar(title, content) {