| Index: samples/third_party/lightbox/lightbox-iframe.js
|
| ===================================================================
|
| --- samples/third_party/lightbox/lightbox-iframe.js (revision 55159)
|
| +++ samples/third_party/lightbox/lightbox-iframe.js (working copy)
|
| @@ -68,7 +68,7 @@
|
| 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 @@
|
| }
|
| 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 @@
|
| 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 @@
|
| }
|
|
|
| },
|
| -
|
| +
|
| // 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 @@
|
| lbcontainer.appendChild(lb);
|
| bod.appendChild(overlay);
|
| bod.appendChild(lbcontainer);
|
| -}
|
| +}
|
|
|