additional_plugins/serendipity_event_lightbox/graybox/loader_frame.html
Garvin Hicking ab02bb4af4 Remove $Id$
2011-12-25 10:07:20 +01:00

89 lines
1.9 KiB
HTML

<!--
Notice: I feel so dirty doing this, but its the only way to make it cross browser.
-->
<html>
<head>
<script>
var GB = parent.GB_CURRENT;
document.write('<script type="text/javascript" src="AJS.js"><\/script>');
if(parent.AJS.fx) {
document.write('<script type="text/javascript" src="AJS_fx.js"><\/script>');
}
</script>
<style>
body {
padding: 0;
margin: 0;
overflow: hidden;
}
#GB_frame {
visibility: hidden;
width: 100%;
height: 100%;
}
#loading {
padding-top: 50px;
position: absolute;
width: 100%;
top: 0;
text-align: center;
vertical-align: middle;
}
</style>
</head>
<body>
<div id="loading">
<img src="indicator.gif">
</div>
<script>
var loading = AJS.$('loading');
var gb_type = GB.type;
var gb_url = GB.url;
//Start loading in the iframe
if(gb_type == "page") {
document.write('<iframe id="GB_frame" src="' + gb_url + '" frameborder="0"></iframe>');
}
else {
var img_holder = new Image();
img_holder.src = gb_url;
document.write('<img id="GB_frame" src="' + gb_url + '">');
}
var frame = AJS.$('GB_frame');
AJS.setOpacity(frame, 0);
</script>
</body>
<script>
try { AJS.getBody().focus(); }
catch(e) { }
AJS.AEV(window, 'load', function(e) {
AJS.removeElement(loading);
frame.style.visibility = 'visible';
if(gb_type == "image") {
if(img_holder.width != 0 && img_holder.height != 0) {
GB.width = img_holder.width;
GB.height = img_holder.height;
GB.overlay.innerHTML += "&nbsp;";
if(AJS.fx)
AJS.fx.fadeIn(frame);
else
AJS.setOpacity(frame, 1);
}
}
else {
GB.width = frame.offsetWidth;
GB.height = frame.offsetHeight;
AJS.setOpacity(frame, 1);
}
GB.setFrameSize();
GB.setWindowPosition();
});
</script>
</html>