pastebin - collaborative debugging

pastebin is a collaborative debugging tool allowing you to share and modify code snippets while chatting on IRC, IM or a message board.

This site is developed to XHTML and CSS2 W3C standards. If you see this paragraph, your browser does not support those standards and you need to upgrade. Visit WaSP for a variety of options.

Javascript pastebin - collaborative debugging tool View Help


Posted by Greg-J on Sun 20 Jul 09:12
report abuse | download | new post

  1. (function($) {
  2.         var opts = {},
  3.                 imgPreloader = new Image, imgTypes = ['png', 'jpg', 'jpeg', 'gif'],
  4.                 loadingTimer, loadingFrame = 1;
  5.  
  6.         $.fn.fancybox = function(settings) {
  7.                 opts.settings = $.extend({}, $.fn.fancybox.defaults, settings);
  8.  
  9.                 $.fn.fancybox.init();
  10.  
  11.                 return this.each(function() {
  12.                         var $this = $(this);
  13.                         var o = $.metadata ? $.extend({}, opts.settings, $this.metadata()) : opts.settings;
  14.  
  15.                         $this.unbind('click').click(function() {
  16.                                 $.fn.fancybox.start(this, o); return false;
  17.                         });
  18.                 });
  19.         };
  20.  
  21.         $.fn.fancybox.start = function(el, o) {
  22.                 if (opts.animating){
  23.                         return false;
  24.                 }
  25.  
  26.                 if (o.overlayShow) {
  27.                         $("#fancy_wrap").prepend('<div id="fancy_overlay"></div>');
  28.                         $("#fancy_overlay").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': o.overlayOpacity});
  29.  
  30.                         if ($.browser.msie) {
  31.                                 $("#fancy_wrap").prepend('<iframe id="fancy_bigIframe" scrolling="no" frameborder="0"></iframe>');
  32.                                 $("#fancy_bigIframe").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': 0});
  33.                         }
  34.  
  35.                         $("#fancy_overlay").click($.fn.fancybox.close);
  36.                 }
  37.  
  38.                 opts.itemArray  = [];
  39.                 opts.itemNum    = 0;
  40.  
  41.                 if (jQuery.isFunction(o.itemLoadCallback)) {
  42.                    o.itemLoadCallback.apply(this, [opts]);
  43.  
  44.                         var c   = $(el).children("img:first").length ? $(el).children("img:first") : $(el);
  45.                         var tmp = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)};
  46.  
  47.                    for (var i = 0; i < opts.itemArray.length; i++) {
  48.                                 opts.itemArray[i].o = $.extend({}, o, opts.itemArray[i].o);
  49.                                
  50.                                 if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
  51.                                         opts.itemArray[i].orig = tmp;
  52.                                 }
  53.                    }
  54.  
  55.                 } else {
  56.                         if (!el.rel || el.rel === '') {
  57.                                 var item = {url: el.href, title: el.title, o: o};
  58.  
  59.                                 if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
  60.                                         var c = $(el).children("img:first").length ? $(el).children("img:first") : $(el);
  61.                                         item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)};
  62.                                 }
  63.  
  64.                                 opts.itemArray.push(item);
  65.  
  66.                         } else {
  67.                                 var arr = $("a[@rel=" + el.rel + "]").get();
  68.  
  69.                                 for (var i = 0; i < arr.length; i++) {
  70.                                         var tmp         = $.metadata ? $.extend({}, o, $(arr[i]).metadata()) : o;
  71.                                         var item        = {url: arr[i].href, title: arr[i].title, o: tmp};
  72.  
  73.                                         if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) {
  74.                                                 var c = $(arr[i]).children("img:first").length ? $(arr[i]).children("img:first") : $(el);
  75.  
  76.                                                 item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)};
  77.                                         }
  78.  
  79.                                         if (arr[i].href == el.href){
  80.                                                 opts.itemNum = i;
  81.                                         }
  82.  
  83.                                         opts.itemArray.push(item);
  84.                                 }
  85.                         }
  86.                 }
  87.  
  88.                 $.fn.fancybox.changeItem(opts.itemNum);
  89.         };
  90.  
  91.         $.fn.fancybox.changeItem = function(n) {
  92.                 $.fn.fancybox.showLoading();
  93.  
  94.                 opts.itemNum = n;
  95.  
  96.                 $("#fancy_nav").empty();
  97.                 $("#fancy_outer").stop();
  98.                 $("#fancy_title").hide();
  99.                 $(document).unbind("keydown");
  100.  
  101.                 imgRegExp = imgTypes.join('|');
  102.         imgRegExp = new RegExp('\.' + imgRegExp + '$', 'i');
  103.  
  104.                 var url = opts.itemArray[n].url;
  105.  
  106.                 if (url.match(/#/)) {
  107.                         var target = window.location.href.split('#')[0]; target = url.replace(target,'');
  108.  
  109.                 $.fn.fancybox.showItem('<div id="fancy_div">' + $(target).html() + '</div>');
  110.  
  111.                 $("#fancy_loading").hide();
  112.  
  113.                 } else if (url.match(imgRegExp)) {
  114.                         $(imgPreloader).unbind('load').bind('load', function() {
  115.                                 $("#fancy_loading").hide();
  116.  
  117.                                 opts.itemArray[n].o.frameWidth  = imgPreloader.width;
  118.                                 opts.itemArray[n].o.frameHeight = imgPreloader.height;
  119.  
  120.                                 $.fn.fancybox.showItem('<img id="fancy_img" src="' + imgPreloader.src + '" />');
  121.  
  122.                         }).attr('src', url + '?rand=' + Math.floor(Math.random() * 999999999) );
  123.  
  124.  
  125.                 } else {
  126.                         $.fn.fancybox.showItem('<iframe id="fancy_frame" onload="$.fn.fancybox.showIframe()" name="fancy_iframe' + Math.round(Math.random()*1000) + '" frameborder="0" hspace="0" src="' + url + '"></iframe>');
  127.                 }
  128.         };
  129.  
  130.         $.fn.fancybox.showIframe = function() {
  131.                 $("#fancy_loading").hide();
  132.                 $("#fancy_frame").show();
  133.         };
  134.  
  135.         $.fn.fancybox.showItem = function(val) {
  136.                 $.fn.fancybox.preloadNeighborImages();
  137.  
  138.                 var viewportPos = $.fn.fancybox.getViewport();
  139.                 var itemSize    = $.fn.fancybox.getMaxSize(viewportPos[0] - 50, viewportPos[1] - 100, opts.itemArray[opts.itemNum].o.frameWidth, opts.itemArray[opts.itemNum].o.frameHeight);
  140.  
  141.                 var itemLeft    = viewportPos[2] + Math.round((viewportPos[0] - itemSize[0]) / 2) - 20;
  142.                 var itemTop             = viewportPos[3] + Math.round((viewportPos[1] - itemSize[1]) / 2) - 40;
  143.  
  144.                 var itemOpts = {
  145.                         'left':         itemLeft,
  146.                         'top':          itemTop,
  147.                         'width':        itemSize[0] + 'px',
  148.                         'height':       itemSize[1] + 'px'     
  149.                 };
  150.  
  151.                 if (opts.active) {
  152.                         $('#fancy_content').fadeOut("normal", function() {
  153.                                 $("#fancy_content").empty();
  154.                                
  155.                                 $("#fancy_outer").animate(itemOpts, "normal", function() {
  156.                                         $("#fancy_content").append($(val)).fadeIn("normal");
  157.                                         $.fn.fancybox.updateDetails();
  158.                                 });
  159.                         });
  160.  
  161.                 } else {
  162.                         opts.active = true;
  163.  
  164.                         $("#fancy_content").empty();
  165.  
  166.                         if ($("#fancy_content").is(":animated")) {
  167.                                 console.info('animated!');
  168.                         }
  169.  
  170.                         if (opts.itemArray[opts.itemNum].o.zoomSpeedIn > 0) {
  171.                                 opts.animating          = true;
  172.                                 itemOpts.opacity        = "show";
  173.  
  174.                                 $("#fancy_outer").css({
  175.                                         'top':          opts.itemArray[opts.itemNum].orig.pos.top - 18,
  176.                                         'left':         opts.itemArray[opts.itemNum].orig.pos.left - 18,
  177.                                         'height':       opts.itemArray[opts.itemNum].orig.height,
  178.                                         'width':        opts.itemArray[opts.itemNum].orig.width
  179.                                 });
  180.  
  181.                                 $("#fancy_content").append($(val)).show();
  182.  
  183.                                 $("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedIn, function() {
  184.                                         opts.animating = false;
  185.                                         $.fn.fancybox.updateDetails();
  186.                                 });
  187.  
  188.                         } else {
  189.                                 $("#fancy_content").append($(val)).show();
  190.                                 $("#fancy_outer").css(itemOpts).show();
  191.                                 $.fn.fancybox.updateDetails();
  192.                         }
  193.                  }
  194.         };
  195.  
  196.         $.fn.fancybox.updateDetails = function() {
  197.                 $("#fancy_bg,#fancy_close").show();
  198.  
  199.                 if (opts.itemArray[opts.itemNum].title !== undefined && opts.itemArray[opts.itemNum].title !== '') {
  200.                         $('#fancy_title div').html(opts.itemArray[opts.itemNum].title);
  201.                         $('#fancy_title').show();
  202.                 }
  203.  
  204.                 if (opts.itemArray[opts.itemNum].o.hideOnContentClick) {
  205.                         $("#fancy_content").click($.fn.fancybox.close);
  206.                 } else {
  207.                         $("#fancy_content").unbind('click');
  208.                 }
  209.  
  210.                 if (opts.itemNum !== 0) {
  211.                         $("#fancy_nav").append('<a id="fancy_left" href="javascript:;"></a>');
  212.  
  213.                         $('#fancy_left').click(function() {
  214.                                 $.fn.fancybox.changeItem(opts.itemNum - 1); return false;
  215.                         });
  216.                 }
  217.  
  218.                 if (opts.itemNum != (opts.itemArray.length - 1)) {
  219.                         $("#fancy_nav").append('<a id="fancy_right" href="javascript:;"></a>');
  220.                        
  221.                         $('#fancy_right').click(function(){
  222.                                 $.fn.fancybox.changeItem(opts.itemNum + 1); return false;
  223.                         });
  224.                 }
  225.  
  226.                 $(document).keydown(function(event) {
  227.                         if (event.keyCode == 27) {
  228.                 $.fn.fancybox.close();
  229.  
  230.                         } else if(event.keyCode == 37 && opts.itemNum !== 0) {
  231.                 $.fn.fancybox.changeItem(opts.itemNum - 1);
  232.  
  233.                         } else if(event.keyCode == 39 && opts.itemNum != (opts.itemArray.length - 1)) {
  234.                 $.fn.fancybox.changeItem(opts.itemNum + 1);
  235.                         }
  236.                 });
  237.         };
  238.  
  239.         $.fn.fancybox.preloadNeighborImages = function() {
  240.                 if ((opts.itemArray.length - 1) > opts.itemNum) {
  241.                         preloadNextImage = new Image();
  242.                         preloadNextImage.src = opts.itemArray[opts.itemNum + 1].url;
  243.                 }
  244.  
  245.                 if (opts.itemNum > 0) {
  246.                         preloadPrevImage = new Image();
  247.                         preloadPrevImage.src = opts.itemArray[opts.itemNum - 1].url;
  248.                 }
  249.         };
  250.  
  251.         $.fn.fancybox.close = function() {
  252.                 if (opts.animating){
  253.                         return false;
  254.                 }
  255.  
  256.                 $(imgPreloader).unbind('load');
  257.                 $(document).unbind("keydown");
  258.  
  259.                 $("#fancy_loading,#fancy_title,#fancy_close,#fancy_bg").hide();
  260.  
  261.                 $("#fancy_nav").empty();
  262.  
  263.                 opts.active     = false;
  264.  
  265.                 if (opts.itemArray[opts.itemNum].o.zoomSpeedOut > 0) {
  266.                         var itemOpts = {
  267.                                 'top':          opts.itemArray[opts.itemNum].orig.pos.top - 18,
  268.                                 'left':         opts.itemArray[opts.itemNum].orig.pos.left - 18,
  269.                                 'height':       opts.itemArray[opts.itemNum].orig.height,
  270.                                 'width':        opts.itemArray[opts.itemNum].orig.width,
  271.                                 'opacity':      'hide'
  272.                         };
  273.  
  274.                         opts.animating = true;
  275.  
  276.                         $("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedOut, function() {
  277.                                 $("#fancy_content").hide().empty();
  278.                                 $("#fancy_overlay,#fancy_bigIframe").remove();
  279.                                 opts.animating = false;
  280.                         });
  281.  
  282.                 } else {
  283.                         $("#fancy_outer").hide();
  284.                         $("#fancy_content").hide().empty();
  285.                         $("#fancy_overlay,#fancy_bigIframe").fadeOut("fast").remove();
  286.                 }
  287.         };
  288.  
  289.         $.fn.fancybox.showLoading = function() {
  290.                 clearInterval(loadingTimer);
  291.  
  292.                 var pos = $.fn.fancybox.getViewport();
  293.  
  294.                 $("#fancy_loading").css({'left': ((pos[0] - 40) / 2 + pos[2]), 'top': ((pos[1] - 40) / 2 + pos[3])}).show();
  295.                 $("#fancy_loading").bind('click', $.fn.fancybox.close);
  296.                
  297.                 loadingTimer = setInterval($.fn.fancybox.animateLoading, 66);
  298.         };
  299.  
  300.         $.fn.fancybox.animateLoading = function(el, o) {
  301.                 if (!$("#fancy_loading").is(':visible')){
  302.                         clearInterval(loadingTimer);
  303.                         return;
  304.                 }
  305.  
  306.                 $("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px');
  307.  
  308.                 loadingFrame = (loadingFrame + 1) % 12;
  309.         };
  310.  
  311.         $.fn.fancybox.init = function() {
  312.                 if (!$('#fancy_wrap').length) {
  313.                         $('<div id="fancy_wrap"><div id="fancy_loading"><div></div></div><div id="fancy_outer"><div id="fancy_inner"><div id="fancy_nav"></div><div id="fancy_close"></div><div id="fancy_content"></div><div id="fancy_title"></div></div></div></div>').appendTo("body");
  314.                         $('<div id="fancy_bg"><div class="fancy_bg fancy_bg_n"></div><div class="fancy_bg fancy_bg_ne"></div><div class="fancy_bg fancy_bg_e"></div><div class="fancy_bg fancy_bg_se"></div><div class="fancy_bg fancy_bg_s"></div><div class="fancy_bg fancy_bg_sw"></div><div class="fancy_bg fancy_bg_w"></div><div class="fancy_bg fancy_bg_nw"></div></div>').prependTo("#fancy_inner");
  315.                        
  316.                         $('<table cellspacing="0" cellpadding="0" border="0"><tr><td id="fancy_title_left"></td><td id="fancy_title_main"><div></div></td><td id="fancy_title_right"></td></tr></table>').appendTo('#fancy_title');
  317.                 }
  318.  
  319.                 if ($.browser.msie) {
  320.                         $("#fancy_inner").prepend('<iframe id="fancy_freeIframe" scrolling="no" frameborder="0"></iframe>');
  321.                 }
  322.  
  323.                 if (jQuery.fn.pngFix){
  324.                         $(document).pngFix();
  325.                 }
  326.  
  327.         $("#fancy_close").click($.fn.fancybox.close);
  328.         };
  329.  
  330.         $.fn.fancybox.getPosition = function(el) {
  331.                 var pos = el.offset();
  332.  
  333.                 pos.top += $.fn.fancybox.num(el, 'paddingTop');
  334.                 pos.top += $.fn.fancybox.num(el, 'borderTopWidth');
  335.  
  336.                 pos.left += $.fn.fancybox.num(el, 'paddingLeft');
  337.                 pos.left += $.fn.fancybox.num(el, 'borderLeftWidth');
  338.  
  339.                 return pos;
  340.         };
  341.  
  342.         $.fn.fancybox.num = function (el, prop) {
  343.                 return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0;
  344.         };
  345.  
  346.         $.fn.fancybox.getPageScroll = function() {
  347.                 var xScroll, yScroll;
  348.  
  349.                 if (self.pageYOffset) {
  350.                         yScroll = self.pageYOffset;
  351.                         xScroll = self.pageXOffset;
  352.                 } else if (document.documentElement && document.documentElement.scrollTop) {
  353.                         yScroll = document.documentElement.scrollTop;
  354.                         xScroll = document.documentElement.scrollLeft;
  355.                 } else if (document.body) {
  356.                         yScroll = document.body.scrollTop;
  357.                         xScroll = document.body.scrollLeft;     
  358.                 }
  359.  
  360.                 return [xScroll, yScroll];
  361.         };
  362.  
  363.         $.fn.fancybox.getViewport = function() {
  364.                 var scroll = $.fn.fancybox.getPageScroll();
  365.  
  366.                 return [$(window).width(), $(window).height(), scroll[0], scroll[1]];
  367.         };
  368.  
  369.         $.fn.fancybox.getMaxSize = function(maxWidth, maxHeight, imageWidth, imageHeight) {
  370.                 var r = Math.min(Math.min(maxWidth, imageWidth) / imageWidth, Math.min(maxHeight, imageHeight) / imageHeight);
  371.  
  372.                 return [Math.round(r * imageWidth), Math.round(r * imageHeight)];
  373.         };
  374.  
  375.         $.fn.fancybox.defaults = {
  376.                 hideOnContentClick:     false,
  377.                 zoomSpeedIn:            500,
  378.                 zoomSpeedOut:           500,
  379.                 frameWidth:                     600,
  380.                 frameHeight:            400,
  381.                 overlayShow:            false,
  382.                 overlayOpacity:         0.4,
  383.                 itemLoadCallback:       null
  384.         };
  385. })(jQuery);

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with @@


Remember me so that I can delete my post