function resizeMap() {
var content_width = $("#content").width();
var content_height = $("#content").height();
- var sidebar_width = 0 + $("#sidebar:visible").outerWidth(true);
+ var sidebar_width = 0;
var left_border = parseFloat($("#map").css("border-left-width"));
var right_border = parseFloat($("#map").css("border-right-width"));
var top_border = parseFloat($("#map").css("border-top-width"));
var bottom_border = parseFloat($("#map").css("border-bottom-width"));
+ $("#sidebar:visible").each(function () {
+ sidebar_width = sidebar_width + $(this).outerWidth(true);
+ });
+
<% if t('html.dir') == "ltr" -%>
$("#map").css("left", (sidebar_width) + "px");
<% else -%>
<% end -%>
$("#map").width(content_width - sidebar_width - left_border - right_border);
$("#map").height(content_height - top_border - bottom_border);
-
- <% if params[:controller] == "site" and params[:action] == "index" -%>
- map.updateSize();
- <% end -%>
+ $("#map").trigger("resized");
}
function handleResize() {
resizeMap();
}
+
+ $(document).ready(function () {
+ $("#sidebar").on("opened", resizeMap);
+ $("#sidebar").on("closed", resizeMap);
+ });
</script>