<div id="sidebar">
<table class="sidebar_title" width="100%">
<tr>
- <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>
+ <td id="sidebar_title"><% t 'site.sidebar.search_results' %></td>
+ <td id="sidebar_close"><a href="javascript:closeSidebar()"><%= t 'site.sidebar.close' %></a></td>
</tr>
</table>
<div id="sidebar_content">
onclose = null;
}
- if (options.width) { $("sidebar").style.width = options.width; }
- else { $("sidebar").style.width = "30%"; }
+ if (options.title) { $("#sidebar_title").html(options.title); }
- $("sidebar").style.display = "block";
+ if (options.width) { $("#sidebar").width(options.width); }
+ else { $("#sidebar").width("30%"); }
+
+ $("#sidebar").css("display", "block");
<%= onopen %>
}
function closeSidebar() {
- $("sidebar").style.display = "none";
+ $("#sidebar").css("display", "none");
<%= onclose %>
}
function updateSidebar(title, content) {
- $("sidebar_title").innerHTML = title;
- $("sidebar_content").innerHTML = content;
- }
-
- function sidebarOpen(title) {
- return $("sidebar").style.display == "block" &&
- $("sidebar_title").innerHTML == title;
+ $("#sidebar_title").html(title);
+ $("#sidebar_content").html(content);
}
// -->
</script>