if (typeof NEWSBLUR == 'undefined') NEWSBLUR = {}; if (typeof NEWSBLUR.Globals == 'undefined') NEWSBLUR.Globals = {}; /* ============================= */ /* = Core NewsBlur Javascript = */ /* ============================= */ NEWSBLUR.log = function(msg) { try { if (typeof o == "object") { var new_m = []; for (var i=0; i < msg.length; i++) { if (i!=0) new_m.push(msg[i]); } console.debug(msg[0], new_m); } else { console.log(msg); } } catch(e) { console = { log: function() {} }; } }; (function($) { $.fn.extend({ isScrollVisible: function($elem) { var docViewTop = 0; // $(this).scrollTop(); var docViewBottom = docViewTop + $(this).height(); var docOffset = $(this).offset().top; var elemTop = $elem.offset().top - docOffset; var elemBottom = elemTop + $elem.outerHeight(); // NEWSBLUR.log(['isScrollVisible', docViewTop, docViewBottom, docOffset, elemTop, elemBottom]); return ((elemTop >= docViewTop) && (elemBottom <= docViewBottom)); }, // Align an element relative to a target element's coordinates. Forces the // element to be absolutely positioned. Element must be visible. // Position string format is: "top -right". // You can pass an optional offset object with top and left offsets specified. align : function(target, pos, offset) { var el = this; pos = pos || ''; offset = offset || {}; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop || 0; var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || 0; var clientWidth = document.documentElement.clientWidth; var clientHeight = document.documentElement.clientHeight; if (target == window) { var b = { left : scrollLeft, top : scrollTop, width : $(window).width(), height : $(window).height() }; } else { target = $(target); var targOff = target.offset(); var b = { left : targOff.left, top : targOff.top, width : target.innerWidth(), height : target.innerHeight() }; } var elb = { width : el.innerWidth(), height : el.innerHeight() }; var left, top; if (pos.indexOf('-left') >= 0) { left = b.left; } else if (pos.indexOf('left') >= 0) { left = b.left - elb.width; } else if (pos.indexOf('-right') >= 0) { left = b.left + b.width - elb.width; } else if (pos.indexOf('right') >= 0) { left = b.left + b.width; } else { // Centered. left = b.left + (b.width - elb.width) / 2; } if (pos.indexOf('-top') >= 0) { top = b.top; } else if (pos.indexOf('top') >= 0) { top = b.top - elb.height; } else if (pos.indexOf('-bottom') >= 0) { top = b.top + b.height - elb.height; } else if (pos.indexOf('bottom') >= 0) { top = b.top + b.height; } else { // Centered. top = b.top + (b.height - elb.height) / 2; } var constrain = (pos.indexOf('no-constraint') >= 0) ? false : true; left += offset.left || 0; top += offset.top || 0; if (constrain) { left = Math.max(scrollLeft, Math.min(left, scrollLeft + clientWidth - elb.width)); top = Math.max(scrollTop, Math.min(top, scrollTop + clientHeight - elb.height)); } // var offParent; // if (offParent = el.offsetParent()) { // left -= offParent.offset().left; // top -= offParent.offset().top; // } $(el).css({position : 'absolute', left : left + 'px', top : top + 'px'}); return el; } }); $.extend({ deepCopy: function(obj) { var type = $.typeOf(obj); switch (type) { case 'object': var o = {}; for (key in obj) { o[key] = $.deepCopy(obj[key]); }; return o; case 'array': var a = []; for (var i = 0; i < obj.length; i++) { a.push($.deepCopy(obj[i])); } return a; default: return obj; }; }, typeOf: function(value) { var s = typeof value; if (s == 'object') { if (value) { if (typeof value.length == 'number' && !(value.propertyIsEnumerable('length')) && typeof value.splice == 'function') { s = 'array'; } } else { s = 'null'; } } return s; }, targetIs: function(e, opts, callback){ if(!e || !opts){ return false; } // defaults // (want to make this explicit, since it's a little weird) opts = { childOf: opts.childOf || null, tagSelector: opts.tagSelector || null, cancelBubbling: opts.cancelBubbling || false }; var target = e.target; var $t = $(target); var $p = null; var fails = false; if(opts.childOf){ $p = $t.parents(opts.childOf).eq(0); if(!$p[0]){ fails = true; } } if(opts.tagSelector){ var ts = opts.tagSelector; if(!$t.is(ts)){ if(opts.cancelBubbling){ fails = true; }else{ $tp = $t.parents(ts).eq(0); if(!$tp[0]){ fails = true; }else{ // we are going to assume dev // wants the $elem we bubbled to $t = $tp; } } }; } if(fails){ return false; }else{ if(callback && typeof callback == 'function'){ callback($t, $p); } return true; } }, entity: function(str) { var e = document.createElement('div'); e.innerHTML = String(str); return e.innerHTML; }, make: function(){ var $elem, text, children, type, name, props; var args = arguments; var tagname = args[0]; // Second argument can be TextNode or Attributes // $.make('div', 'inner text') || $.make('div', { className: 'etc' }) if (args[1]) { if (typeof args[1] == 'string') { text = args[1]; } else if (typeof args[1] == 'object' && args[1].push) { children = args[1]; } else { props = args[1]; } } // Third argument can be TextNode or an array of additional $.make if (args[2]) { if (typeof args[2] == 'string') { text = args[2]; } else if (typeof args[1] == 'object' && args[2].push) { children = args[2]; } } if (tagname == 'text' && text) { return document.createTextNode(text); } else { $elem = $(document.createElement(tagname)); if (props) { for (var propname in props) { if (props.hasOwnProperty(propname)) { if ($elem.is(':input') && propname == 'value') { $elem.val(props[propname]); } else { $elem.attr(propname, props[propname]); } } } } if (children) { for (var i = 0; i < children.length; i++) { if (children[i]) { $elem.append(children[i]); } } } if (text) { $elem.html(text); } return $elem; } }, rescope: function(func, thisArg){ return function(a, b, c, d, e, f){ func.call(thisArg, this, a, b, c, d, e, f); }; }, closest: function(value, array) { var offset = 0; var index = 0; var closest = Math.abs(array[index] - value); for (var i in array) { var next_value = array[i] - value; if (next_value <= offset && Math.abs(next_value) < closest) { index = parseInt(i, 10); closest = Math.abs(array[index] - value); } else if (next_value > offset) { // NEWSBLUR.log(['Not Closest', index, next_value, value, closest]); return index; } } return index; } }); })(jQuery); // ------- IE Debug -------- // (function($) { var _$ied; $.extend({ iedebug: function(msg){ if(!_$ied){ _$ied = $.make('div', [ $.make('ol') ]).css({ 'position': 'absolute', 'top': 10, 'left': 10, 'zIndex': 20000, 'border': '1px solid #000', 'padding': '10px', 'backgroundColor': '#fff', 'fontFamily': 'arial,helvetica,sans-serif', 'fontSize': '11px' }); $('body').append(_$ied); _$ied.draggable(); } _$ied.find('ol').append($.make('li', msg).css({ 'borderBottom': '1px solid #999999' })); } }); })(jQuery);