summaryrefslogtreecommitdiffstats
path: root/o3d/samples/third_party/lightbox/lightbox-iframe.js
diff options
context:
space:
mode:
Diffstat (limited to 'o3d/samples/third_party/lightbox/lightbox-iframe.js')
-rw-r--r--o3d/samples/third_party/lightbox/lightbox-iframe.js44
1 files changed, 22 insertions, 22 deletions
diff --git a/o3d/samples/third_party/lightbox/lightbox-iframe.js b/o3d/samples/third_party/lightbox/lightbox-iframe.js
index 33e1889..bcf492f 100644
--- a/o3d/samples/third_party/lightbox/lightbox-iframe.js
+++ b/o3d/samples/third_party/lightbox/lightbox-iframe.js
@@ -68,7 +68,7 @@ lightbox.prototype = {
Event.observe(ctrl, 'click', this.activate.bindAsEventListener(this), false);
ctrl.onclick = function(){return false;};
},
-
+
// Turn everything on - mainly the IE fixes
activate: function(){
if (browser == 'Internet Explorer'){
@@ -79,18 +79,18 @@ lightbox.prototype = {
}
this.displayLightbox("block");
},
-
+
// Ie requires height to 100% and overflow hidden or else you can scroll down past the lightbox
prepareIE: function(height, overflow){
bod = document.getElementsByTagName('body')[0];
bod.style.height = height;
bod.style.overflow = overflow;
-
+
htm = document.getElementsByTagName('html')[0];
htm.style.height = height;
- htm.style.overflow = overflow;
+ htm.style.overflow = overflow;
},
-
+
// In IE, select elements hover on top of the lightbox
hideSelects: function(visibility){
selects = document.getElementsByTagName('select');
@@ -98,37 +98,37 @@ lightbox.prototype = {
selects[i].style.visibility = visibility;
}
},
-
+
// Taken from lightbox implementation found at http://www.huddletogether.com/projects/lightbox/
getScroll: function(){
if (self.pageYOffset) {
this.yPos = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){
- this.yPos = document.documentElement.scrollTop;
+ this.yPos = document.documentElement.scrollTop;
} else if (document.body) {
this.yPos = document.body.scrollTop;
}
},
-
+
setScroll: function(x, y){
- window.scrollTo(x, y);
+ window.scrollTo(x, y);
},
-
+
displayLightbox: function(display){
$('overlay').style.display = display;
$('lightbox').style.display = display;
if(display != 'none') this.loadInfo();
},
-
+
// Write an iFrame instead of using an AJAX call to pull the content
loadInfo: function() {
info = "<div id='lbContent'><center><a href='#' class='lbAction' rel='deactivate'>close (x)</a></center><iframe frameborder=\"0\" width=\"100%\" height=\"100%\" src=\"" + this.content + "\"</iframe></div>";
new Insertion.Before($('lbLoadMessage'), info)
- $('lightbox').className = "done";
- this.actions();
-
+ $('lightbox').className = "done";
+ this.actions();
+
},
-
+
// Search through new links within the lightbox, and attach click event
actions: function(){
lbActions = document.getElementsByClassName('lbAction');
@@ -139,29 +139,29 @@ lightbox.prototype = {
}
},
-
+
// Example of creating your own functionality once lightbox is initiated
insert: function(e){
link = Event.element(e).parentNode;
Element.remove($('lbContent'));
-
+
var myAjax = new Ajax.Request(
link.href,
{method: 'post', parameters: "", onComplete: this.processInfo.bindAsEventListener(this)}
);
-
+
},
-
+
// Example of creating your own functionality once lightbox is initiated
deactivate: function(){
Element.remove($('lbContent'));
-
+
if (browser == "Internet Explorer"){
this.setScroll(0,this.yPos);
this.prepareIE("auto", "auto");
this.hideSelects("visible");
}
-
+
this.displayLightbox("none");
}
}
@@ -196,4 +196,4 @@ function addLightboxMarkup() {
lbcontainer.appendChild(lb);
bod.appendChild(overlay);
bod.appendChild(lbcontainer);
-} \ No newline at end of file
+}