Allow clicking on the beamer preview to open the real beamer view.

This commit is contained in:
René Köcher 2012-04-15 10:44:15 +02:00
parent 195ddddf7e
commit 82993e3da8
2 changed files with 26 additions and 0 deletions

View File

@ -48,6 +48,16 @@
width: 256px;/*100%;*/ width: 256px;/*100%;*/
height: 192px;/*230px;*/ height: 192px;/*230px;*/
} }
#iframeoverlay {
width: 256px;
height: 192px;
position: fixed;
top: 0px;
left: 0px;
display: none;
z-index: 1;
}
/* countdown */ /* countdown */
a.countdown_visible_link.closed div { a.countdown_visible_link.closed div {
background-image: url(../images/icons/user-offline.png); background-image: url(../images/icons/user-offline.png);

View File

@ -26,6 +26,21 @@
$( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle(); $( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
}); });
$( ".column" ).disableSelection(); $( ".column" ).disableSelection();
var overlay_placement = function(){
var if_top = $("#iframe").offset().top;
var if_left = $("#iframe").offset().left;
// the overlay uses absolute positioning,
// place it over the iframe
$("#iframeoverlay").css({'display' : 'block',
'top' : if_top,
'left' : if_left
});
};
$("document").ready(overlay_placement);
$(window).resize(overlay_placement);
}); });
</script> </script>
@ -86,6 +101,7 @@
<a href="{% url projector_show %}" target="_blank" title="{% trans 'Open Projector view' %}" > <a href="{% url projector_show %}" target="_blank" title="{% trans 'Open Projector view' %}" >
<div id="iframewrapper"> <div id="iframewrapper">
<iframe id="iframe" src="{% url projector_show %}"></iframe> <iframe id="iframe" src="{% url projector_show %}"></iframe>
<div id="iframeoverlay"></div>
</div> </div>
</a> </a>
</div> </div>