").css({width:q.outerWidth(),position:"relative"}).unwrap()}var z=q.outerWidth()}else{var w=y.children(".mCSB_buttonUp"),g=y.children(".mCSB_buttonDown"),r=k.height(),i=q.outerHeight()}if(i>r&&!n.data("horizontalScroll")){y.css("display","block");var s=o.height();if(n.data("autoDraggerLength")){var u=Math.round(r/i*s),l=m.data("minDraggerHeight");if(u<=l){m.css({height:l})}else{if(u>=s-10){var p=s-10;m.css({height:p})}else{m.css({height:u})}}m.children(".mCSB_dragger_bar").css({"line-height":m.height()+"px"})}var B=m.height(),x=(i-r)/(s-B);n.data("scrollAmount",x).mCustomScrollbar("scrolling",k,q,o,m,w,g,A,t);var D=Math.abs(q.position().top);n.mCustomScrollbar("scrollTo",D,{scrollInertia:0,trigger:"internal"})}else{if(z>f&&n.data("horizontalScroll")){y.css("display","block");var h=o.width();if(n.data("autoDraggerLength")){var j=Math.round(f/z*h),C=m.data("minDraggerWidth");if(j<=C){m.css({width:C})}else{if(j>=h-10){var e=h-10;m.css({width:e})}else{m.css({width:j})}}}var v=m.width(),x=(z-f)/(h-v);n.data("scrollAmount",x).mCustomScrollbar("scrolling",k,q,o,m,w,g,A,t);var D=Math.abs(q.position().left);n.mCustomScrollbar("scrollTo",D,{scrollInertia:0,trigger:"internal"})}else{k.unbind("mousewheel focusin");if(n.data("horizontalScroll")){m.add(q).css("left",0)}else{m.add(q).css("top",0)}if(n.data("alwaysShowScrollbar")){if(!n.data("horizontalScroll")){m.css({height:o.height()})}else{if(n.data("horizontalScroll")){m.css({width:o.width()})}}}else{y.css("display","none");q.addClass("mCS_no_scrollbar")}n.data({bindEvent_mousewheel:false,bindEvent_focusin:false})}}},scrolling:function(i,q,n,k,A,f,D,w){var l=c(this);if(!l.data("bindEvent_scrollbar_drag")){var o,p,C,z,e;if(c.support.pointer){C="pointerdown";z="pointermove";e="pointerup"}else{if(c.support.msPointer){C="MSPointerDown";z="MSPointerMove";e="MSPointerUp"}}if(c.support.pointer||c.support.msPointer){k.bind(C,function(K){K.preventDefault();l.data({on_drag:true});k.addClass("mCSB_dragger_onDrag");var J=c(this),M=J.offset(),I=K.originalEvent.pageX-M.left,L=K.originalEvent.pageY-M.top;if(I0&&L0){o=L;p=I}});c(document).bind(z+"."+l.data("mCustomScrollbarIndex"),function(K){K.preventDefault();if(l.data("on_drag")){var J=k,M=J.offset(),I=K.originalEvent.pageX-M.left,L=K.originalEvent.pageY-M.top;G(o,p,L,I)}}).bind(e+"."+l.data("mCustomScrollbarIndex"),function(x){l.data({on_drag:false});k.removeClass("mCSB_dragger_onDrag")})}else{k.bind("mousedown touchstart",function(K){K.preventDefault();K.stopImmediatePropagation();var J=c(this),N=J.offset(),I,M;if(K.type==="touchstart"){var L=K.originalEvent.touches[0]||K.originalEvent.changedTouches[0];I=L.pageX-N.left;M=L.pageY-N.top}else{l.data({on_drag:true});k.addClass("mCSB_dragger_onDrag");I=K.pageX-N.left;M=K.pageY-N.top}if(I0&&M0){o=M;p=I}}).bind("touchmove",function(K){K.preventDefault();K.stopImmediatePropagation();var N=K.originalEvent.touches[0]||K.originalEvent.changedTouches[0],J=c(this),M=J.offset(),I=N.pageX-M.left,L=N.pageY-M.top;G(o,p,L,I)});c(document).bind("mousemove."+l.data("mCustomScrollbarIndex"),function(K){if(l.data("on_drag")){var J=k,M=J.offset(),I=K.pageX-M.left,L=K.pageY-M.top;G(o,p,L,I)}}).bind("mouseup."+l.data("mCustomScrollbarIndex"),function(x){l.data({on_drag:false});k.removeClass("mCSB_dragger_onDrag")})}l.data({bindEvent_scrollbar_drag:true})}function G(J,K,L,I){if(l.data("horizontalScroll")){l.mCustomScrollbar("scrollTo",(k.position().left-(K))+I,{moveDragger:true,trigger:"internal"})}else{l.mCustomScrollbar("scrollTo",(k.position().top-(J))+L,{moveDragger:true,trigger:"internal"})}}if(c.support.touch&&l.data("contentTouchScroll")){if(!l.data("bindEvent_content_touch")){var m,E,s,t,v,F,H;q.bind("touchstart",function(x){x.stopImmediatePropagation();m=x.originalEvent.touches[0]||x.originalEvent.changedTouches[0];E=c(this);s=E.offset();v=m.pageX-s.left;t=m.pageY-s.top;F=t;H=v});q.bind("touchmove",function(x){x.preventDefault();x.stopImmediatePropagation();m=x.originalEvent.touches[0]||x.originalEvent.changedTouches[0];E=c(this).parent();s=E.offset();v=m.pageX-s.left;t=m.pageY-s.top;if(l.data("horizontalScroll")){l.mCustomScrollbar("scrollTo",H-v,{trigger:"internal"})}else{l.mCustomScrollbar("scrollTo",F-t,{trigger:"internal"})}})}}if(!l.data("bindEvent_scrollbar_click")){n.bind("click",function(I){var x=(I.pageY-n.offset().top)*l.data("scrollAmount"),y=c(I.target);if(l.data("horizontalScroll")){x=(I.pageX-n.offset().left)*l.data("scrollAmount")}if(y.hasClass("mCSB_draggerContainer")||y.hasClass("mCSB_draggerRail")){l.mCustomScrollbar("scrollTo",x,{trigger:"internal",scrollEasing:"draggerRailEase"})}});l.data({bindEvent_scrollbar_click:true})}if(l.data("mouseWheel")){if(!l.data("bindEvent_mousewheel")){i.bind("mousewheel",function(K,M){var J,I=l.data("mouseWheelPixels"),x=Math.abs(q.position().top),L=k.position().top,y=n.height()-k.height();if(l.data("normalizeMouseWheelDelta")){if(M<0){M=-1}else{M=1}}if(I==="auto"){I=100+Math.round(l.data("scrollAmount")/2)}if(l.data("horizontalScroll")){L=k.position().left;y=n.width()-k.width();x=Math.abs(q.position().left)}if((M>0&&L!==0)||(M<0&&L!==y)){K.preventDefault();K.stopImmediatePropagation()}J=x-(M*I);l.mCustomScrollbar("scrollTo",J,{trigger:"internal"})});l.data({bindEvent_mousewheel:true})}}if(l.data("scrollButtons_enable")){if(l.data("scrollButtons_scrollType")==="pixels"){if(l.data("horizontalScroll")){w.add(D).unbind("mousedown touchstart MSPointerDown pointerdown mouseup MSPointerUp pointerup mouseout MSPointerOut pointerout touchend",j,h);l.data({bindEvent_buttonsContinuous_x:false});if(!l.data("bindEvent_buttonsPixels_x")){w.bind("click",function(x){x.preventDefault();r(Math.abs(q.position().left)+l.data("scrollButtons_scrollAmount"))});D.bind("click",function(x){x.preventDefault();r(Math.abs(q.position().left)-l.data("scrollButtons_scrollAmount"))});l.data({bindEvent_buttonsPixels_x:true})}}else{f.add(A).unbind("mousedown touchstart MSPointerDown pointerdown mouseup MSPointerUp pointerup mouseout MSPointerOut pointerout touchend",j,h);l.data({bindEvent_buttonsContinuous_y:false});if(!l.data("bindEvent_buttonsPixels_y")){f.bind("click",function(x){x.preventDefault();r(Math.abs(q.position().top)+l.data("scrollButtons_scrollAmount"))});A.bind("click",function(x){x.preventDefault();r(Math.abs(q.position().top)-l.data("scrollButtons_scrollAmount"))});l.data({bindEvent_buttonsPixels_y:true})}}function r(x){if(!k.data("preventAction")){k.data("preventAction",true);l.mCustomScrollbar("scrollTo",x,{trigger:"internal"})}}}else{if(l.data("horizontalScroll")){w.add(D).unbind("click");l.data({bindEvent_buttonsPixels_x:false});if(!l.data("bindEvent_buttonsContinuous_x")){w.bind("mousedown touchstart MSPointerDown pointerdown",function(y){y.preventDefault();var x=B();l.data({mCSB_buttonScrollRight:setInterval(function(){l.mCustomScrollbar("scrollTo",Math.abs(q.position().left)+x,{trigger:"internal",scrollEasing:"easeOutCirc"})},17)})});var j=function(x){x.preventDefault();clearInterval(l.data("mCSB_buttonScrollRight"))};w.bind("mouseup touchend MSPointerUp pointerup mouseout MSPointerOut pointerout",j);D.bind("mousedown touchstart MSPointerDown pointerdown",function(y){y.preventDefault();var x=B();l.data({mCSB_buttonScrollLeft:setInterval(function(){l.mCustomScrollbar("scrollTo",Math.abs(q.position().left)-x,{trigger:"internal",scrollEasing:"easeOutCirc"})},17)})});var h=function(x){x.preventDefault();clearInterval(l.data("mCSB_buttonScrollLeft"))};D.bind("mouseup touchend MSPointerUp pointerup mouseout MSPointerOut pointerout",h);l.data({bindEvent_buttonsContinuous_x:true})}}else{f.add(A).unbind("click");l.data({bindEvent_buttonsPixels_y:false});if(!l.data("bindEvent_buttonsContinuous_y")){f.bind("mousedown touchstart MSPointerDown pointerdown",function(y){y.preventDefault();var x=B();l.data({mCSB_buttonScrollDown:setInterval(function(){l.mCustomScrollbar("scrollTo",Math.abs(q.position().top)+x,{trigger:"internal",scrollEasing:"easeOutCirc"})},17)})});var u=function(x){x.preventDefault();clearInterval(l.data("mCSB_buttonScrollDown"))};f.bind("mouseup touchend MSPointerUp pointerup mouseout MSPointerOut pointerout",u);A.bind("mousedown touchstart MSPointerDown pointerdown",function(y){y.preventDefault();var x=B();l.data({mCSB_buttonScrollUp:setInterval(function(){l.mCustomScrollbar("scrollTo",Math.abs(q.position().top)-x,{trigger:"internal",scrollEasing:"easeOutCirc"})},17)})});var g=function(x){x.preventDefault();clearInterval(l.data("mCSB_buttonScrollUp"))};A.bind("mouseup touchend MSPointerUp pointerup mouseout MSPointerOut pointerout",g);l.data({bindEvent_buttonsContinuous_y:true})}}function B(){var x=l.data("scrollButtons_scrollSpeed");if(l.data("scrollButtons_scrollSpeed")==="auto"){x=Math.round((l.data("scrollInertia")+100)/40)}return x}}}if(l.data("autoScrollOnFocus")){if(!l.data("bindEvent_focusin")){i.bind("focusin",function(){i.scrollTop(0).scrollLeft(0);var x=c(document.activeElement);if(x.is("input,textarea,select,button,a[tabindex],area,object")){var J=q.position().top,y=x.position().top,I=i.height()-x.outerHeight();if(l.data("horizontalScroll")){J=q.position().left;y=x.position().left;I=i.width()-x.outerWidth()}if(J+y<0||J+y>I){l.mCustomScrollbar("scrollTo",y,{trigger:"internal"})}}});l.data({bindEvent_focusin:true})}}if(l.data("autoHideScrollbar")&&!l.data("alwaysShowScrollbar")){if(!l.data("bindEvent_autoHideScrollbar")){i.bind("mouseenter",function(x){i.addClass("mCS-mouse-over");d.showScrollbar.call(i.children(".mCSB_scrollTools"))}).bind("mouseleave touchend",function(x){i.removeClass("mCS-mouse-over");if(x.type==="mouseleave"){d.hideScrollbar.call(i.children(".mCSB_scrollTools"))}});l.data({bindEvent_autoHideScrollbar:true})}}},scrollTo:function(e,f){var i=c(this),o={moveDragger:false,trigger:"external",callbacks:true,scrollInertia:i.data("scrollInertia"),scrollEasing:i.data("scrollEasing")},f=c.extend(o,f),p,g=i.children(".mCustomScrollBox"),k=g.children(".mCSB_container"),r=g.children(".mCSB_scrollTools"),j=r.children(".mCSB_draggerContainer"),h=j.children(".mCSB_dragger"),t=draggerSpeed=f.scrollInertia,q,s,m,l;if(!k.hasClass("mCS_no_scrollbar")){i.data({mCS_trigger:f.trigger});if(i.data("mCS_Init")){f.callbacks=false}if(e||e===0){if(typeof(e)==="number"){if(f.moveDragger){p=e;if(i.data("horizontalScroll")){e=h.position().left*i.data("scrollAmount")}else{e=h.position().top*i.data("scrollAmount")}draggerSpeed=0}else{p=e/i.data("scrollAmount")}}else{if(typeof(e)==="string"){var v;if(e==="top"){v=0}else{if(e==="bottom"&&!i.data("horizontalScroll")){v=k.outerHeight()-g.height()}else{if(e==="left"){v=0}else{if(e==="right"&&i.data("horizontalScroll")){v=k.outerWidth()-g.width()}else{if(e==="first"){v=i.find(".mCSB_container").find(":first")}else{if(e==="last"){v=i.find(".mCSB_container").find(":last")}else{v=i.find(e)}}}}}}if(v.length===1){if(i.data("horizontalScroll")){e=v.position().left}else{e=v.position().top}p=e/i.data("scrollAmount")}else{p=e=v}}}if(i.data("horizontalScroll")){if(i.data("onTotalScrollBack_Offset")){s=-i.data("onTotalScrollBack_Offset")}if(i.data("onTotalScroll_Offset")){l=g.width()-k.outerWidth()+i.data("onTotalScroll_Offset")}if(p<0){p=e=0;clearInterval(i.data("mCSB_buttonScrollLeft"));if(!s){q=true}}else{if(p>=j.width()-h.width()){p=j.width()-h.width();e=g.width()-k.outerWidth();clearInterval(i.data("mCSB_buttonScrollRight"));if(!l){m=true}}else{e=-e}}var n=i.data("snapAmount");if(n){e=Math.round(e/n)*n-i.data("snapOffset")}d.mTweenAxis.call(this,h[0],"left",Math.round(p),draggerSpeed,f.scrollEasing);d.mTweenAxis.call(this,k[0],"left",Math.round(e),t,f.scrollEasing,{onStart:function(){if(f.callbacks&&!i.data("mCS_tweenRunning")){u("onScrollStart")}if(i.data("autoHideScrollbar")&&!i.data("alwaysShowScrollbar")){d.showScrollbar.call(r)}},onUpdate:function(){if(f.callbacks){u("whileScrolling")}},onComplete:function(){if(f.callbacks){u("onScroll");if(q||(s&&k.position().left>=s)){u("onTotalScrollBack")}if(m||(l&&k.position().left<=l)){u("onTotalScroll")}}h.data("preventAction",false);i.data("mCS_tweenRunning",false);if(i.data("autoHideScrollbar")&&!i.data("alwaysShowScrollbar")){if(!g.hasClass("mCS-mouse-over")){d.hideScrollbar.call(r)}}}})}else{if(i.data("onTotalScrollBack_Offset")){s=-i.data("onTotalScrollBack_Offset")}if(i.data("onTotalScroll_Offset")){l=g.height()-k.outerHeight()+i.data("onTotalScroll_Offset")}if(p<0){p=e=0;clearInterval(i.data("mCSB_buttonScrollUp"));if(!s){q=true}}else{if(p>=j.height()-h.height()){p=j.height()-h.height();e=g.height()-k.outerHeight();clearInterval(i.data("mCSB_buttonScrollDown"));if(!l){m=true}}else{e=-e}}var n=i.data("snapAmount");if(n){e=Math.round(e/n)*n-i.data("snapOffset")}d.mTweenAxis.call(this,h[0],"top",Math.round(p),draggerSpeed,f.scrollEasing);d.mTweenAxis.call(this,k[0],"top",Math.round(e),t,f.scrollEasing,{onStart:function(){if(f.callbacks&&!i.data("mCS_tweenRunning")){u("onScrollStart")}if(i.data("autoHideScrollbar")&&!i.data("alwaysShowScrollbar")){d.showScrollbar.call(r)}},onUpdate:function(){if(f.callbacks){u("whileScrolling")}},onComplete:function(){if(f.callbacks){u("onScroll");if(q||(s&&k.position().top>=s)){u("onTotalScrollBack")}if(m||(l&&k.position().top<=l)){u("onTotalScroll")}}h.data("preventAction",false);i.data("mCS_tweenRunning",false);if(i.data("autoHideScrollbar")&&!i.data("alwaysShowScrollbar")){if(!g.hasClass("mCS-mouse-over")){d.hideScrollbar.call(r)}}}})}if(i.data("mCS_Init")){i.data({mCS_Init:false})}}}function u(w){if(i.data("mCustomScrollbarIndex")){this.mcs={top:k.position().top,left:k.position().left,draggerTop:h.position().top,draggerLeft:h.position().left,topPct:Math.round((100*Math.abs(k.position().top))/Math.abs(k.outerHeight()-g.height())),leftPct:Math.round((100*Math.abs(k.position().left))/Math.abs(k.outerWidth()-g.width()))};switch(w){case"onScrollStart":i.data("mCS_tweenRunning",true).data("onScrollStart_Callback").call(i,this.mcs);break;case"whileScrolling":i.data("whileScrolling_Callback").call(i,this.mcs);break;case"onScroll":i.data("onScroll_Callback").call(i,this.mcs);break;case"onTotalScrollBack":i.data("onTotalScrollBack_Callback").call(i,this.mcs);break;case"onTotalScroll":i.data("onTotalScroll_Callback").call(i,this.mcs);break}}}},stop:function(){var g=c(this),e=g.children().children(".mCSB_container"),f=g.children().children().children().children(".mCSB_dragger");d.mTweenAxisStop.call(this,e[0]);d.mTweenAxisStop.call(this,f[0])},disable:function(e){var j=c(this),f=j.children(".mCustomScrollBox"),h=f.children(".mCSB_container"),g=f.children(".mCSB_scrollTools"),i=g.children().children(".mCSB_dragger");f.unbind("mousewheel focusin mouseenter mouseleave touchend");h.unbind("touchstart touchmove");if(e){if(j.data("horizontalScroll")){i.add(h).css("left",0)}else{i.add(h).css("top",0)}}g.css("display","none");h.addClass("mCS_no_scrollbar");j.data({bindEvent_mousewheel:false,bindEvent_focusin:false,bindEvent_content_touch:false,bindEvent_autoHideScrollbar:false}).addClass("mCS_disabled")},destroy:function(){var e=c(this);e.removeClass("mCustomScrollbar _mCS_"+e.data("mCustomScrollbarIndex")).addClass("mCS_destroyed").children().children(".mCSB_container").unwrap().children().unwrap().siblings(".mCSB_scrollTools").remove();c(document).unbind("mousemove."+e.data("mCustomScrollbarIndex")+" mouseup."+e.data("mCustomScrollbarIndex")+" MSPointerMove."+e.data("mCustomScrollbarIndex")+" MSPointerUp."+e.data("mCustomScrollbarIndex"));c(window).unbind("resize."+e.data("mCustomScrollbarIndex"))}},d={showScrollbar:function(){this.stop().animate({opacity:1},"fast")},hideScrollbar:function(){this.stop().animate({opacity:0},"fast")},mTweenAxis:function(g,i,h,f,o,y){var y=y||{},v=y.onStart||function(){},p=y.onUpdate||function(){},w=y.onComplete||function(){};var n=t(),l,j=0,r=g.offsetTop,s=g.style;if(i==="left"){r=g.offsetLeft}var m=h-r;q();e();function t(){if(window.performance&&window.performance.now){return window.performance.now()}else{if(window.performance&&window.performance.webkitNow){return window.performance.webkitNow()}else{if(Date.now){return Date.now()}else{return new Date().getTime()}}}}function x(){if(!j){v.call()}j=t()-n;u();if(j>=g._time){g._time=(j>g._time)?j+l-(j-g._time):j+l-1;if(g._time0){g.currVal=k(g._time,r,m,f,o);s[i]=Math.round(g.currVal)+"px"}else{s[i]=h+"px"}p.call()}function e(){l=1000/60;g._time=j+l;_request=(!window.requestAnimationFrame)?function(z){u();return setTimeout(z,0.01)}:window.requestAnimationFrame;g._id=_request(x)}function q(){if(g._id==null){return}if(!window.requestAnimationFrame){clearTimeout(g._id)}else{window.cancelAnimationFrame(g._id)}g._id=null}function k(B,A,F,E,C){switch(C){case"linear":return F*B/E+A;break;case"easeOutQuad":B/=E;return -F*B*(B-2)+A;break;case"easeInOutQuad":B/=E/2;if(B<1){return F/2*B*B+A}B--;return -F/2*(B*(B-2)-1)+A;break;case"easeOutCubic":B/=E;B--;return F*(B*B*B+1)+A;break;case"easeOutQuart":B/=E;B--;return -F*(B*B*B*B-1)+A;break;case"easeOutQuint":B/=E;B--;return F*(B*B*B*B*B+1)+A;break;case"easeOutCirc":B/=E;B--;return F*Math.sqrt(1-B*B)+A;break;case"easeOutSine":return F*Math.sin(B/E*(Math.PI/2))+A;break;case"easeOutExpo":return F*(-Math.pow(2,-10*B/E)+1)+A;break;case"mcsEaseOut":var D=(B/=E)*B,z=D*B;return A+F*(0.499999999999997*z*D+-2.5*D*D+5.5*z+-6.5*D+4*B);break;case"draggerRailEase":B/=E/2;if(B<1){return F/2*B*B*B+A}B-=2;return F/2*(B*B*B+2)+A;break}}},mTweenAxisStop:function(e){if(e._id==null){return}if(!window.requestAnimationFrame){clearTimeout(e._id)}else{window.cancelAnimationFrame(e._id)}e._id=null},rafPolyfill:function(){var f=["ms","moz","webkit","o"],e=f.length;while(--e>-1&&!window.requestAnimationFrame){window.requestAnimationFrame=window[f[e]+"RequestAnimationFrame"];window.cancelAnimationFrame=window[f[e]+"CancelAnimationFrame"]||window[f[e]+"CancelRequestAnimationFrame"]}}};d.rafPolyfill.call();c.support.touch=!!("ontouchstart" in window);c.support.pointer=window.navigator.pointerEnabled;c.support.msPointer=window.navigator.msPointerEnabled;var a=("https:"==document.location.protocol)?"https:":"http:";c.event.special.mousewheel||document.write('<script defer="" type="text/javascript" charset="ANSI">// HTML5 placeholder plugin version 1.01 // Copyright (c) 2010-The End of Time, Mike Taylor, http://miketaylr.com // MIT Licensed: http://www.opensource.org/licenses/mit-license.php // // Enables cross-browser HTML5 placeholder for inputs, by first testing // for a native implementation before building one. // // // USAGE: //$('input[placeholder]').placeholder(); // <input type="text" placeholder="username"> (function($){ //feature detection var hasPlaceholder = 'placeholder' in document.createElement('input'); var placeholderClass = 'evn-placeholder'; //sniffy sniff sniff -- just to give extra left padding for the older //graphics for type=email and type=url var isOldOpera = $.browser.opera && $.browser.version < 10.5; $.fn.placeholder = function(options) { //merge in passed in options, if any var options = $.extend({}, $.fn.placeholder.defaults, options), //cache the original 'left' value, for use by Opera later o_left = options.placeholderCSS.left; //first test for native placeholder support before continuing //feature detection inspired by ye olde jquery 1.4 hawtness, with paul irish return (hasPlaceholder) ? this : this.each(function() { //local vars var $this = $(this), inputVal = $.trim($this.val()), inputWidth = $this.width(), inputHeight = $this.height(), //grab the inputs id for the , or make a new one from the Date inputId = (this.id) ? this.id : 'placeholder' + (+new Date()) + this.className.replace(' ',''), placeholderText = options.placeholderText ? options.placeholderText : $this.attr('placeholder'), placeholder = $(''+ placeholderText + ''); //stuff in some calculated values into the placeholderCSS object // options.placeholderCSS['width'] = inputWidth; options.placeholderCSS['height'] = inputHeight; // adjust position of placeholder options.placeholderCSS.left = (isOldOpera && (this.type == 'email' || this.type == 'url')) ? '11%' : o_left; placeholder.css(options.placeholderCSS); //place the placeholder if the input is empty $this.wrap(options.inputWrapper); $this.attr('id', inputId).after(placeholder); if(inputVal) { $this.next().hide(); } //hide placeholder on focus $this.focus(function(){ $this.next().hide(); }); //show placeholder if the input is empty $this.blur(function(){ if (!$.trim($this.val())){ $this.next().show(); }; }); }); }; //expose defaults $.fn.placeholder.defaults = { //you can pass in a custom wrapper inputWrapper: '', placeholderText: null, //more or less just emulating what webkit does here //tweak to your hearts content placeholderCSS: { 'font':'0.75em sans-serif', 'color':'#bababa', 'position': 'absolute', 'left':'5px', 'top':'3px', 'overflow': 'hidden' } }; })(jQuery);</script><script defer="" type="text/javascript" charset="ANSI">/*! * ClearlyComponent__detect * Evernote Clearly's content-detection algorithm as an embeddable component. * Copyright 2013, Evernote Corporation * * Usage: * ====== * * // define * window.ClearlyComponent__detect = { * 'callbacks': { * 'finished': someFunction(), * }, * 'window': window, * 'document': document, * 'jQuery': window.jQuery * }; * * // init -- will return false, if something goes wrong * window.ClearlyComponent__detect = initClearlyComponent__detect(window.ClearlyComponent__detect); * * // call -- returns nothing; callbacks will be used * window.ClearlyComponent__detect.start(); * * // publcly available/overridable * window.ClearlyComponent__detect.debug * window.ClearlyComponent__detect.parseOptions * */ /* changes: ======== $R => $D $R.win => $D.window $R.parsingOptions => $D.parseOptions $R.skipStuffFromDomains__links => $D.parseOptions._skip_link_from_domain $R.skipStuffFromDomain__images => $D.parseOptions._skip_image_from_domain $R.keepStuffFromDomain__video => $D.parseOptions._keep_video_from_domain $R.getContent__processCandidates => $D.getContent__processCandidates__first $R.getContent__computePointsForCandidate => $D.getContent__computePointsForCandidate__first $R.getContent__computeDetailsForCandidate => $D.getContent__computeDetailsForCandidate__first $R.getContent__processCandidatesSecond => $D.getContent__processCandidates__second $R.getContent__computePointsForCandidateSecond => $D.getContent__computePointsForCandidate__second $R.getContent__computeDetailsForCandidateSecond => $D.getContent__computeDetailsForCandidate__second $R.getContent__computePointsForCandidateThird => $D.getContent__computePointsForCandidate__third $R.getContent__computeDetailsForCandidateThird => $D.getContent__computeDetailsForCandidate__third to do: ====== */ function initClearlyComponent__detect(_paramInstance) { // global instance reference { // =========================== // null; return if (_paramInstance); else { return false; } // shorthand $D = _paramInstance; // global instance reference } // required vars { // =============== // the component instance object must already be created, // when the init function is called. it must have these vars set: switch (true) { case (!($D.callbacks)): case (!($D.callbacks.finished)): case (!($D.window)): case (!($D.document)): case (!($D.document.body)): case (!($D.jQuery)): if ($D.debug) { console.log(!($D.callbacks)); console.log(!($D.callbacks.finished)); console.log(!($D.window)); console.log(!($D.document)); console.log(!($D.document.body)); console.log(!($D.jQuery)); } // something's wrong return false; } // required vars } // global vars { // ============= $CJ = $D.jQuery; $D.$window = $CJ($D.window); $D.$document = $CJ($D.document); // global vars } // parse options { // =============== $D.parseOptions = { '_elements_ignore': '|button|input|select|textarea|optgroup|command|datalist|--|frame|frameset|noframes|--|style|link|script|noscript|--|canvas|applet|map|--|marquee|area|base|', '_elements_ignore_id': '|evernote-content|evernote-attributes-content|evernote-share-content|evernoteErrorPopup|evernote-post-clip-content|', '_elements_ignore_tag': '|form|fieldset|details|dir|--|center|font|span|', '_elements_container': '|body|--|article|section|--|div|--|td|--|li|--|dd|dt|', '_elements_self_closing': '|br|hr|--|img|--|col|--|source|--|embed|param|--|iframe|', '_elements_visible': '|article|section|--|ul|ol|li|dd|--|table|tr|td|--|div|--|p|--|h1|h2|h3|h4|h5|h6|--|span|', '_elements_too_much_content': '|b|i|em|strong|--|h1|h2|h3|h4|h5|--|td|', '_elements_link_density': '|div|--|table|ul|ol|--|section|aside|header|', '_elements_floating': '|div|--|table|', '_elements_above_target_ignore': '|br|--|ul|ol|dl|--|table|', '_unskippable_attribute': 'clearly__unskippable_element', '_unskippable_attribute_value': 'yes', '_use_document_title_attribute': 'clearly__use_document_title_as_article_title', '_use_document_title_attribute_value': 'yes', '_elements_keep_attributes': { 'a': ['href', 'title', 'name'], 'img': ['src', 'width', 'height', 'alt', 'title'], 'video': ['src', 'width', 'height', 'poster', 'audio', 'preload', 'autoplay', 'loop', 'controls'], 'audio': ['src', 'preload', 'autoplay', 'loop', 'controls'], 'source': ['src', 'type'], 'object': ['data', 'type', 'width', 'height', 'classid', 'codebase', 'codetype'], 'param': ['name', 'value'], 'embed': ['src', 'type', 'width', 'height', 'flashvars', 'allowscriptaccess', 'allowfullscreen', 'bgcolor'], 'iframe': ['src', 'width', 'height', 'frameborder', 'scrolling'], 'td': ['colspan', 'rowspan'], 'th': ['colspan', 'rowspan'] }, '_skip_link_from_domain': [ /* international */ 'doubleclick.net', 'fastclick.net', 'adbrite.com', 'adbureau.net', 'admob.com', 'bannersxchange.com', 'buysellads.com', 'impact-ad.jp', 'atdmt.com', 'advertising.com', 'serving-sys.com', /* japan */ 'itmedia.jp', 'microad.jp', 'adplan-ds.com' ], '_skip_image_from_domain': [ /* international */ 'googlesyndication.com', 'fastclick.net', '.2mdn.net', 'de17a.com', 'content.aimatch.com', 'bannersxchange.com', 'buysellads.com', 'atdmt.com', 'advertising.com', 'serving-sys.com', /* japan */ 'impact-ad.jp', 'itmedia.jp', 'microad.jp', 'adplan-ds.com' ], '_keep_video_from_domain': [ /* video */ 'youtube.com', 'youtube-nocookie.com', 'vimeo.com', 'hulu.com', 'flickr.com', /* other */ 'yahoo.com', 'newsnetz.ch' ] }; // parse options } // debug { // ======= $D.debug = ($D.debug || false); $D.debugRemembered = {}; $D.debugTimers = []; if ($D.debug) { // writeLog // ======== switch (true) { case (!(!($D.window.console && $D.window.console.log))): $D.writeLog = function (msg) { $D.window.console.log(msg); }; break; case (!(!($D.window.opera && $D.window.opera.postError))): $D.writeLog = function (msg) { $D.window.opera.postError(msg); }; break; default: $D.writeLog = function (msg) {}; break; } // log // === $D.log = function () { if ($D.debug); else { return; } for (var i=0, il=arguments.length; i'')): case (_element.tagName.toLowerCase() == 'onject'): case (_element.tagName.toLowerCase() == 'embed'): return; } switch (true) { case (_category == 'target' && _reason == 'first'): _outline = '#00cc00'; _background = ''; break; case (_category == 'target' && _reason == 'second'): _outline = '#0000cc'; _background = ''; break; case (_category == 'target' && _reason == 'next-page'): _outline = '#FF80C0'; _background = ''; break; case (_category == 'target' && _reason == 'add-above'): _outline = '#804000'; _background = ''; break; case (_category == 'clean-before' && _reason == 'floating'): _outline = '#808080'; _background = ''; break; case (_category == 'clean-after' && _reason == 'missing-density'): _outline = '#C0C0C0'; _background = ''; break; case (_category == 'clean-after' || _category == 'clean-before'): _outline = '#000000'; _background = ''; break; } // do $CJ(_element).attr('readable__outline', (_category + ': ' + _reason)); $CJ(_element).css({ 'outline': '5px solid ' + _outline, 'background-color': '' + _background }); }; // timers // ====== $D.debugTimerStart = function (timerName) { $D.debugTimers.push({ 'name': timerName, 'start': (new Date()).getTime() }); }; $D.debugTimerEnd = function () { var _t = $D.debugTimers.pop(), _time = ((new Date()).getTime() - _t.start); $D.log('TIMER / '+_t.name+': ' + _time); return _time; }; } else { $D.writeLog = function () { return false; }; $D.log = function () { return false; }; $D.debugRemember = function () { return false; }; $D.debugOutline = function () { return false; }; $D.debugTimerStart = function () { return false; }; $D.debugTimerEnd = function () { return false; }; } // debug } // language { // ========== // default $D.language = 'general'; // text to test // ============ // title $D.textForlanguageDetection = $D.document.title; // snippets // ... // check // ===== switch (true) { case ($D.textForlanguageDetection.match(/([\u3000])/gi) != null): case ($D.textForlanguageDetection.match(/([\u3001])/gi) != null): case ($D.textForlanguageDetection.match(/([\u3002])/gi) != null): case ($D.textForlanguageDetection.match(/([\u301C])/gi) != null): $D.language = 'cjk'; break; } // language } // rtl { // ===== // flags $D.rtl = false; $D.maybeRTL = false; // on/off $D.makeRTL = function () { $D.rtl = true; }; $D.makeNotRTL = function () { $D.rtl = false; }; // detect (function () { // definitely $D.$document.find('html, body').each(function (_i, _e) { switch (true) { case ($CJ(_e).attr('dir') == 'rtl'): case ($CJ(_e).css('direction') == 'rtl'): case ($CJ(_e).attr('lang') == 'he'): case ($CJ(_e).attr('lang') == 'he-il'): case ($CJ(_e).attr('lang') == 'ar'): case ($CJ(_e).attr('lang') == 'ur'): $D.makeRTL(); return false; } }); // maybe? if (true && (!$D.rtl) && ($D.$document.find("div[dir='rtl'], table[dir='rtl'], td[dir='rtl']").length > 0) ) { $D.maybeRTL = true; } } )(); // rtl } // measure text { // ============== // asian languages // =============== // http://msdn.microsoft.com/en-us/goglobal/bb688158 // http://en.wikipedia.org/wiki/Japanese_punctuation // http://en.wikipedia.org/wiki/Japanese_typographic_symbols // http://unicode.org/charts/PDF/U3000.pdf // CJK: Chnese, Japanese, Korean -- HAN character set // length // ====== $D.measureText__getTextLength = function (_the_text) { var _text = _the_text; _text = _text.replace(/[\s\n\r]+/gi, ''); //_text = _text.replace(/\d+/, ''); return _text.length; }; // word count // ========== $D.measureText__getWordCount = function (_the_text) { var _text = _the_text; // do stuff // ======== _text = _text.replace(/[\s\n\r]+/gi, ' '); _text = _text.replace(/([.,?!:;()\[\]'""-])/gi, ' $1 '); _text = _text.replace(/([\u3000])/gi, '[=words(1)]'); _text = _text.replace(/([\u3001])/gi, '[=words(2)]'); _text = _text.replace(/([\u3002])/gi, '[=words(4)]'); _text = _text.replace(/([\u301C])/gi, '[=words(2)]'); _text = _text.replace(/([\u2026|\u2025])/gi, '[=words(2)]'); _text = _text.replace(/([\u30FB\uFF65])/gi, '[=words(1)]'); _text = _text.replace(/([\u300C\u300D])/gi, '[=words(1)]'); _text = _text.replace(/([\u300E\u300F])/gi, '[=words(1)]'); _text = _text.replace(/([\u3014\u3015])/gi, '[=words(1)]'); _text = _text.replace(/([\u3008\u3009])/gi, '[=words(1)]'); _text = _text.replace(/([\u300A\u300B])/gi, '[=words(1)]'); _text = _text.replace(/([\u3010\u3011])/gi, '[=words(1)]'); _text = _text.replace(/([\u3016\u3017])/gi, '[=words(1)]'); _text = _text.replace(/([\u3018\u3019])/gi, '[=words(1)]'); _text = _text.replace(/([\u301A\u301B])/gi, '[=words(1)]'); _text = _text.replace(/([\u301D\u301E\u301F])/gi, '[=words(1)]'); _text = _text.replace(/([\u30A0])/gi, '[=words(1)]'); // count // ===== var _count = 0, _words_match = _text.match(/([^\s\d]{3,})/gi) ; // add match _count += (_words_match != null ? _words_match.length : 0); // add manual count _text.replace(/\[=words\((\d)\)\]/, function (_match, _plus) { _count += (5 * parseInt(_plus)); }); // return // ====== return _count; }; // levenshtein // =========== $D.levenshteinDistance = function (str1, str2) { var l1 = str1.length, l2 = str2.length, i = 0, j = 0, d = []; if (Math.min(l1, l2) === 0) { return Math.max(l1, l2); } for (i = 0 ; i <= l1 ; i++) { d[i] = []; d[i][0] = i; } for (j = 0 ; j <= l2 ; j++) { d[0][j] = j; } for (i = 1 ; i <= l1 ; i++) { for (j = 1 ; j <= l2 ; j++) { d[i][j] = Math.min(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + (str1.charAt(i - 1) === str2.charAt(j - 1) ? 0 : 1)); } } return d[l1][l2]; }; // get first fragment // ================== $D.nextPage__getFirstFragment = function (_html) { // remove all tags _html = _html.replace(/<[^>]+?>/gi, ''); // normalize spaces _html = _html.replace(/\s+/gi, ' '); // return first 1000 characters return _html.substr(0, 2000); }; // measure text } // hidden node { // ============= $D.isNodeHidden = function (_node, _tag_name) { switch (true) { case (_node.offsetWidth > 0): case (_node.offsetHeight > 0): break; default: switch (true) { case (_node.offsetLeft > 0): case (_node.offsetTop > 0): break; default: // exclude inline DIVs -- which, stupidly, don't have a width/height if (true && (_tag_name == 'div') && ((_node.style.display || $CJ.css( _node, "display" )) == 'inline') ) { break; } // it's hidden return true; } break; } // it's not hidden return false; }; // hidden node } // compute points for candidate { // ============================== $D.getContent__computePointsForCandidate__do = function (_ratio_remaining, _power, _ratio, _points_history) { var _points_remaining = (_points_history[0] * _ratio_remaining), _points_to_compute = (_points_history[0] - _points_remaining) ; if (_ratio < 0) { //_points_return = (0.75 * _points_remaining); _points_return = _points_remaining; } else { _points_return = 0 + _points_remaining + (_points_to_compute * Math.pow(_ratio, _power)) ; } // add _points_history.unshift(_points_return); }; // compute points for candidate } // process candidates (first) { // ============================ $D.getContent__computeDetailsForCandidate__first = function (_e, _main) { var _r = {}; // bad candidate // ============= if (_e._is__bad) { return _r; } // paragraphs // ========== _r['_count__lines_of_65_characters'] = (_e._length__plain_text / 65); _r['_count__paragraphs_of_3_lines'] = (_r._count__lines_of_65_characters / 3); _r['_count__paragraphs_of_5_lines'] = (_r._count__lines_of_65_characters / 5); _r['_count__paragraphs_of_50_words'] = (_e._count__plain_words / 50); _r['_count__paragraphs_of_80_words'] = (_e._count__plain_words / 80); // total text // ========== _r['_ratio__length__plain_text_to_total_plain_text'] = (_e._length__plain_text / _main._length__plain_text); _r['_ratio__count__plain_words_to_total_plain_words'] = (_e._count__plain_words / _main._count__plain_words); // links // ===== _r['_ratio__length__links_text_to_plain_text'] = (_e._length__links_text / _e._length__plain_text); _r['_ratio__count__links_words_to_plain_words'] = (_e._count__links_words / _e._count__plain_words); _r['_ratio__length__links_text_to_all_text'] = (_e._length__links_text / _e._length__all_text); _r['_ratio__count__links_words_to_all_words'] = (_e._count__links_words / _e._count__all_words); _r['_ratio__length__links_text_to_total_links_text'] = (_e._length__links_text / (_main._length__links_text + 1)); _r['_ratio__count__links_words_to_total_links_words'] = (_e._count__links_words / (_main._count__links_words + 1)); _r['_ratio__count__links_to_total_links'] = (_e._count__links / (_main._count__links + 1)); _r['_ratio__count__links_to_plain_words'] = ((_e._count__links * 2) / _e._count__plain_words); // text above // ========== var _divide__candidates = Math.max(2, Math.ceil(_e._count__above_candidates * 0.5)), _above_text = ((0 + (_e._length__above_plain_text * 1) + (_e._length__above_plain_text / _divide__candidates) ) / 2), _above_words = ((0 + (_e._count__above_plain_words * 1) + (_e._count__above_plain_words / _divide__candidates) ) / 2) ; _r['_ratio__length__above_plain_text_to_total_plain_text'] = (_above_text / _main._length__plain_text); _r['_ratio__count__above_plain_words_to_total_plain_words'] = (_above_words / _main._count__plain_words); // candidates // ========== _r['_ratio__count__candidates_to_total_candidates'] = (_e._count__candidates / (_main._count__candidates + 1)); _r['_ratio__count__containers_to_total_containers'] = (_e._count__containers / (_main._count__containers + 1)); // return // ====== return _r; }; $D.getContent__computePointsForCandidate__first = function (_e, _main) { var _details = _e.__candidate_details, _points_history = [], _really_big = ((_main._length__plain_text / 65) > 250) ; // bad candidate if (_e._is__bad) { return [0]; } // the basics // ========== _points_history.unshift(((0 + (_details._count__paragraphs_of_3_lines) + (_details._count__paragraphs_of_5_lines * 1.5) + (_details._count__paragraphs_of_50_words) + (_details._count__paragraphs_of_80_words * 1.5) + (_e._count__images_large * 3) - ((_e._count__images_skip + _e._count__images_small) * 0.5) ) * 1000)); // negative if (_points_history[0] < 0) { return [0]; } // candidates, containers, pieces // ============================== var _divide__pieces = Math.max(5, Math.ceil(_e._count__pieces * 0.25)), _divide__candidates = Math.max(5, Math.ceil(_e._count__candidates * 0.25)), _divide__containers = Math.max(10, Math.ceil(_e._count__containers * 0.25)) ; _points_history.unshift(((0 + (_points_history[0] * 3) + (_points_history[0] / _divide__pieces) + (_points_history[0] / _divide__candidates) + (_points_history[0] / _divide__containers) ) / 6)); // total text // ========== $D.getContent__computePointsForCandidate__do(0.10, 2, (1 - (1 - _details._ratio__length__plain_text_to_total_plain_text)), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 2, (1 - (1 - _details._ratio__count__plain_words_to_total_plain_words)), _points_history); if (_really_big) { $D.getContent__computePointsForCandidate__do(0.10, 4, (1 - (1 - _details._ratio__length__plain_text_to_total_plain_text)), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 4, (1 - (1 - _details._ratio__count__plain_words_to_total_plain_words)), _points_history); } // text above // ========== $D.getContent__computePointsForCandidate__do(0.10, 5, (1 - _details._ratio__length__above_plain_text_to_total_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 5, (1 - _details._ratio__count__above_plain_words_to_total_plain_words), _points_history); if (_really_big) { $D.getContent__computePointsForCandidate__do(0.10, 10, (1 - _details._ratio__length__above_plain_text_to_total_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 10, (1 - _details._ratio__count__above_plain_words_to_total_plain_words), _points_history); } // links outer // =========== $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__length__links_text_to_total_links_text), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__links_words_to_total_links_words), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__links_to_total_links), _points_history); // links inner // =========== var __lr = ($D.language == 'cjk' ? 0.75 : 0.50); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__length__links_text_to_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__count__links_words_to_plain_words), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__length__links_text_to_all_text), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__count__links_words_to_all_words), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__count__links_to_plain_words), _points_history); // candidates, containers, pieces // ============================== $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__candidates_to_total_candidates), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__containers_to_total_containers), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__pieces_to_total_pieces), _points_history); // return -- will get [0] as the actual final points // ====== return _points_history; }; $D.getContent__processCandidates__first = function (_candidatesToProcess) { // process this var // ================ var _candidates = _candidatesToProcess; // sort _candidates -- the lower in the dom, the closer to position 0 // ================ _candidates.sort(function (a, b) { switch (true) { case (a.__index < b.__index): return -1; case (a.__index > b.__index): return 1; default: return 0; } }); // get first // ========= var _main = _candidates[0] if ($D.debug) { $D.log('should be body', _main, _main.__node); } // pieces of text -- and points computation // ============== for (var i=0, _i=_candidates.length; i<_i; i++) { // pieces // ====== var _count__pieces = 0, _array__pieces = [] ; for (var k=i, _k=_candidates.length; k<_k; k++) { if (_candidates[k]._count__candidates > 0) { continue; } if ($CJ.contains(_candidates[i].__node, _candidates[k].__node)); else { continue; } // store piece, if in debug mode if ($D.debug) { _array__pieces.push(_candidates[k]); } // incement pieces count _count__pieces++; } // candidate details // ================= _candidates[i]['__candidate_details'] = $D.getContent__computeDetailsForCandidate__first(_candidates[i], _main); // pieces -- do this here because _main doesn't yet have a pieces count // ====== // set pieces _candidates[i]['_count__pieces'] = _count__pieces; _candidates[i]['_array__pieces'] = _array__pieces; // pieces ratio _candidates[i]['__candidate_details']['_ratio__count__pieces_to_total_pieces'] = (_count__pieces / (_candidates[0]._count__pieces + 1)); // check some more // =============== /* switch (true) { case (($D.language != 'cjk') && (_candidates[i]['__candidate_details']['_ratio__length__links_text_to_plain_text'] > 1)): case (($D.language != 'cjk') && (_candidates[i]['__candidate_details']['_ratio__count__links_words_to_plain_words'] > 1)): _candidates[i]._is__bad = true; break; } */ // points // ====== _candidates[i].__points_history = $D.getContent__computePointsForCandidate__first(_candidates[i], _main); _candidates[i].__points = _candidates[i].__points_history[0]; } // sort _candidates -- the more points, the closer to position 0 // ================ _candidates.sort(function (a, b) { switch (true) { case (a.__points > b.__points): return -1; case (a.__points < b.__points): return 1; default: return 0; } }); // return // ====== return _candidates; }; // process candidates (first) } // process candidates (second) { // ============================= $D.getContent__computePointsForCandidate__second = function (_e, _main) { var _details = _e.__candidate_details, _details_second = _e.__candidate_details_second, _points_history = [] ; // bad candidate if (_e._is__bad) { return [0]; } // get initial points // ================== _points_history.unshift(_e.__points_history[(_e.__points_history.length-1)]); // candidates, containers, pieces // ============================== var _divide__pieces = Math.max(5, Math.ceil(_e._count__pieces * 0.25)), _divide__candidates = Math.max(5, Math.ceil(_e._count__candidates * 0.25)), _divide__containers = Math.max(10, Math.ceil(_e._count__containers * 0.25)) ; _points_history.unshift(((0 + (_points_history[0] * 3) + ((_points_history[0] / _divide__pieces) * 2) + ((_points_history[0] / _divide__candidates) * 2) + ((_points_history[0] / _divide__containers) * 2) ) / 9)); // total text // ========== $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - (1 - _details_second._ratio__length__plain_text_to_total_plain_text)), _points_history); $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - (1 - _details_second._ratio__count__plain_words_to_total_plain_words)), _points_history); // text above // ========== var __ar = ($D.language == 'cjk' ? 0.50 : 0.10); $D.getContent__computePointsForCandidate__do(__ar, 1, (1 - _details_second._ratio__length__above_plain_text_to_total_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(__ar, 1, (1 - _details_second._ratio__count__above_plain_words_to_total_plain_words), _points_history); $D.getContent__computePointsForCandidate__do(__ar, 1, (1 - _details_second._ratio__length__above_plain_text_to_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(__ar, 1, (1 - _details_second._ratio__count__above_plain_words_to_plain_words), _points_history); // links outer // =========== $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details_second._ratio__count__links_to_total_links), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details_second._ratio__length__links_text_to_total_links_text), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details_second._ratio__count__links_words_to_total_links_words), _points_history); // links inner // =========== var __lr = ($D.language == 'cjk' ? 0.75 : 0.50); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__length__links_text_to_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__count__links_words_to_plain_words), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details_second._ratio__length__links_text_to_all_text), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details_second._ratio__count__links_words_to_all_words), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details_second._ratio__count__links_to_plain_words), _points_history); // candidates, containers, pieces // ============================== $D.getContent__computePointsForCandidate__do(0.10, 2, (1 - _details_second._ratio__count__candidates_to_total_candidates), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 2, (1 - _details_second._ratio__count__containers_to_total_containers), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 2, (1 - _details_second._ratio__count__pieces_to_total_pieces), _points_history); // return -- will get [0] as the actual final points // ====== return _points_history; }; $D.getContent__computeDetailsForCandidate__second = function (_e, _main) { var _r = {}; // bad candidate // ============= if (_e._is__bad) { return _r; } // total text // ========== _r['_ratio__length__plain_text_to_total_plain_text'] = (_e._length__plain_text / _main._length__plain_text); _r['_ratio__count__plain_words_to_total_plain_words'] = (_e._count__plain_words / _main._count__plain_words); // links // ===== _r['_ratio__length__links_text_to_all_text'] = (_e._length__links_text / _e._length__all_text); _r['_ratio__count__links_words_to_all_words'] = (_e._count__links_words / _e._count__all_words); _r['_ratio__length__links_text_to_total_links_text'] = (_e._length__links_text / (_main._length__links_text + 1)); _r['_ratio__count__links_words_to_total_links_words'] = (_e._count__links_words / (_main._count__links_words + 1)); _r['_ratio__count__links_to_total_links'] = (_e._count__links / (_main._count__links + 1)); _r['_ratio__count__links_to_plain_words'] = ((_e._count__links * 2) / _e._count__plain_words); // text above // ========== var _divide__candidates = Math.max(2, Math.ceil((_e._count__above_candidates - _main._count__above_candidates) * 0.5)), _above_text = ((0 + (_e.__second_length__above_plain_text * 1) + (_e.__second_length__above_plain_text / _divide__candidates) ) / 2), _above_words = ((0 + (_e.__second_count__above_plain_words * 1) + (_e.__second_count__above_plain_words / _divide__candidates) ) / 2) ; _r['_ratio__length__above_plain_text_to_total_plain_text'] = (_above_text / _main._length__plain_text); _r['_ratio__count__above_plain_words_to_total_plain_words'] = (_above_words / _main._count__plain_words); _r['_ratio__length__above_plain_text_to_plain_text'] = (_above_text / _e._length__plain_text); _r['_ratio__count__above_plain_words_to_plain_words'] = (_above_words / _e._count__plain_words); // candidates // ========== _r['_ratio__count__candidates_to_total_candidates'] = (Math.max(0, (_e._count__candidates - (_main._count__candidates * 0.25))) / (_main._count__candidates + 1)); _r['_ratio__count__containers_to_total_containers'] = (Math.max(0, (_e._count__containers - (_main._count__containers * 0.25))) / (_main._count__containers + 1)); _r['_ratio__count__pieces_to_total_pieces'] = (Math.max(0, (_e._count__pieces - (_main._count__pieces * 0.25))) / (_main._count__pieces + 1)); // return // ====== return _r; }; $D.getContent__processCandidates__second = function (_processedCandidates) { var _candidates = _processedCandidates, _main = _candidates[0] ; // only get children of target // =========================== _candidates = $CJ.map(_candidates, function (_element, _index) { switch (true) { case (!(_index > 0)): case (!($CJ.contains(_main.__node, _element.__node))): return null; default: return _element; } }); // add main - to amke sure the result is never blank _candidates.unshift(_main); // sort _candidates -- the lower in the dom, the closer to position 0 // ================ _candidates.sort(function (a, b) { switch (true) { case (a.__index < b.__index): return -1; case (a.__index > b.__index): return 1; default: return 0; } }); // second candidate computation // ============================ for (var i=0, _i=_candidates.length; i<_i; i++) { // additional numbers // ================== _candidates[i].__second_length__above_plain_text = (_candidates[i]._length__above_plain_text - _main._length__above_plain_text); _candidates[i].__second_count__above_plain_words = (_candidates[i]._count__above_plain_words - _main._count__above_plain_words); // candidate details // ================= _candidates[i]['__candidate_details_second'] = $D.getContent__computeDetailsForCandidate__second(_candidates[i], _main); // check some more // =============== /* switch (true) { case (!(_candidates[i]['__candidate_details_second']['_ratio__count__plain_words_to_total_plain_words'] > 0.05)): case (!(_candidates[i]['__candidate_details_second']['_ratio__length__plain_text_to_total_plain_text'] > 0.05)): //case (!(_candidates[i]['__candidate_details_second']['_ratio__count__above_plain_words_to_total_plain_words'] < 0.1)): //case (!(_candidates[i]['__candidate_details_second']['_ratio__length__above_plain_text_to_total_plain_text'] < 0.1)): //case (_candidates[i]['__candidate_details_second']['_ratio__length__above_plain_text_to_plain_text'] > 1): //case (_candidates[i]['__candidate_details_second']['_ratio__count__above_plain_words_to_plain_words'] > 1): _candidates[i]._is__bad = true; // wil set points to 0, in points computation function break; } */ // points // ====== _candidates[i].__points_history_second = $D.getContent__computePointsForCandidate__second(_candidates[i], _main); _candidates[i].__points_second = _candidates[i].__points_history_second[0]; } // sort _candidates -- the more points, the closer to position 0 // ================ _candidates.sort(function (a, b) { switch (true) { case (a.__points_second > b.__points_second): return -1; case (a.__points_second < b.__points_second): return 1; default: return 0; } }); // return // ====== return _candidates; }; // process candidates (second) } // process candidates (third) { // ============================ $D.getContent__computePointsForCandidate__third = function (_e, _main) { var _details = _e.__candidate_details, _details_second = _e.__candidate_details_second, _points_history = [] ; // bad candidate if (_e._is__bad) { return [0]; } // get initial points // ================== _points_history.unshift(_e.__points_history[(_e.__points_history.length-1)]); // candidates, containers, pieces // ============================== var _divide__pieces = Math.max(2, Math.ceil(_e._count__pieces * 0.25)), _divide__candidates = Math.max(2, Math.ceil(_e._count__candidates * 0.25)), _divide__containers = Math.max(4, Math.ceil(_e._count__containers * 0.25)) ; _points_history.unshift(((0 + (_points_history[0] * 3) + ((_points_history[0] / _divide__pieces) * 2) + ((_points_history[0] / _divide__candidates) * 2) + ((_points_history[0] / _divide__containers) * 2) ) / 9)); // total text // ========== $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - (1 - _details_second._ratio__length__plain_text_to_total_plain_text)), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - (1 - _details_second._ratio__count__plain_words_to_total_plain_words)), _points_history); // text above // ========== $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__length__above_plain_text_to_total_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__count__above_plain_words_to_total_plain_words), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 1, (1 - _details_second._ratio__length__above_plain_text_to_total_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 1, (1 - _details_second._ratio__count__above_plain_words_to_total_plain_words), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 1, (1 - _details_second._ratio__length__above_plain_text_to_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 1, (1 - _details_second._ratio__count__above_plain_words_to_plain_words), _points_history); // links inner // =========== $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__length__links_text_to_all_text), _points_history); $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__count__links_words_to_all_words), _points_history); $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__length__links_text_to_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__count__links_words_to_plain_words), _points_history); $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__count__links_to_plain_words), _points_history); // candidates, containers, pieces // ============================== $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__count__candidates_to_total_candidates), _points_history); $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__count__containers_to_total_containers), _points_history); $D.getContent__computePointsForCandidate__do(0.50, 1, (1 - _details._ratio__count__pieces_to_total_pieces), _points_history); // return -- will get [0] as the actual final points // ====== return _points_history; }; // process candidates (third) } // explore node and get stuff { // ============================ $D.getContent__exploreNodeAndGetStuff = function (_nodeToExplore, _justExploring) { var _global__element_index = 0, _global__inside_link = false, _global__inside_link__element_index = 0, _global__length__above_plain_text = 0, _global__count__above_plain_words = 0, _global__length__above_links_text = 0, _global__count__above_links_words = 0, _global__count__above_candidates = 0, _global__count__above_containers = 0, _global__above__plain_text = '', _global__above__links_text = '', _return__containers = [], _return__candidates = [], _return__links = [] ; // recursive function // ================== var _recursive = function (_node) { // increment index // starts with 1 _global__element_index++; var _tag_name = (_node.nodeType === 3 ? '#text' : ((_node.nodeType === 1 && _node.tagName && _node.tagName > '') ? _node.tagName.toLowerCase() : '#invalid')), _node_id = (_node.id), _result = { '__index': _global__element_index, '__node': _node, '_is__container': ($D.parseOptions._elements_container.indexOf('|'+_tag_name+'|') > -1), '_is__candidate': false, '_is__text': false, '_is__link': false, '_is__link_skip': false, '_is__image_small': false, '_is__image_medium': false, '_is__image_large': false, '_is__image_skip': false, '_is__unskippable': false, '_debug__above__plain_text': _global__above__plain_text, '_debug__above__links_text': _global__above__links_text, '_length__above_plain_text': _global__length__above_plain_text, '_count__above_plain_words': _global__count__above_plain_words, '_length__above_links_text': _global__length__above_links_text, '_count__above_links_words': _global__count__above_links_words, '_length__above_all_text': (_global__length__above_plain_text + _global__length__above_links_text), '_count__above_all_words': (_global__count__above_plain_words + _global__count__above_links_words), '_count__above_candidates': _global__count__above_candidates, '_count__above_containers': _global__count__above_containers, '_length__plain_text': 0, '_count__plain_words': 0, '_length__links_text': 0, '_count__links_words': 0, '_length__all_text': 0, '_count__all_words': 0, '_count__containers': 0, '_count__candidates': 0, '_count__links': 0, '_count__links_skip': 0, '_count__images_small': 0, '_count__images_medium': 0, '_count__images_large': 0, '_count__images_skip': 0 }; // unskippable // =========== if (false || (_result._is__container) || ($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1) ) { var _unskip = _node.getAttribute($D.parseOptions._unskippable_attribute); if (_unskip == $D.parseOptions._unskippable_attribute_value) { _result._is__unskippable = true; } } // fast return // =========== switch (true) { case ((_tag_name == '#invalid')): case (($D.parseOptions._elements_ignore.indexOf('|'+_tag_name+'|') > -1)): return false; case (($D.parseOptions._elements_ignore_id.indexOf('|'+_node_id+'|') > -1)): return false; case (($D.parseOptions._elements_visible.indexOf('|'+_tag_name+'|') > -1)): if ($D.isNodeHidden(_node, _tag_name)) { return false; } break; // self-closing -- with some exceptions case ($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1): switch (true) { case ((_tag_name == 'img')): break; default: return false; } break; } // do stuff // ======== switch (true) { // text node case ((_tag_name == '#text')): // mark _result._is__text = true; // get var _nodeText = _node.nodeValue; // result _result._length__plain_text = $D.measureText__getTextLength(_nodeText); _result._count__plain_words = $D.measureText__getWordCount(_nodeText); if (_global__inside_link) { _global__length__above_links_text += _result._length__plain_text; _global__count__above_links_words += _result._count__plain_words; if (false && $D.debug) { _global__above__links_text += ' ' + _nodeText; } } else { _global__length__above_plain_text += _result._length__plain_text; _global__count__above_plain_words += _result._count__plain_words; if (false && $D.debug) { _global__above__plain_text += ' ' + _nodeText; } } // return text return _result; // link case (_tag_name == 'a'): var _href = ''; try { _href = _node.href } catch (e) { _href = $CJ.attr('href'); } // sanity if (_href > ''); else { break; } if (_href.indexOf); else { break; } _result._is__link = true; // skip for (var i=0, _i=$D.parseOptions._skip_link_from_domain.length; i<_i; i++) { if (_href.indexOf($D.parseOptions._skip_link_from_domain[i]) > -1) { _result._is__link_skip = true; break; } } // inside link if (_global__inside_link); else { _global__inside_link = true; _global__inside_link__element_index = _result.__index; } // done _return__links.push(_result); break; // image case (_tag_name == 'img'): // skip if (_node.src && _node.src.indexOf) { for (var i=0, _i=$D.parseOptions._skip_image_from_domain.length; i<_i; i++) { if (_node.src.indexOf($D.parseOptions._skip_image_from_domain[i]) > -1) { _result._is__image_skip = true; break; } } } // size var _width = $CJ(_node).width(), _height = $CJ(_node).height(); switch (true) { case ((_width * _height) >= 50000): case ((_width >= 350) && (_height >= 75)): _result._is__image_large = true; break; case ((_width * _height) >= 20000): case ((_width >= 150) && (_height >= 150)): _result._is__image_medium = true; break; case ((_width <= 5) && (_height <= 5)): _result._is__image_skip = true; break; default: _result._is__image_small = true; break; } break; } // child nodes // =========== for (var i=0, _i=_node.childNodes.length; i<_i; i++) { var _child = _node.childNodes[i], _child_result = _recursive(_child) ; // if false, continue if (_child_result); else { continue; } // add to result _result._count__links += _child_result._count__links + (_child_result._is__link ? 1 : 0); _result._count__links_skip += _child_result._count__links_skip + (_child_result._is__link_skip ? 1 : 0); _result._count__images_small += _child_result._count__images_small + (_child_result._is__image_small ? 1 : 0); _result._count__images_medium += _child_result._count__images_medium + (_child_result._is__image_medium ? 1 : 0); _result._count__images_large += _child_result._count__images_large + (_child_result._is__image_large ? 1 : 0); _result._count__images_skip += _child_result._count__images_skip + (_child_result._is__image_skip ? 1 : 0); _result._count__containers += _child_result._count__containers + (_child_result._is__container ? 1 : 0); _result._count__candidates += _child_result._count__candidates + (_child_result._is__candidate ? 1 : 0); _result._length__all_text += _child_result._length__plain_text + _child_result._length__links_text; _result._count__all_words += _child_result._count__plain_words + _child_result._count__links_words; // plain text / link text switch (true) { case (_child_result._is__link): // no text to add _result._length__links_text += (_child_result._length__plain_text + _child_result._length__links_text); _result._count__links_words += (_child_result._count__plain_words + _child_result._count__links_words); break; default: _result._length__plain_text += _child_result._length__plain_text; _result._count__plain_words += _child_result._count__plain_words; _result._length__links_text += _child_result._length__links_text; _result._count__links_words += _child_result._count__links_words; break; } } // after child nodes // ================= // mark as not in link anymore if (true && (_result._is__link) && (_global__inside_link__element_index == _result.__index) ) { _global__inside_link = false; _global__inside_link__element_index = 0; } // add to containers // ================= if (_result._is__container || ((_result.__index == 1) && (_justExploring == true))) { // add to containers _return__containers.push(_result); // increase above containers if (_result._is__container) { _global__count__above_containers++; } // add to candidates if (_justExploring); else { switch (true) { case (($D.language != 'cjk') && ((_result._count__links * 2) >= _result._count__plain_words)): /* link ratio */ case (($D.language != 'cjk') && (_result._length__plain_text < (65 / 3))): /* text length */ case (($D.language != 'cjk') && (_result._count__plain_words < 5)): /* words */ case (($D.language == 'cjk') && (_result._length__plain_text < 10)): /* text length */ case (($D.language == 'cjk') && (_result._count__plain_words < 2)): /* words */ //case (_result._length__plain_text == 0): /* no text */ //case (_result._count__plain_words == 0): /* no words */ //case (($D.language == 'cjk') && ((_result._length__plain_text / 65 / 3) < 0.1)): /* paragrahs of 3 lines */ //case (($D.language != 'cjk') && ((_result._count__plain_words / 50) < 0.5)): /* paragraphs of 50 words */ // not a valid candidate //if (_tag_name == 'div') { $D.log('bad candidate', _result.__node); } break; default: // good candidate _result._is__candidate = true; _return__candidates.push(_result); // increase above candidates _global__count__above_candidates++; break; } // special case for body -- if it was just skipped // ===================== if ((_result.__index == 1) && !(_result._is__candidate)) { _result._is__candidate = true; _result._is__bad = true; _return__candidates.push(_result); } } } // return // ====== return _result; }; // actually do it // ============== _recursive(_nodeToExplore); // just exploring -- return first thing // ============== if (_justExploring) { return _return__containers.pop(); } // return containers list // ====================== return { '_containers': _return__containers, '_candidates': _return__candidates, '_links': _return__links }; }; // explore node and get stuff } // build html for node { // ===================== $D.getContent__buildHTMLForNode = function (_nodeToBuildHTMLFor, _custom_mode) { var _global__element_index = 0, _global__the_html = '', _global__exploreNodeToBuildHTMLFor = $D.getContent__exploreNodeAndGetStuff(_nodeToBuildHTMLFor, true) ; // custom switch (_custom_mode) { case 'above-the-target': _global__exploreNodeToBuildHTMLFor = false; break; } // recursive function // ================== var _recursive = function (_node) { // increment index -- starts with 1 // =============== _global__element_index++; // vars // ==== var _explored = false, _tag_name = (_node.nodeType === 3 ? '#text' : ((_node.nodeType === 1 && _node.tagName && _node.tagName > '') ? _node.tagName.toLowerCase() : '#invalid')), _node_id = _node.id, _pos__start__before = 0, _pos__start__after = 0, _pos__end__before = 0, _pos__end__after = 0 ; // fast return // =========== switch (true) { case ((_tag_name == '#invalid')): case (($D.parseOptions._elements_ignore.indexOf('|'+_tag_name+'|') > -1)): return; case (($D.parseOptions._elements_ignore_id.indexOf('|'+_node_id+'|') > -1)): return; case (_tag_name == '#text'): _global__the_html += _node.nodeValue .replace(//gi, '>') ; return; } // hidden // ====== if (true && ($D.parseOptions._elements_visible.indexOf('|'+_tag_name+'|') > -1) && $D.isNodeHidden(_node, _tag_name) ) { return; } // clean -- before // ===== // objects, embeds, iframes // ======================== switch (_tag_name) { case ('object'): case ('embed'): case ('iframe'): var _src = (_tag_name == 'object' ? $CJ(_node).find("param[name='movie']").attr('value') : $CJ(_node).attr('src')), _skip = ((_src > '') ? false : true) ; if (_skip); else { // default skip _skip = true; // loop for (var i=0, _i=$D.parseOptions._keep_video_from_domain.length; i<_i; i++) { if (_src.indexOf($D.parseOptions._keep_video_from_domain[i]) > -1) { _skip = false; break; } } } // skip? if (_skip) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { $D.debugOutline(_node, 'clean-before', 'object-embed-iframe'); return; } } break; } // skipped link // ============ if (_tag_name == 'a' || _tag_name == 'li') { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_explored._is__link_skip): case (((_explored._count__images_small + _explored._count__images_skip) > 0) && (_explored._length__plain_text < 65)): $D.debugOutline(_node, 'clean-before', 'skip-link'); return; } } } // link density // ============ if ($D.parseOptions._elements_link_density.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_explored._length__plain_text > (65 * 3 * 2)): case ($D.language == 'cjk' && (_explored._length__plain_text > (65 * 3 * 1))): case (!(_explored._count__links > 1)): case (_global__exploreNodeToBuildHTMLFor && (_explored._length__plain_text / _global__exploreNodeToBuildHTMLFor._length__plain_text) > 0.5): case (_global__exploreNodeToBuildHTMLFor && (_explored._count__plain_words / _global__exploreNodeToBuildHTMLFor._count__plain_words) > 0.5): case ((_explored._length__plain_text == 0) && (_explored._count__links == 1) && (_explored._length__links_text < 65)): case ((_explored._length__plain_text < 25) && ((_explored._count__images_large + _explored._count__images_medium) > 0)): break; case ((_explored._length__links_text / _explored._length__all_text) < 0.5): if (_explored._count__links > 0); else { break; } if (_explored._count__links_skip > 0); else { break; } if (((_explored._count__links_skip / _explored._count__links) > 0.25) && (_explored._length__links_text / _explored._length__all_text) < 0.05) { break; } default: $D.debugOutline(_node, 'clean-before', 'link-density'); return; } } } // floating // ======== if ($D.parseOptions._elements_floating.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_explored._length__plain_text > (65 * 3 * 2)): case ($D.language == 'cjk' && (_explored._length__plain_text > (65 * 3 * 1))): case (_global__exploreNodeToBuildHTMLFor && (_explored._length__plain_text / _global__exploreNodeToBuildHTMLFor._length__plain_text) > 0.25): case (_global__exploreNodeToBuildHTMLFor && (_explored._count__plain_words / _global__exploreNodeToBuildHTMLFor._count__plain_words) > 0.25): case ((_explored._length__plain_text < 25) && (_explored._length__links_text < 25) && ((_explored._count__images_large + _explored._count__images_medium) > 0)): case (_node.getElementsByTagName && (_explored._length__plain_text < (65 * 3 * 1)) && ((_node.getElementsByTagName('h1').length + _node.getElementsByTagName('h2').length + _node.getElementsByTagName('h3').length + _node.getElementsByTagName('h4').length) > 0)): break; default: var _float = $CJ(_node).css('float'); if (_float == 'left' || _float == 'right'); else { break; } if ((_explored._length__links_text == 0) && ((_explored._count__images_large + _explored._count__images_medium) > 0)) { break; } $D.debugOutline(_node, 'clean-before', 'floating'); return; } } } // above target // ============ if (_custom_mode == 'above-the-target') { // is ignored? if ($D.parseOptions._elements_above_target_ignore.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { $D.debugOutline(_node, 'clean-before', 'above-target'); return; } } // is image? if (_tag_name == 'img') { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { if (_explored._is__image_large); else { $D.debugOutline(_node, 'clean-before', 'above-target'); return; } } } // has too many links? //if (_node.getElementsByTagName && _node.getElementsByTagName('a').length > 5) // { $D.debugOutline(_node, 'clean-before', 'above-target'); return; } } // headers that are images // ======================= if (_tag_name.match(/^h(1|2|3|4|5|6)$/gi)) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case ((_explored._length__plain_text < 10) && ((_explored._count__images_small + _explored._count__images_medium + _explored._count__images_large + _explored._count__images_skip) > 0)): $D.debugOutline(_node, 'clean-before', 'skip-heading'); return; } } } // start tag // ========= if ($D.parseOptions._elements_ignore_tag.indexOf('|'+_tag_name+'|') > -1); else { /* mark */ _pos__start__before = _global__the_html.length; /* add */ _global__the_html += '<'+_tag_name; // attributes // ========== // allowed attributes if (_tag_name in $D.parseOptions._elements_keep_attributes) { for (var i=0, _i=$D.parseOptions._elements_keep_attributes[_tag_name].length; i<_i; i++) { var _attribute_name = $D.parseOptions._elements_keep_attributes[_tag_name][i], _attribute_value = _node.getAttribute(_attribute_name) ; // if present if (_attribute_value > '') { _global__the_html += ' '+_attribute_name+'="'+(_attribute_value)+'"'; } } } // keep ID for all elements var _id_attribute = _node.getAttribute('id'); if (_id_attribute > '') { _global__the_html += ' id="'+_id_attribute+'"'; } // links target NEW if (_tag_name == 'a') { _global__the_html += ' target="_blank"'; } // close start // =========== if ($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1) { _global__the_html += ' />'; } else { _global__the_html += '>';} /* mark */ _pos__start__after = _global__the_html.length; } // child nodes // =========== if ($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1); else { for (var i=0, _i=_node.childNodes.length; i<_i; i++) { _recursive(_node.childNodes[i]); } } // end tag // ======= switch (true) { case (($D.parseOptions._elements_ignore_tag.indexOf('|'+_tag_name+'|') > -1)): return; case (($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1)): /* mark */ _pos__end__before = _global__the_html.length; /* mark */ _pos__end__after = _global__the_html.length; break; default: /* mark */ _pos__end__before = _global__the_html.length; /* end */ _global__the_html += '</'+_tag_name+'>'; /* mark */ _pos__end__after = _global__the_html.length; break; } // clean -- after // ===== // largeObject classes if (_tag_name == 'iframe' || _tag_name == 'embed' || _tag_name == 'object') { _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + '' ; return; } // add image classes if (_tag_name == 'img') { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_explored._is__image_skip): $D.debugOutline(_node, 'clean-after', 'skip-img'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; case (_explored._is__image_large): // add float class -- for images too narrow/tall // remove width/height -- only for large images // http://www.wired.com/threatlevel/2011/05/gps-gallery/?pid=89&viewall=true // http://david-smith.org/blog/2012/03/10/ios-5-dot-1-upgrade-stats/index.html // http://www.turntablekitchen.com/2012/04/dutch-baby-with-caramelized-vanilla-bean-pears-moving-through-the-decades/ _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + '' ; return; } } } // large images in links if (_tag_name == 'a') { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); switch (true) { case (_explored._count__images_large == 1): _global__the_html = '' + _global__the_html.substr(0, _pos__start__after-1) + ' class="readableLinkWithLargeImage">' + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) + '' ; return; case (_explored._count__images_medium == 1): _global__the_html = '' + _global__the_html.substr(0, _pos__start__after-1) + ' class="readableLinkWithMediumImage">' + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) + '' ; return; } } // too much content if ($D.parseOptions._elements_too_much_content.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_tag_name == 'h1' && (_explored._length__all_text > (65 * 2))): case (_tag_name == 'h2' && (_explored._length__all_text > (65 * 2 * 3))): case ((_tag_name.match(/^h(3|4|5|6)$/) != null) && (_explored._length__all_text > (65 * 2 * 5))): case ((_tag_name.match(/^(b|i|em|strong)$/) != null) && (_explored._length__all_text > (65 * 5 * 5))): $D.debugOutline(_node, 'clean-after', 'too-much-content'); _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) ; return; } } } // empty elements switch (true) { case (($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1)): case (($D.parseOptions._elements_ignore_tag.indexOf('|'+_tag_name+'|') > -1)): case (_tag_name == 'td'): break; default: var _contents = _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)); _contents = _contents.replace(/(
)/gi, ''); _contents = _contents.replace(/(

---

)/gi, ''); // for rows, clear empty cells if (_tag_name == 'tr') { _contents = _contents.replace(/]*?>/gi, ''); _contents = _contents.replace(/<\/tr>/gi, ''); } var _contentsLength = $D.measureText__getTextLength(_contents); _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_contentsLength == 0 && _tag_name == 'p'): _global__the_html = _global__the_html.substr(0, _pos__start__before) + '

'; return; case (_contentsLength == 0): case ((_contentsLength < 5) && ($D.parseOptions._elements_visible.indexOf('|'+_tag_name+'|') > -1)): $D.debugOutline(_node, 'clean-after', 'blank'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; } } break; } // too much missing if ($D.parseOptions._elements_link_density.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { var _contents = _global__the_html .substr(_pos__start__after, (_pos__end__before - _pos__start__after)) .replace(/(<([^>]+)>)/gi, ''), _contentsLength = $D.measureText__getTextLength(_contents), _initialLength = 0 + _explored._length__all_text + (_explored._count__images_small * 10) + (_explored._count__images_skip * 10) + (_node.getElementsByTagName('iframe').length * 10) + (_node.getElementsByTagName('object').length * 10) + (_node.getElementsByTagName('embed').length * 10) + (_node.getElementsByTagName('button').length * 10) + (_node.getElementsByTagName('input').length * 10) + (_node.getElementsByTagName('select').length * 10) + (_node.getElementsByTagName('textarea').length * 10) ; // too much missing switch (true) { case (!(_contentsLength > 0)): case (!(_initialLength > 0)): case (!((_contentsLength / _initialLength) < 0.5)): case (!(($D.language == 'cjk') && (_contentsLength / _initialLength) < 0.1)): case ((_global__exploreNodeToBuildHTMLFor && ((_explored._length__plain_text / _global__exploreNodeToBuildHTMLFor._length__plain_text) > 0.25))): case (($D.language == 'cjk') && (_global__exploreNodeToBuildHTMLFor && ((_explored._length__plain_text / _global__exploreNodeToBuildHTMLFor._length__plain_text) > 0.1))): break; default: $D.debugOutline(_node, 'clean-after', 'missing-density'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; } } } // return return; }; // actually do it _recursive(_nodeToBuildHTMLFor); // return html return _global__the_html; }; // build html for node } // isolate title in html { // ======================= $D.articleTitleMarker__start = '

'; $D.articleTitleMarker__end = '

'; $D.getContent__find__hasIsolatedTitleInHTML = function (_html) { return (_html.substr(0, $D.articleTitleMarker__start.length) == $D.articleTitleMarker__start); }; $D.getContent__find__getIsolatedTitleInHTML = function (_html) { // is it there? if ($D.getContent__find__hasIsolatedTitleInHTML(_html)); else { return ''; } // regex var _getTitleRegex = new RegExp($D.articleTitleMarker__start + '(.*?)' + $D.articleTitleMarker__end, 'i'), _getTitleMatch = _html.match(_getTitleRegex) ; // match? if (_getTitleMatch); else { return ''; } // return return _getTitleMatch[1]; }; $D.getContent__find__isolateTitleInHTML = function (_html, _document_title) { // use document title if ($D.$document.find('body').attr($D.parseOptions._use_document_title_attribute) == $D.parseOptions._use_document_title_attribute_value) { return _html; } // can't just use (h1|h2|h3|etc) // we want to try them in a certain order var _heading_pregs = [ /<(h1)[^>]*?>([\s\S]+?)<\/\1>/gi, /<(h2)[^>]*?>([\s\S]+?)<\/\1>/gi, /<(h3|h4|h5|h6)[^>]*?>([\s\S]+?)<\/\1>/gi ], _secondary_headings = '|h2|h3|h4|h5|h6|', _search_document_title = ' ' + _document_title.replace(/<[^>]+?>/gi, '').replace(/\s+/gi, ' ') + ' ' ; // loop pregs for (var i=0, _i=_heading_pregs.length; i<_i; i++) { // exec var _match = _heading_pregs[i].exec(_html); // return? switch (true) { case (!(_match)): case (!(_heading_pregs[i].lastIndex > -1)): // will continue loop break; default: // measurements var _heading_end_pos = _heading_pregs[i].lastIndex, _heading_start_pos = (_heading_end_pos - _match[0].length), _heading_type = _match[1], _heading_text = _match[2].replace(/<\s*br[^>]*>/gi, '').replace(/[\n\r]+/gi, ''), _heading_text_plain = _heading_text.replace(/<[^>]+?>/gi, '').replace(/\s+/gi, ' '); _heading_length = $D.measureText__getTextLength(_heading_text_plain), _heading_words = [], _to_heading_text = _html.substr(0, _heading_start_pos), _to_heading_length = $D.measureText__getTextLength(_to_heading_text.replace(/<[^>]+?>/gi, '').replace(/\s+/gi, ' ')) ; // return? switch (true) { case (!(_heading_length > 5)): case (!(_heading_length < (65 * 3))): case (!(_to_heading_length < (65 * 3 * 2))): // will continue for loop break; case ((_secondary_headings.indexOf('|' + _heading_type + '|') > -1)): // words in this heading _heading_words = _heading_text_plain.split(' '); // count words present in title for (var j=0, _j=_heading_words.length, _matched_words=''; j<_j; j++) { if (_search_document_title.indexOf(' ' + _heading_words[j] + ' ') > -1) { _matched_words += _heading_words[j] + ' '; } } // break continues for loop // nothing goes to switch's default // no break? // ========= var _no_break = false; switch (true) { // if it's big enough, and it's a substring of the title, it's good case ((_heading_length > 20) && (_search_document_title.indexOf(_heading_text_plain) > -1)): // if it's slightly smaler, but is exactly at the begging or the end case ((_heading_length > 10) && ((_search_document_title.indexOf(_heading_text_plain) == 1) || (_search_document_title.indexOf(_heading_text_plain) == (_search_document_title.length - 1 - _heading_text_plain.length)))): _no_break = true; break; } // break? // ====== var _break = false; switch (true) { // no break? case (_no_break): break; // heading too long? -- if not h2 case ((_heading_length > ((_search_document_title.length - 2) * 2)) && (_heading_type != 'h2')): // heading long enough? case ((_heading_length < Math.ceil((_search_document_title.length - 2) * 0.50))): // enough words matched? case ((_heading_length < 25) && (_matched_words.length < Math.ceil(_heading_length * 0.75))): case ((_heading_length < 50) && (_matched_words.length < Math.ceil(_heading_length * 0.65))): case ((_matched_words.length < Math.ceil(_heading_length * 0.55))): _break = true; break; } // break? // ====== if (_break) { break; } default: // this is the title -- do isolation; return return '' + $D.articleTitleMarker__start + _heading_text + $D.articleTitleMarker__end + $D.getContent__find__isolateTitleInHTML__balanceDivsAtStart(_html.substr(_heading_end_pos)) ; } break; } } // return unmodified return _html; }; $D.getContent__find__isolateTitleInHTML__balanceDivsAtStart__substrCount = function (_haystack, _needle, _offset, _length) { // http://kevin.vanzonneveld.net // + original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) // + bugfixed by: Onno Marsman // + improved by: Brett Zamir (http://brett-zamir.me) // + improved by: Thomas // * example 1: substr_count('Kevin van Zonneveld', 'e'); // * returns 1: 3 // * example 2: substr_count('Kevin van Zonneveld', 'K', 1); // * returns 2: 0 // * example 3: substr_count('Kevin van Zonneveld', 'Z', 0, 10); // * returns 3: false var cnt = 0; _haystack += ''; _needle += ''; if (isNaN(_offset)) { _offset = 0; } if (isNaN(_length)) { _length = 0; } if (_needle.length == 0) { return false; } _offset--; while ((_offset = _haystack.indexOf(_needle, _offset + 1)) != -1) { if (_length > 0 && (_offset + _needle.length) > _length) { return false; } cnt++; } return cnt; }; $D.getContent__find__isolateTitleInHTML__balanceDivsAtStart = function (_html) { // easy; remove all at begining var _h = _html.replace(/^(\s*<\s*\/\s*[^>]+>)+/gi, ''), _r = /<\s*\/\s*([^\s>]+?)[^>]*>/gi, _the_end_tag = '', _the_start_tag = '

---

\s*

---

\s*)+/gi, '

---

'); _html = _html.replace(/(
\s*
\s*)+/gi, '

'); $D.debugRemember('BuildHTMLPregs', $D.debugTimerEnd()+'ms'); // return // ====== return { '_html': _html, '_links': _stuff._links, '_targetCandidate': _targetCandidate, '_firstCandidate': _firstCandidate }; }; // find in page } // start { // ======= $D.start = function () { // get content // =========== var _found = $D.getContent__findInPage($D.window), _found_links = _found._links, _targetNode = _found._targetCandidate.__node, _$targetNode = $CJ(_targetNode), _aboveNodes = [] ; // RTL // === switch (true) { case (_$targetNode.attr('dir') == 'rtl'): case (_$targetNode.css('direction') == 'rtl'): $D.makeRTL(); break; } // get html // ======== var _foundHTML = _found._html, _firstFragmentBeforeProcessing = $D.nextPage__getFirstFragment(_foundHTML), _documentTitle = ($D.document.title > '' ? $D.document.title : '') ; // get title // ========= // has title already? _foundHTML = $D.getContent__find__isolateTitleInHTML(_foundHTML, _documentTitle); $D.articleTitle = $D.getContent__find__getIsolatedTitleInHTML(_foundHTML); $D.debugRemember('TitleSource', 'target'); // get html above? if ($D.articleTitle > ''); else { // get html above target? // ====================== // global vars: // _found // _foundHTML // _documentTitle // _aboveNodes var _prevNode = _found._targetCandidate.__node, _prevHTML = '', _aboveHTML = '', _differentTargets = (_found._firstCandidate.__node != _found._targetCandidate.__node) ; (function () { while (true) { // the end? switch (true) { case (_prevNode.tagName && (_prevNode.tagName.toLowerCase() == 'body')): case (_differentTargets && (_prevNode == _found._firstCandidate.__node)): // enough is enough return; } // up or sideways? if (_prevNode.previousSibling); else { _prevNode = _prevNode.parentNode; continue; } // previous _prevNode = _prevNode.previousSibling; // outline -- element might be re-outlined, when buildHTML is invoked if ($D.debug) { $D.debugOutline(_prevNode, 'target', 'add-above'); } // get html; add _prevHTML = $D.getContent__buildHTMLForNode(_prevNode, 'above-the-target'); _aboveHTML = _prevHTML + _aboveHTML; _aboveNodes.unshift(_prevNode); // isolate title _aboveHTML = $D.getContent__find__isolateTitleInHTML(_aboveHTML, _documentTitle); // finished? switch (true) { case ($D.measureText__getTextLength(_aboveHTML.replace(/<[^>]+?>/gi, '').replace(/\s+/gi, ' ')) > (65 * 3 * 3)): case ($D.getContent__find__hasIsolatedTitleInHTML(_aboveHTML)): return; } } })(); // is what we found any good? // ========================== switch (true) { case ($D.getContent__find__hasIsolatedTitleInHTML(_aboveHTML)): case (_differentTargets && (_aboveHTML.split('< 3) && ($D.measureText__getTextLength(_aboveHTML.replace(/<[^>]+?>/gi, '').replace(/\s+/gi, ' ')) < (65 * 3))): _foundHTML = _aboveHTML + _foundHTML; break; default: _aboveHTML = ''; _aboveNodes = []; break; } // set title // ========= $D.articleTitle = $D.getContent__find__getIsolatedTitleInHTML(_foundHTML); $D.debugRemember('TitleSource', 'above_HTML'); // get document title? if ($D.articleTitle > ''); else { // if all else failed, get document title // ====================================== // global vars: // _foundHTML // _documentTitle (function () { // return? // ======= if (_documentTitle > ''); else { return; } // vars var _doc_title_parts = [], _doc_title_pregs = [ /( [-][-] |( [-] )|( [>][>] )|( [<][<] )|( [|] )|( [\/] ))/i, /(([:] ))/i ] ; // loop through pregs // ================== for (var i=0, _i=_doc_title_pregs.length; i<_i; i++) { // split _doc_title_parts = _documentTitle.split(_doc_title_pregs[i]); // break if we managed a split if (_doc_title_parts.length > 1) { break; } } // sort title parts -- longer goes higher up -- i.e. towards 0 // ================ _doc_title_parts.sort(function (a, b) { switch (true) { case (a.length > b.length): return -1; case (a.length < b.length): return 1; default: return 0; } }); // set title -- first part, if more than one word; otherwise, whole // ========= _foundHTML = '' + $D.articleTitleMarker__start + (_doc_title_parts[0].split(/\s+/i).length > 1 ? _doc_title_parts[0] : _documentTitle) + $D.articleTitleMarker__end + _foundHTML ; })(); // set title // ========= $D.articleTitle = $D.getContent__find__getIsolatedTitleInHTML(_foundHTML); $D.debugRemember('TitleSource', 'document_title'); } } // remember // ======== $D.debugRemember('theTarget', _found._targetCandidate.__node); $D.debugRemember('firstCandidate', _found._firstCandidate.__node); // result // ====== $D.nextPage__firstFragment__firstPage = _firstFragmentBeforeProcessing; $D.nextPage__firstFragment__lastPage = $D.nextPage__getFirstFragment(_foundHTML); $D.nextPage__firstLinks = _found_links; var _result = { '_html': _foundHTML, '_title': $D.articleTitle, '_rtl': $D.rtl } ; // add elements _result['_elements'] = _aboveNodes; _result['_elements'].push(_found._targetCandidate.__node); // return // ====== $D.callbacks.finished(_result); }; // start } // return self // =========== return $D; }</script><script defer="" type="text/javascript" charset="ANSI">/*! * ClearlyComponent__highlight * Evernote Clearly's highlighting algorithm/functionality as an embeddable component. * Copyright 2013, Evernote Corporation * * Usage: * ====== * * // define * window.ClearlyComponent__highlight = { * 'callbacks': { * 'highlightAdded': someFunction(), * 'highlightDeleted': someFunction(), * 'arbitraryRangeExclusion': someFunction() * }, * 'settings': { * 'imgPath': 'string', * 'onInsertCSSUseThisId': 'string', * 'highlightingEnabledCSSClass': 'string', * 'highlightElementCSSClass': 'string', * 'highlightElementIdAttribute': 'string', * 'highlightElementFirstCSSClass': 'string', * 'highlightElementLastCSSClass': 'string', * 'highlightElementDeleteCSSClass': 'string', * 'highlightElementDeleteIdPrefix': 'string', * 'highlightCleanHTMLElementStart': 'string', * 'highlightCleanHTMLElementEnd': 'string', * 'elementWhichMustContainAllHighlights': _dom_element, * 'elementsToAttachMouseHandlersTo': [ * _dom_element * ] * }, * 'window': window, * 'document': document, * 'jQuery': window.jQuery * }; * * // init -- will return false, if something goes wrong * window.ClearlyComponent__highlight = initClearlyComponent__highlight(window.ClearlyComponent__highlight); * * // setup * window.ClearlyComponent__highlight.insertCSS(); * window.ClearlyComponent__highlight.addMouseHandlers(); * * // enable * window.ClearlyComponent__highlight.enable(); * * // publcly available/overridable * window.ClearlyComponent__highlight.debug * */ /* changes: ======== $R => $H $R.highlight => $H.enabled to do: ====== */ function initClearlyComponent__highlight(_paramInstance) { // global instance reference { // =========================== // null; return if (_paramInstance); else { return false; } // shorthand $H = _paramInstance; // global instance reference } // required vars { // =============== // the component instance object must already be created, // when the init function is called. it must have these vars set: switch (true) { case (!($H.settings)): case (!($H.settings.imgPath)): case (!($H.window)): case (!($H.document)): case (!($H.document.body)): case (!($H.jQuery)): if ($H.debug) { console.log(!($H.settings)); console.log(!($H.settings.imgPath)); console.log(!($H.window)); console.log(!($H.document)); console.log(!($H.document.body)); console.log(!($H.jQuery)); } // something's wrong return false; } // required vars } // missing settings { // ================== // restrictions if ($H.settings.elementWhichMustContainAllHighlights); else { $H.settings.elementWhichMustContainAllHighlights = $H.document.body; } if ($H.settings.elementsToAttachMouseHandlersTo); else { $H.settings.elementsToAttachMouseHandlersTo = [$H.document.body]; } // names for stuff /* css id */ if ($H.settings.onInsertCSSUseThisId); else { $H.settings.onInsertCSSUseThisId = 'clearly_highlighting_css'; } /* enabled */ if ($H.settings.highlightingEnabledCSSClass); else { $H.settings.highlightingEnabledCSSClass = 'clearly_highlighting_enabled'; } /* element id */ if ($H.settings.highlightElementIdAttribute); else { $H.settings.highlightElementIdAttribute = 'clearly_highlight_id'; } /* element class */ if ($H.settings.highlightElementCSSClass); else { $H.settings.highlightElementCSSClass = 'clearly_highlight_element'; } /* element (first) */ if ($H.settings.highlightElementFirstCSSClass); else { $H.settings.highlightElementFirstCSSClass = 'clearly_highlight_first'; } /* element (first) */ if ($H.settings.highlightElementLastCSSClass); else { $H.settings.highlightElementLastCSSClass = 'clearly_highlight_last'; } /* delete class */ if ($H.settings.highlightElementDeleteCSSClass); else { $H.settings.highlightElementDeleteCSSClass = 'clearly_highlight_delete_element'; } /* delete id prefix */ if ($H.settings.highlightElementDeleteIdPrefix); else { $H.settings.highlightElementDeleteIdPrefix = 'clearly_highlight_delete__'; } /* clean html start */ if ($H.settings.highlightCleanHTMLElementStart); else { $H.settings.highlightCleanHTMLElementStart = ''; } /* clean html end */ if ($H.settings.highlightCleanHTMLElementEnd); else { $H.settings.highlightCleanHTMLElementEnd = ''; } // missing settings } // global vars { // ============= $CJ = $H.jQuery; $H.$window = $CJ($H.window); $H.$document = $CJ($H.document); $H.$html = $H.$document.find('html'); $H.$elementWhichMustContainAllHighlights = $CJ($H.settings.elementWhichMustContainAllHighlights); $H.enabled = false; // global vars } // parse options { // =============== $H.parseOptions = { '_elements_ignore': '|button|input|select|textarea|optgroup|command|datalist|--|frame|frameset|noframes|--|style|link|script|noscript|--|canvas|applet|map|--|marquee|area|base|', '_elements_ignore_tag': '|form|fieldset|details|dir|--|center|font|span|', '_elements_container': '|body|--|article|section|--|div|--|td|--|li|--|dd|dt|', '_elements_self_closing': '|br|hr|--|img|--|col|--|source|--|embed|param|--|iframe|', '_elements_highlight_protect': '|video|audio|source|--|object|param|embed|', '_elements_keep_attributes': { 'a': ['href', 'title', 'name'], 'img': ['src', 'width', 'height', 'alt', 'title'], 'video': ['src', 'width', 'height', 'poster', 'audio', 'preload', 'autoplay', 'loop', 'controls'], 'audio': ['src', 'preload', 'autoplay', 'loop', 'controls'], 'source': ['src', 'type'], 'object': ['data', 'type', 'width', 'height', 'classid', 'codebase', 'codetype'], 'param': ['name', 'value'], 'embed': ['src', 'type', 'width', 'height', 'flashvars', 'allowscriptaccess', 'allowfullscreen', 'bgcolor'], 'iframe': ['src', 'width', 'height', 'frameborder', 'scrolling'], 'td': ['colspan', 'rowspan'], 'th': ['colspan', 'rowspan'] } }; // parse options } // debug { // ======= $H.debug = ($H.debug || false); if ($H.debug) { // writeLog // ======== switch (true) { case (!(!($H.window.console && $H.window.console.log))): $H.writeLog = function (msg) { $H.window.console.log(msg); }; break; case (!(!($H.window.opera && $H.window.opera.postError))): $H.writeLog = function (msg) { $H.window.opera.postError(msg); }; break; default: $H.writeLog = function (msg) {}; break; } // log // === $H.log = function () { if ($H.debug); else { return; } for (var i=0, il=arguments.length; i absolute; width: 34px; height: 34px; left: -17px; top: -17px; ' + '} ' + 'em.'+$H.settings.highlightElementCSSClass+' a.'+$H.settings.highlightElementDeleteCSSClass+':hover { background-position: -34px 0px; } ' ; // create var _cssElement = $H.document.createElement('style'); _cssElement.setAttribute('id', $H.settings.onInsertCSSUseThisId); _cssElement.setAttribute('type', 'text/css'); if (_cssElement.styleSheet) { _cssElement.styleSheet.cssText = _cssText; } else { _cssElement.appendChild($H.document.createTextNode(_cssText)); } // append $H.$document.find('head').append(_cssElement); }; // insert css } // selection { // =========== $H.sel = {}; $H.sel.getWindowFromDocument = function (theDocument) { if (theDocument); else { return null; } if ('defaultView' in theDocument) { arguments.calee = function (theDocument) { if (theDocument); else { return null; } return theDocument.defaultView; }; } else if ('parentWindow' in theDocument) { arguments.calee = function (theDocument) { if (theDocument); else { return null; } return theDocument.parentWindow; }; } else { arguments.calee = function (theDocument) { return null; }; } return arguments.calee(theDocument); }; $H.sel.getSelection = function (theWindow) { if (theWindow); else { return null; } if ('getSelection' in theWindow) { arguments.calee = function (theWindow) { if (theWindow); else { return null; } return theWindow.getSelection(); }; } else if ('selection' in theWindow.document) { arguments.calee = function (theWindow) { if (theWindow); else { return null; } return theWindow.document.selection; }; } else { arguments.calee = function (theWindow) { return null; }; } return arguments.calee(theWindow); }; $H.sel.getRange = function (selection) { if (selection); else { return null; } if ('getRangeAt' in selection) { arguments.calee = function (selection) { if (selection); else { return null; } if (selection.rangeCount > 0) { return selection.getRangeAt(0); } else { return null; } // doesn't work in old versions of safari // ... I don't care }; } else if ('createRange' in selection) { arguments.calee = function (selection) { if (selection); else { return null; } return selection.createRange(); }; } else { arguments.calee = function (selection) { return null; }; } return arguments.calee(selection); }; $H.sel.getRangeHTML = function (range) { if (range); else { return null; } if ('htmlText' in range) { arguments.calee = function (range) { if (range); else { return null; } return range.htmlText; }; } else if ('surroundContents' in range) { arguments.calee = function (range) { if (range); else { return null; } if (range.commonAncestorContainer && range.commonAncestorContainer.ownerDocument); else { return null; } var dummy = range.commonAncestorContainer.ownerDocument.createElement("div"); dummy.appendChild(range.cloneContents()); return dummy.innerHTML; }; } else { arguments.calee = function (range) { return null; }; } return arguments.calee(range); }; $H.sel.getRangeText = function (range) { if (range); else { return null; } if ('text' in range) { arguments.calee = function (range) { if (range); else { return null; } return range.text; }; } else if ('surroundContents' in range) { arguments.calee = function (range) { if (range); else { return null; } if (range.commonAncestorContainer && range.commonAncestorContainer.ownerDocument); else { return null; } var dummy = range.commonAncestorContainer.ownerDocument.createElement("div"); dummy.appendChild(range.cloneContents()); return dummy.textContent; }; } else { arguments.calee = function (range) { return null; }; } return arguments.calee(range); }; // selection } // helpers { // ========= $H.rand = function (_min, _max) { return (Math.floor(Math.random() * (_max - _min + 1)) + _min); }; $H.highlight__deleteSpansFromParents = function (_parents) { var _done = [], _this_done = false, _inner = ''; // main loop for (var i=0, _i=_parents.length; i<_i; i++) { // init _this_done = false; // check for (var ii=0, _ii=_done.length; ii<_ii; ii++) { if (_done[ii] == _parents[i]) { _this_done = true; break; } } // skip if (_this_done) { continue; } // actually do // =========== // add _done.push(_parents[i]); // get _inner = _parents[i].innerHTML; // check if (_inner.indexOf(' -1); else { continue; } // replace _inner = _inner.replace(/]*?)>/gi, ''); _inner = _inner.replace(/<\/span>/gi, ''); _parents[i].innerHTML = _inner; } }; $H.highlight__getDeepestTextNode = function (_node) { var _n = _node; while (true) { switch (true) { // text case (_n.nodeType && _n.nodeType == 3): return _n; // single child case (_n.nodeType && _n.nodeType == 1 && _n.childNodes.length > 0): _n = _n.childNodes[0]; break; // no children but has sibling case (_n.nodeType && _n.nodeType == 1 && _n.childNodes.length == 0 && _n.nextSibling): _n = _n.nextSibling; break; // default default: return _node; } } }; $H.highlight__getCommonAncestorContainerForNodes = function (_node1, _node2, _fallback) { var _parent1 = _node1, _parent2 = _node2; while (true) { // next _parent1 = _parent1.parentNode; _parent2 = _parent2.parentNode; // break switch (true) { case (!(_parent1)): case (!(_parent2)): case (_parent1 == _fallback): case (_parent2 == _fallback): return _fallback; } // maybe switch (true) { case (_parent1 == _parent2): return _parent1; case ($CJ.contains(_parent1, _node2)): return _parent1; case ($CJ.contains(_parent2, _node1)): return _parent2; case ($CJ.contains(_parent1, _parent2)): return _parent1; case ($CJ.contains(_parent2, _parent1)): return _parent2; } } }; $H.highlight__getParentElementOfNode = function (_thisNode) { var _element = _thisNode; while (true) { // correct if (_element.nodeType == 1) { break; } // continue _element = _element.parentNode; } return _element; }; $H.highlight__getParentElementOfNodeWithThisParent = function (_thisNode, _thisParent) { // impossible switch (true) { case (_thisNode == _thisParent): return _thisNode; case (!($CJ.contains(_thisParent, _thisNode))): // always false in IE //return _thisNode; } // do var _element = _thisNode; while (true) { // correct if (_element.parentNode == _thisParent) { break; } // continue _element = _element.parentNode; } return _element; }; // helpers } // build html for element with selected range { // ============================================ $H.highlight__buildHTMLForElementWithSelectedRange = function (_elementToBuildHTMLFor, _modeToBuildHTMLIn, _rangeToBuildHTMLWith) { var _global__element_index = 0, _global__the_html = '', _global__highlight_on = ((_modeToBuildHTMLIn == 'boundry-end') ? true : false) ; // recursive function // ================== var _recursive = function (_node) { // increment index -- starts with 1 // =============== _global__element_index++; // vars // ==== var _explored = false, _tag_name = (_node.nodeType === 3 ? '#text' : ((_node.nodeType === 1 && _node.tagName && _node.tagName > '') ? _node.tagName.toLowerCase() : '#invalid')), _tag_is_ignored = ($H.parseOptions._elements_ignore_tag.indexOf('|'+_tag_name+'|') > -1), _tag_is_ignored = (_tag_is_ignored ? ((_tag_name == 'span') ? false : true) : false), _pos__start__before = 0, _pos__start__after = 0, _pos__end__before = 0, _pos__end__after = 0, _to_write = '', _selection_starts_here = false, _selection_ends_here = false ; // fast return // =========== switch (true) { case ((_tag_name == '#invalid')): case (($H.parseOptions._elements_ignore.indexOf('|'+_tag_name+'|') > -1)): return; case (_tag_name == '#text'): // get value // ========= _to_write = _node.nodeValue.replace(//gi, '>'); // mode? // ===== switch (true) { case (_modeToBuildHTMLIn == 'nothing'): break; case (_modeToBuildHTMLIn == 'everything'): _to_write = '' + '' + _to_write + '' ; break; case (_modeToBuildHTMLIn == 'boundry-start'): case (_modeToBuildHTMLIn == 'boundry-end'): case (_modeToBuildHTMLIn == 'boundry-both'): // end of range? // ============= if (_node == _rangeToBuildHTMLWith.endContainer) { _to_write = '' + '' + _to_write.substr(0, _rangeToBuildHTMLWith.endOffset) + '' + _to_write.substr(_rangeToBuildHTMLWith.endOffset) ; _global__highlight_on = false; _selection_ends_here = true; } // start of range? // =============== if (_node == _rangeToBuildHTMLWith.startContainer) { _to_write = '' + _to_write.substr(0, _rangeToBuildHTMLWith.startOffset) + '' + _to_write.substr(_rangeToBuildHTMLWith.startOffset) + '' ; _global__highlight_on = true; _selection_starts_here = true; } // correction // ========== if (_selection_starts_here && _selection_ends_here) { _to_write = _node.nodeValue.replace(//gi, '>'); _to_write = '' + _to_write.substr(0, _rangeToBuildHTMLWith.startOffset) + '' + _to_write.substr(_rangeToBuildHTMLWith.startOffset, (_rangeToBuildHTMLWith.endOffset - _rangeToBuildHTMLWith.startOffset)) + '' + _to_write.substr(_rangeToBuildHTMLWith.endOffset) ; _global__highlight_on = false; } // snap-to // ======= if (_selection_starts_here && (_rangeToBuildHTMLWith.startOffset > 0)) { // before _to_write = _to_write.replace(/([ .,;?!])([a-z0-9]{1,2})/gi, '$1$2'); // space at begining _to_write = _to_write.replace(/([\s])([^\s])/gi, '$1$2'); // too much _to_write = _to_write.replace(/([a-z0-9])([ ])([a-z0-9])/gi, '$1$2$3'); } if (_selection_ends_here && (_rangeToBuildHTMLWith.endOffset > 0)) { var _do_end = true; if (_rangeToBuildHTMLWith.endContainer && _rangeToBuildHTMLWith.endContainer.nodeValue && _rangeToBuildHTMLWith.endContainer.nodeValue.length) { _do_end = (_rangeToBuildHTMLWith.endOffset < _rangeToBuildHTMLWith.endContainer.nodeValue.length); } if (_do_end) { // after _to_write = _to_write.replace(/<\/highlight>([a-z0-9]{0,2})([ .,;?!])/gi, '$1$2'); // space at end _to_write = _to_write.replace(/([^\s])([\s])<\/highlight>/gi, '$1$2'); // too much _to_write = _to_write.replace(/([ ])([a-z0-9])<\/highlight>([a-z0-9])/gi, '$1$2$3'); } } // other // ===== if (!(_selection_starts_here) && !(_selection_ends_here)) { _to_write = _node.nodeValue.replace(//gi, '>'); if (_global__highlight_on) { _to_write = '' + '' + _to_write + '' ; } } break; } // write value // =========== _global__the_html += _to_write; return; } // range anchors are elements instead of text-nodes // ================================================ // end of range? if ((_rangeToBuildHTMLWith.endContainer.nodeType == 1) && (_node == _rangeToBuildHTMLWith.endContainer)) { _global__highlight_on = false; _selection_ends_here = true; } // start of range? if ((_rangeToBuildHTMLWith.startContainer.nodeType == 1) && (_node == _rangeToBuildHTMLWith.startContainer)) { _global__highlight_on = true; _selection_starts_here = true; } // correction if (_selection_starts_here && _selection_ends_here) { _global__highlight_on = false; } // start tag // ========= if (_tag_is_ignored); else { /* mark */ _pos__start__before = _global__the_html.length; /* add */ _global__the_html += '<'+_tag_name; // attributes // ========== // allowed attributes if (_tag_name in $H.parseOptions._elements_keep_attributes) { for (var i=0, _i=$H.parseOptions._elements_keep_attributes[_tag_name].length; i<_i; i++) { var _attribute_name = $H.parseOptions._elements_keep_attributes[_tag_name][i], _attribute_value = _node.getAttribute(_attribute_name) ; // if present if (_attribute_value > '') { _global__the_html += ' '+_attribute_name+'="'+(_attribute_value)+'"'; } } } // keep ID for all elements var _id_attribute = _node.getAttribute('id'); if (_id_attribute > '') { _global__the_html += ' id="'+_id_attribute+'"'; } // links target NEW if (_tag_name == 'a') { _global__the_html += ' target="_blank"'; } // add class name // ============== var _class_attribute = _node.getAttribute('class'); if (_class_attribute > '') { _global__the_html += ' class="'+_class_attribute+'"'; } // add highlight id -- for EMs that are outside the global highlight // ================ if (_tag_name == 'em' && _modeToBuildHTMLIn != 'everything') { // with a fix for when an em is the first thing inside a parent element switch (true) { case (_global__highlight_on): case ((_rangeToBuildHTMLWith.startOffset == 0) && (_node.firstChild) && (_node.firstChild == _rangeToBuildHTMLWith.startContainer)): break; default: var _highlight_id_attribute = _node.getAttribute($H.settings.highlightElementIdAttribute); if (_highlight_id_attribute > '') { _global__the_html += ' '+$H.settings.highlightElementIdAttribute+'="'+_highlight_id_attribute+'"'; } break; } } // close start // =========== if ($H.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1) { _global__the_html += ' />'; } else { _global__the_html += '>';} /* mark */ _pos__start__after = _global__the_html.length; } // child nodes // =========== if ($H.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1); else { for (var i=0, _i=_node.childNodes.length; i<_i; i++) { _recursive(_node.childNodes[i]); } } // end tag // ======= switch (true) { case (_tag_is_ignored): return; case (($H.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1)): /* mark */ _pos__end__before = _global__the_html.length; /* mark */ _pos__end__after = _global__the_html.length; break; default: /* mark */ _pos__end__before = _global__the_html.length; /* end */ _global__the_html += '</'+_tag_name+'>'; /* mark */ _pos__end__after = _global__the_html.length; break; } // protected elements // ================== switch (true) { // some elemnts are protected from highlighting case (($H.parseOptions._elements_highlight_protect.indexOf('|'+_tag_name+'|') > -1)): case ((_tag_name == 'em') && $CJ(_node).hasClass($H.settings.highlightElementCSSClass)): // so, if highlights are inside an already highlighted element --or an unhighlightable one-- remove _global__the_html = '' + _global__the_html.substr(0, _pos__start__after) + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) .replace(//gi, '') .replace(/<\/highlight>/gi, '') + _global__the_html.substr(_pos__end__before) ; break; // some elements are invalid completely case ((_tag_name == 'a') && (_node.className == 'deleteHighlight')): _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + _global__the_html.substr(_pos__end__after) ; break; // some elements need to have their tags ignored /*case (_tag_name == 'span'): _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) + _global__the_html.substr(_pos__end__after) ; break;*/ } // return return; }; // actually do it _recursive(_elementToBuildHTMLFor); // use em, instead of highlight _global__the_html = _global__the_html .replace(//gi, '') .replace(/<\/highlight>/gi, '') ; // return return _global__the_html; }; // build html for element with selected range } // do range { // ========== $H.highlight__doRange = function (_range_to_highlight) { // get referrence elements var _commonAncestorElement = $H.highlight__getParentElementOfNode(_range_to_highlight.commonAncestorContainer), _startElement = $H.highlight__getParentElementOfNodeWithThisParent(_range_to_highlight.startContainer, _commonAncestorElement), _endElement = $H.highlight__getParentElementOfNodeWithThisParent(_range_to_highlight.endContainer, _commonAncestorElement) ; // range not in container element if (true && (_commonAncestorElement.tagName) && !($CJ.contains($H.settings.elementWhichMustContainAllHighlights, _commonAncestorElement)) ) { return false; } // arbitrary range exclusion if ($H.callbacks.arbitraryRangeExclusion) { if ($H.callbacks.arbitraryRangeExclusion(_range_to_highlight, _commonAncestorElement, _startElement, _endElement) === false) { return false; } } /* $H.log( _range.startContainer, _range.endContainer, _range.startOffset, _range.endOffset, _range_to_highlight, _commonAncestorElement, _startElement, _endElement ); */ // selection id var _selection_id = $H.rand(1, 1000); while (true) { // nothing found if ($H.$elementWhichMustContainAllHighlights.find('em.'+$H.settings.highlightElementCSSClass+'['+$H.settings.highlightElementIdAttribute+'="'+_selection_id+'"]').length > 0); else { break; } // new id _selection_id = $H.rand(1, 1000); } // chainging elements // ================== var _chaingingElements = [], _currElement = _startElement, _currChainging = false; while (true) { // object _currChainging = { '_element': _currElement, '_tagName': (_currElement.nodeType === 3 ? '#text' : ((_currElement.nodeType === 1 && _currElement.tagName && _currElement.tagName > '') ? _currElement.tagName.toLowerCase() : '#invalid')) }; // add _chaingingElements.push(_currChainging); // break if (_currElement == _endElement) { break; } // next _currElement = _currElement.nextSibling; // error? if (_currElement); else { break; } } // rewrite elements // ================ var _parents_to_clean = []; for (var i=0, _i=_chaingingElements.length, _currElement=false; i<_i; i++) { var _currElement = _chaingingElements[i], _currNode = _currElement._element, _currTag = _currElement._tagName, _boundry_mode = '', _currBuiltHTML = false, _resNode = false ; // get html / mode // =============== switch (true) { case ((_i == 1) && (i == 0)): _boundry_mode = 'boundry-both'; break; case ((_i > 1) && (i == 0)): _boundry_mode = 'boundry-start'; break; case ((_i > 1) && (i == (_i-1))): _boundry_mode = 'boundry-end'; break; default: _boundry_mode = 'everything'; break; } // get html // ======== _currBuiltHTML = $H.highlight__buildHTMLForElementWithSelectedRange(_currNode, _boundry_mode, _range_to_highlight); // write // ===== switch (true) { case ((_currTag == '#text')): // resulting html might be something like "something something else" // so we create a dummy span tag to eomcompass it, and then repalce the old text node with that // create var _newElement = $H.document.createElement('span'); _newElement.innerHTML = _currBuiltHTML; // result _resNode = _newElement; /* with (Evernote.evernotePopup) { console.log(' ~~~ highlight.js gadit before |' + docSelection + "|"); console.log(' ~~~ from ' +docSelection.startOffset + ' to ' + docSelection.endOffset); }*/ Evernote.Utils.sendMessageToPopup('highlightDomChangesStart'); // replace _currNode.parentNode.replaceChild(_resNode, _currNode); Evernote.Utils.sendMessageToPopup('highlightDomChangesEnd'); /* with (Evernote.evernotePopup) { console.log(' ~~~ highlight.js nagadil |' + docSelection + "|"); console.log(' ~~~ from ' +docSelection.startOffset + ' to ' + docSelection.endOffset); }*/ break; case (($H.parseOptions._elements_self_closing.indexOf('|'+_currTag+'|') > -1)): // result _resNode = _currNode; /* nothing */ /* var _newElement = $H.document.createElement('em'); _newElement.className = $H.settings.highlightElementCSSClass; _newElement.innerHTML = _currBuiltHTML; _currNode.parentNode.replaceChild(_newElement, _currNode); */ break; default: // result _resNode = _currNode; // innerHTML _currBuiltHTML = _currBuiltHTML.substr((_currBuiltHTML.indexOf('>')+1)); _currBuiltHTML = _currBuiltHTML.substr(0, _currBuiltHTML.lastIndexOf('<')); // highlighted anything? if (_currBuiltHTML.indexOf('') > - 1); else { break; } // do it _currNode.innerHTML = _currBuiltHTML; break; } // set highlight class // =================== // inside node $CJ(_resNode).find('em.'+$H.settings.highlightElementCSSClass+':not(['+$H.settings.highlightElementIdAttribute+'])').attr($H.settings.highlightElementIdAttribute, _selection_id); // on node if ((_currTag == 'em') && $CJ(_resNode).hasClass($H.settings.highlightElementCSSClass)) { $CJ(_resNode).attr($H.settings.highlightElementIdAttribute, _selection_id); } // clean::add _parents_to_clean.push(_resNode.parentNode); } // clean::do $H.highlight__deleteSpansFromParents(_parents_to_clean); }; // do range } // do current selection { // ====================== $H.highlight__doCurentSelection = function () { // vars // ==== var _selection = $H.sel.getSelection($H.window), _range = $H.sel.getRange(_selection), _text = $H.sel.getRangeText(_range), _good_range = (_range ? { 'commonAncestorContainer': _range.commonAncestorContainer, 'startContainer': _range.startContainer, 'endContainer': _range.endContainer, 'startOffset': _range.startOffset, 'endOffset': _range.endOffset } : false) ; // some exception rules // ==================== switch (true) { case (!(_text)): case (!(_text.length > 0)): case (!(_good_range)): return false; } // some corrections // ================ // Firefox fucks up -- https://developer.mozilla.org/en/DOM/range.startOffset // Offsets mean two differet things // start container if (_good_range.startContainer.nodeType == 1) { if (_good_range.startContainer.childNodes[_good_range.startOffset]) { _good_range.startContainer = _good_range.startContainer.childNodes[_good_range.startOffset]; _good_range.startOffset = 0; } } // end container if (_good_range.endContainer.nodeType == 1) { if (_good_range.endContainer.childNodes[_good_range.endOffset]) { _good_range.endContainer = _good_range.endContainer.childNodes[_good_range.endOffset]; _good_range.endOffset = 0; } } // highlight range // =============== var _highlighted_range = $H.highlight__doRange(_good_range); if (_highlighted_range === false) { return false; } // clear selection // =============== try { _selection.removeAllRanges(); } catch (e) {} // correct double highlights // ========================= var _parents_double_to_clean = []; $H.$elementWhichMustContainAllHighlights.find('em.'+$H.settings.highlightElementCSSClass+' em.'+$H.settings.highlightElementCSSClass).each(function (_i, _e) { // remove inner button $CJ(_e).find('a.'+$H.settings.highlightElementDeleteCSSClass).remove(); // create var _newElement = $H.document.createElement('span'); _newElement.innerHTML = _e.innerHTML; // repalce _e.parentNode.replaceChild(_newElement, _e); // add _parents_double_to_clean.push(_newElement.parentNode); }); // clean $H.highlight__deleteSpansFromParents(_parents_double_to_clean); // remove buttons and classes // ========================== // delete buttons $H.$elementWhichMustContainAllHighlights.find('em.'+$H.settings.highlightElementCSSClass+' a.'+$H.settings.highlightElementDeleteCSSClass).remove(); // first, last $H.$elementWhichMustContainAllHighlights.find('em.'+$H.settings.highlightElementCSSClass+'.'+$H.settings.highlightElementFirstCSSClass).removeClass($H.settings.highlightElementFirstCSSClass); $H.$elementWhichMustContainAllHighlights.find('em.'+$H.settings.highlightElementCSSClass+'.'+$H.settings.highlightElementLastCSSClass).removeClass($H.settings.highlightElementLastCSSClass); // add buttons and classes // ======================= var _highlights_collection = $H.$elementWhichMustContainAllHighlights.find('em.'+$H.settings.highlightElementCSSClass), _highlights_collection_ids = [], _curr_delete_button = false ; // get all ids _highlights_collection.each(function (_i, _e) { _highlights_collection_ids.push($CJ(_e).attr($H.settings.highlightElementIdAttribute)); }); // add button, classes _highlights_collection.each(function (_i, _e) { var _isFirst = (_highlights_collection_ids[(_i-1)] ? (_highlights_collection_ids[_i] != _highlights_collection_ids[(_i-1)]) : true), _isLast = (_highlights_collection_ids[(_i+1)] ? (_highlights_collection_ids[_i] != _highlights_collection_ids[(_i+1)]) : true) ; if (_isFirst) { // class $CJ(_e).addClass($H.settings.highlightElementFirstCSSClass); // create button _curr_delete_button = $H.document.createElement('a'); _curr_delete_button.className = $H.settings.highlightElementDeleteCSSClass; _curr_delete_button.id = $H.settings.highlightElementDeleteIdPrefix + _highlights_collection_ids[_i]; // add button _e.insertBefore(_curr_delete_button, _e.firstChild); } if (_isLast) { // class $CJ(_e).addClass($H.settings.highlightElementLastCSSClass); } }); }; // do current selection } // delete highlight { // ================== $H.highlight__deleteAllHighlights = function () { $H.highlight__deleteHighlight('all'); }; $H.highlight__deleteHighlight = function (_highlight_id) { var _expression = 'em.' + $H.settings.highlightElementCSSClass + (_highlight_id == 'all' ? '' : '['+$H.settings.highlightElementIdAttribute+'="'+_highlight_id+'"]'), _parents_to_clean = [] ; // collection $H.$elementWhichMustContainAllHighlights.find(_expression).each(function (_index, _e) { // create var _s = $H.document.createElement('span'); _s.innerHTML = _e.innerHTML; // do _e.parentNode.replaceChild(_s, _e); // parents _parents_to_clean.push(_s.parentNode); }); // delete spans $H.highlight__deleteSpansFromParents(_parents_to_clean); }; // delete highlight } // enable / disable { // ================== $H.enable = function () { if ($H.enabled) { return; } $H.enabled = true; $H.$html.addClass($H.settings.highlightingEnabledCSSClass); }; $H.disable = function () { if ($H.enabled); else { return; } $H.enabled = false; $H.$html.removeClass($H.settings.highlightingEnabledCSSClass); }; // enable / disable } // add mouse handlers { // ==================== // globals $H.highlight__mouseUp_timeout = false; $H.highlight__deleteButton__byId__mouseEnter_timeout = {}; $H.highlight__deleteButton__byId__mouseLeave_timeout = {}; // containers mouse up $H.highlight__mouseUp = function () { // not in highlight mode if ($H.enabled); else { return; } // timeout $H.highlight__mouseUp_timeout = $H.window.setTimeout ( function () { // try $H.highlight__mouseUp_timeout = false; var _didSelection = $H.highlight__doCurentSelection(); // callback if (_didSelection === false); else { if ($H.callbacks.highlightAdded) { $H.callbacks.highlightAdded(); } } }, 250 ); }; // containers mouse down $H.highlight__mouseDown = function () { // not in highlight mode if ($H.enabled); else { return; } // timeout $H.window.clearTimeout($H.highlight__mouseUp_timeout); }; // delete buttons show/hide $H.highlight__deleteButton__show = function (_highlight_id) { $H.$elementWhichMustContainAllHighlights.find('#' + $H.settings.highlightElementDeleteIdPrefix + _highlight_id).fadeIn(250); }; $H.highlight__deleteButton__hide = function (_highlight_id) { $H.$elementWhichMustContainAllHighlights.find('#' + $H.settings.highlightElementDeleteIdPrefix + _highlight_id).fadeOut(250); }; // add mouse handlers $H.addMouseHandlers = function () { // mouse up/down for (var i=0, _i=$H.settings.elementsToAttachMouseHandlersTo.length; i<_i; i++) { $CJ($H.settings.elementsToAttachMouseHandlersTo[i]) .mouseup($H.highlight__mouseUp) .mousedown($H.highlight__mouseDown) ; } // highlight mouse enter $H.$elementWhichMustContainAllHighlights.on('mouseenter', 'em.'+$H.settings.highlightElementCSSClass, function () { var _highlight_id = $CJ(this).attr($H.settings.highlightElementIdAttribute); $H.window.clearTimeout($H.highlight__deleteButton__byId__mouseLeave_timeout[_highlight_id]); $H.highlight__deleteButton__byId__mouseEnter_timeout[_highlight_id] = $H.window.setTimeout( function () { $H.highlight__deleteButton__byId__mouseEnter_timeout[_highlight_id] = false; $H.highlight__deleteButton__show(_highlight_id); }, 250 ); }); // highlight mouse leave $H.$elementWhichMustContainAllHighlights.on('mouseleave', 'em.'+$H.settings.highlightElementCSSClass, function () { var _highlight_id = $CJ(this).attr($H.settings.highlightElementIdAttribute); $H.window.clearTimeout($H.highlight__deleteButton__byId__mouseEnter_timeout[_highlight_id]); $H.highlight__deleteButton__byId__mouseLeave_timeout[_highlight_id] = $H.window.setTimeout( function () { $H.highlight__deleteButton__byId__mouseLeave_timeout[_highlight_id] = false; $H.highlight__deleteButton__hide(_highlight_id); }, 250 ); }); // highlight delete click $H.$elementWhichMustContainAllHighlights.on('click', 'em.'+$H.settings.highlightElementCSSClass+' a.'+$H.settings.highlightElementDeleteCSSClass, function () { // get id var _id = $CJ(this.parentNode).attr($H.settings.highlightElementIdAttribute); // remove self $CJ(this).remove(); // delete $H.highlight__deleteHighlight(_id); // callback if ($H.callbacks.highlightDeleted) { $H.callbacks.highlightDeleted(); } }); }; // add mouse handlers } // get clean html { // ================ $H.getCleanHTML = function (_rawHTML) { // html var _html = _rawHTML; // remove all spans -- spans hold deleted highlights, or useless helper elements _html = _html.replace(/]*?)>/gi, ''); _html = _html.replace(/<\/span>/gi, ''); // remove highlight-delete buttons var _highlight_delete_reg = new RegExp(']*?)'+$H.settings.highlightElementDeleteCSSClass+'([^>]*?)>', 'gi'); _html = _html.replace(_highlight_delete_reg, ''); // highlight element var _highlight_element_reg = new RegExp(']*?)'+$H.settings.highlightElementCSSClass+'([^>]*?)>([^>]+?)', 'gi'); _html = _html.replace(_highlight_element_reg, '$3'); // double EMs var _two_highlights_reg = new RegExp('([\\s\\S]*?)([ \\n\\r\\t]*?)([\\s\\S]*?)', 'gi'); while (true && _html.match(_two_highlights_reg)) { _html = _html.replace(_two_highlights_reg, '$1$3'); } // replace EMs var _highlight_reg = new RegExp('([\\s\\S]*?)', 'gi'); _html = _html.replace(_highlight_reg, $H.settings.highlightCleanHTMLElementStart+'$1'+$H.settings.highlightCleanHTMLElementEnd); return _html; }; // get clean html } // return self // =========== return $H; }</script><script defer="" type="text/javascript" charset="ANSI">/*! * ClearlyComponent__next * Evernote Clearly's next-page algorithm as an embeddable component. * Copyright 2013, Evernote Corporation * * Usage: * ====== * * The Next-pages Clearly-component works hand-in-hand with the clearly Detect Component. * So its init/usage pattern needs to come after the normal init/usage pattern for the Detect Component. * Like this: * * First "Detect": * ============= * * // define * window.ClearlyComponent__detect = { * 'callbacks': { * 'finished': someFunction(), * }, * 'window': window, * 'document': document, * 'jQuery': window.jQuery * }; * * // init -- will return false, if something goes wrong * window.ClearlyComponent__detect = initClearlyComponent__detect(window.ClearlyComponent__detect); * * Then "Next": * ============ * * // define * window.ClearlyComponent__next = { * 'callbacks': { * 'newPageFound': someFunction() * }, * * 'settings': { * 'onCreateNextPagesContainerUseThisId': 'string', * 'onCreateNextPagesContainerDoNotInsertCSS': true * }, * * 'detectComponentInstance': window.ClearlyComponent__detect * }; * * // init -- will return false, if something goes wrong * window.ClearlyComponent__next = initClearlyComponent__next(window.ClearlyComponent__next); * * // call -- returns nothing; callbacks will be used * window.ClearlyComponent__next.createNextPagesContainer() * window.ClearlyComponent__next.start(); * */ /* changes: ======== $R => $N, $D */ function initClearlyComponent__next(_paramInstance) { // global instance reference { // =========================== // null; return if (_paramInstance); else { return false; } // shorthand $N = _paramInstance; // global instance reference } // required vars { // =============== // the component instance object must already be created, // when the init function is called. it must have these vars set: switch (true) { case (!($N.detectComponentInstance)): case (!($N.callbacks)): case (!($N.callbacks.newPageFound)): // something's wrong return false; } // required vars } // missing settings { // ================== if ($N.settings); else { $N.settings = {}; } // names for stuff /* frames id */ if ($N.settings.onCreateNextPageFramesUseThisIdPrefix); else { $N.settings.onCreateNextPageFramesUseThisIdPrefix = 'clearly_next_page_frame__'; } /* container id */ if ($N.settings.onCreateNextPagesContainerUseThisId); else { $N.settings.onCreateNextPagesContainerUseThisId = 'clearly_next_pages_container'; } /* insert container css */ if ($N.settings.onCreateNextPagesContainerDoNotInsertCSS); else { $N.settings.onCreateNextPagesContainerDoNotInsertCSS = false; } /* frames attribute */ if ($N.settings.onLoadingNextPageFramesUseThisAttribute); else { $N.settings.onLoadingNextPageFramesUseThisAttribute = 'clearly_next_page_loaded'; } /* frames attribute value */ if ($N.settings.onLoadingNextPageFramesUseThisAttributeValue); else { $N.settings.onLoadingNextPageFramesUseThisAttributeValue = 'yes'; } // missing settings } // global vars { // ============= $D = $N.detectComponentInstance; $CJ = $D.jQuery; $N.pages = []; // global vars } // parse options { // ============= $N.parseOptions = { '_next_page_keywords': [ /* english */ 'next page', 'next', /* german */ 'vorwärts', 'weiter', /* japanese */ '次へ' ], '_next_page_keywords_not': [ /* english */ 'article', 'story', 'post', 'comment', 'section', 'chapter' ] }; // parse options } // create next pages container { // ============================= $N.createNextPagesContainer = function () { // default id // ========== _container_id = $N.settings.onCreateNextPagesContainerUseThisId; // container // ========= var _containerElement = $D.document.createElement('div'); _containerElement.setAttribute('id', _container_id); // css // === if ($N.settings.onCreateNextPagesContainerDoNotInsertCSS); else { var _cssElement = $D.document.createElement('style'), _cssText = '' + '#'+_container_id+' { ' + 'margin: 0; padding: 0; border: none; ' + 'position:absolute; ' + 'width: 10px; height: 10px; ' + 'top: -100px; left: -100px; ' + '} ' + '#'+_container_id+' iframe { ' + 'margin: 0; padding: 0; border: none; ' + 'position:absolute; ' + 'width: 10px; height: 10px; ' + 'top: -100px; left: -100px; ' + '} ' ; _cssElement.setAttribute('id', _container_id + '__css'); _cssElement.setAttribute('type', 'text/css'); if (_cssElement.styleSheet) { _cssElement.styleSheet.cssText = _cssText; } else { _cssElement.appendChild($D.document.createTextNode(_cssText)); } } // write // ===== var _body = $D.document.getElementsByTagName('body')[0]; /* css */ if (_cssElement) { _body.appendChild(_cssElement); } /* container */ _body.appendChild(_containerElement); // set // === $N.nextPages = _containerElement; $N.$nextPages = $CJ($N.nextPages); }; // create next pages container } // helpers { // ========= // substr starting with the first slash after // $N.getURLPath = function (_url) { return _url.substr(_url.indexOf('/', (_url.indexOf('//') + 2))); }; // substr until the first slash after // $N.getURLDomain = function (_url) { return _url.substr(0, _url.indexOf('/', (_url.indexOf('//') + 2))); }; // helpers } // load page { // =========== $N.nextPage__loadToFrame = function (_pageNr, _nextPageURL) { // do ajax // ======= $CJ.ajax ({ 'url' : _nextPageURL, 'type' : 'GET', 'dataType' : 'html', 'async' : true, 'timeout': (10 * 1000), //'headers': { 'Referrer': _nextPageURL }, 'success' : function (_response, _textStatus, _xhr) { $N.nextPage__ajaxComplete(_pageNr, _response, _textStatus, _xhr); }, 'error' : function (_xhr, _textStatus, _error) { $N.nextPage__ajaxError(_pageNr, _xhr, _textStatus, _error); } }); }; $N.nextPage__ajaxError = function (_pageNr, _xhr, _textStatus, _error) { }; $N.nextPage__ajaxComplete = function (_pageNr, _response, _textStatus, _xhr) { // valid? // ====== if (_response > ''); else { return; } // get html // ======== var _html = _response; // normalize // ========= _html = _html.replace(/<\s+/gi, '<'); _html = _html.replace(/\s+>/gi, '>'); _html = _html.replace(/\s+\/>/gi, '/>'); // remove // ====== _html = _html.replace(/<script[^>]*?>([\s\S]*?)<\/script>/gi, ''); _html = _html.replace(/<script[^>]*?\/>/gi, ''); _html = _html.replace(/ ' + '

' + '' + '' + '' + '' + '' + '' + '' ; _iframeElement.setAttribute('id', _frame_id); // css // === if ($R.settings.onCreateFrameDoNotInsertCSS); else { var _cssElement = $R.document.createElement('style'), _cssText = '' + '#'+_frame_id+' { ' + 'margin: 0; padding: 0; border: none; ' + 'position:absolute; ' + 'width: 10px; height: 10px; ' + 'top: -100px; left: -100px; ' + '} ' ; _cssElement.setAttribute('id', _frame_id + '__css'); _cssElement.setAttribute('type', 'text/css'); if (_cssElement.styleSheet) { _cssElement.styleSheet.cssText = _cssText; } else { _cssElement.appendChild($R.document.createTextNode(_cssText)); } } // write // ===== var _body = $R.document.getElementsByTagName('body')[0]; /* css */ if (_cssElement) { _body.appendChild(_cssElement); } /* frame */ _body.appendChild(_iframeElement); var _iframe = $R.document.getElementById(_frame_id); var _doc; _iframe.innerHTML = _iframeHTML; // callback & variables // ==================== var _check_interval = false; var _check = function () { // iframe var _iframe = $R.document.getElementById(_frame_id); if (_iframe); else { return; } // body var _body = $CJ(_iframe).find('#bodyContent')[0]; if (_body); else { return; } // clear interval $R.window.clearInterval(_check_interval); // global vars $R.iframe = _iframe; $R.$iframe = $CJ($R.iframe); $R.iframeDocument = _iframe; $R.$iframeDocument = $CJ($R.iframeDocument); $R.iframeWindow = _iframe; $R.$iframeWindow = $CJ($R.iframeWindow); $R.$iframeBox = $R.$iframeDocument.find('#box'); $R.$iframePages = $R.$iframeDocument.find('#pages'); $R.$iframeBackground = $R.$iframeDocument.find('#background'); $R.$iframeFootnotedLinks = $R.$iframeDocument.find('#footnotedLinks'); // callback if ($R.callbacks.frameCreated) { $R.callbacks.frameCreated(); } }; // set interval _check_interval = $R.window.setInterval(_check, 250); }; // create frame } // add page { // ========== $R.addNewPage = function (_pageHTML, _pageURL) { // update page count // ================= var _pageNr = $R.pagesCount + 1; $R.pagesCount++; // separator // ========= if (_pageNr > 1) { $R.$iframePages.append('' + ' ' + '' + '' ); } // append page // =========== $R.$iframePages.append('' + ' ' + '' ); // this new page // ============= // cache var _$page = $R.$iframeDocument.find('#page'+_pageNr); // links as footnotes _$page.find('a').each(function (_index, _element) { // check var _href = _element.href; if (_href > ''); else { return; } if (_href.indexOf); else { return; } if (_href.indexOf('#') > -1) { return; } // count var _nr = ++$R.footnotedLinksCount; // add $CJ(_element).append(' ^['+_nr+']'); $R.$iframeFootnotedLinks.append('

' + _key + '	' + _value + '
]*?>/gi, ''); _contents = _contents.replace(/<\/td>/gi, ''); } // for tables, clear empty rows if (_tag_name == 'table') { _contents = _contents.replace(/
]*?>/gi, ''); _contents = _contents.replace(/<\/td>/gi, ''); } // for tables, clear empty rows if (_tag_name == 'table') { _contents = _contents.replace(/

'+_href+''); }); }; // add page } // clear all pages { // ================= $R.clearAllPages = function () { // reset pages count $R.pagesCount = 0; // delete all pages $R.$iframePages.get(0).innerHTML = ''; // reset footnote count $R.footnotedLinksCount = 0; // delete all footnotes $R.$iframeFootnotedLinks.get(0).innerHTML = ''; }; // clear all pages } // return self // =========== return $R; }</script><script defer="" type="text/javascript" charset="ANSI">Evernote.ClearlyController = { _created : false, _visible : false, _logEnabled : false, _detectResult : null, logger : function(text) { if (!this._logEnabled) return; console.log('[Clearly] : ' + text); }, getSimplifiedArticle : function() { this.logger('getSimplifiedArticle()'); return Evernote.JQuery('#evernoteClearlyArticle #box #text').get(0); }, changeFrameClassTo : function(className) { this.clearlyFrame[0].className = ''; this.clearlyFrame.addClass(className); }, hide : function() { this.logger('hide()'); var self = this; if (this._created && this._visible) { this.clearlyBackground.stop(); this.changeFrameClassTo('processing'); this.clearlyBackground.animate({right:'100%'}, 500, null, function() { self.changeFrameClassTo('temphidden'); window.focus(); } ); this._visible = false; } }, show : function() { this.logger('show()'); var self = this; if (this._created && !this._visible) { this.clearlyBackground.stop(); this.changeFrameClassTo('processing'); this.clearlyBackground.animate({ right: "0px" }, 500, null, function() { self.changeFrameClassTo('visible'); window.focus(); } ); this._visible = true; } }, detectComponent : function(callback) { this.logger('detectComponent()'); window.ClearlyComponent__detect = { callbacks: { finished: function(data) { if (callback) callback(data); } }, window: window, document: document, jQuery: Evernote.JQuery }; window.ClearlyComponent__detect = initClearlyComponent__detect(window.ClearlyComponent__detect); window.ClearlyComponent__detect.start(); }, reformatComponent : function(callback){ this.logger('reformatComponent()'); window.ClearlyComponent__reformat = { callbacks: { frameCreated: function(data) { if (callback) callback(data); } }, settings: { cssPath: 'css/clearly', pageLabel: "page ", onCreateFrameUseThisId: "evernoteClearlyArticle", onCreateFrameDoNotInsertCSS: true }, window: window, document: document, jQuery: Evernote.JQuery }; window.ClearlyComponent__reformat = initClearlyComponent__reformat(window.ClearlyComponent__reformat); window.ClearlyComponent__reformat.createFrame(); }, getContentElementAndHTML : function (callback) { this.logger('getContentElementAndHTML()'); this.detectComponent(callback); }, getClearlyArticleText : function(callback) { this.logger('getClearlyArticleText()'); this.detectComponent(callback); }, assignClearlyArticleContent : function() { this.logger('showClearlyArticleContent()'); window.ClearlyComponent__reformat.$iframeBox.find('#text #pages')[0].innerHTML = this._detectResult; }, setContainersSize : function() { var maxHeight = Math.max(document.body.scrollHeight, this.clearlyFrame.scrollHeight); try { //old ie throws error this.clearlyFrame[0].style.height = maxHeight + "px"; } catch (e) { } }, startClearly : function() { this.logger('startClearly()'); var self = this; if (this._created) { self.show(); return; } function onDetectEnd(data) { self._detectResult = data._html.replace(/(id|class)="(.*?)"/ig,'cid="$2"'); self.assignClearlyArticleContent(); self.show(); } function onFrameCreated() { self.clearlyFrame = window.ClearlyComponent__reformat.$iframe; self.clearlyBackground = window.ClearlyComponent__reformat.$iframeBackground; self._created = true; self.setContainersSize(); self.detectComponent(onDetectEnd); } window.scrollTo(0,0); this.reformatComponent(onFrameCreated); }, isReady : function() { return this._created; }, isVisible : function() { return this._visible; }, highlight : function () { this.logger('highlight()'); var numTextHighlights; window.ClearlyComponent__highlight = { callbacks: { highlightAdded: function() { numTextHighlights++; }, highlightDeleted: function() { numTextHighlights--; } }, settings: { imgPath: "images/" }, window: window, document: document, jQuery: Evernote.JQuery }; window.ClearlyComponent__highlight = initClearlyComponent__highlight(window.ClearlyComponent__highlight); window.ClearlyComponent__highlight.insertCSS(); window.ClearlyComponent__highlight.addMouseHandlers(); window.ClearlyComponent__highlight.enable(); }, disableHighlight : function() { this.logger('disableHighlight()'); if (window.ClearlyComponent__highlight) { window.ClearlyComponent__highlight.disable(); } }, removeHighlighted : function() { this.logger('removeHighlighed()'); // Evernote.JQuery('.clearly_highlight_delete_element').click(); } };</script><script defer="" type="text/javascript" charset="ANSI">/** * SelectionFinder provides mechanism for finding selection on the page via * find(). It is able to traverse frames in order to find a selection. It will * report whether there's a selection via hasSelection(). After doing find(), * the selection is stored in the selection property, and the document property * will contain the document in which the selection was found. Find method will * only recurse documents if it was invoked as find(true), specifying to do * recursive search. You can use reset() to undo find(). */ Evernote.SelectionFinder = function SelectionFinder( doc ) { this._document = doc; }; Evernote.SelectionFinder.prototype._document = null; Evernote.SelectionFinder.prototype._selection = null; Evernote.SelectionFinder.prototype.hasSelection = function() { Evernote.Logger.debug( "SelectionFinder.hasSelection()" ); var range = Evernote.Utils.fixIERangeObject(this.getRange()); return range && (range.startContainer != range.endContainer || (range.startContainer == range.endContainer && range.startOffset != range.endOffset)); }; Evernote.SelectionFinder.prototype.find = function( deep ) { Evernote.Logger.debug( "SelectionFinder.find()" ); var result = this.findSelectionInDocument( this._document, deep ); this._document = result.document; this._selection = result.selection; }; Evernote.SelectionFinder.prototype.getRange = function() { Evernote.Logger.debug( "SelectionFinder.getRange()" ); if ( !this._selection || this._selection.rangeCount == 0 ) { return null; } if ( typeof this._selection.getRangeAt == 'function' ) { return this._selection.getRangeAt( 0 ); } if ( (window.Range && this._selection instanceof window.Range) || !this._selection.anchorNode ) { return this._selection; } var range = this._document.createRange(); range.setStart( this._selection.anchorNode, this._selection.anchorOffset ); range.setEnd( this._selection.focusNode, this._selection.focusOffset ); return range; }; Evernote.SelectionFinder.prototype.findSelectionInDocument = function( doc, deep ) { try { Evernote.Logger.debug( "SelectionFinder.findSelectionInDocument()" ); var sel = null; var hasSelection = false; var win = null; try { win = (doc.defaultView) ? doc.defaultView : window; } catch ( e ) { win = window; } if ( typeof win.getSelection == 'function' ) { sel = win.getSelection(); if ( sel && typeof sel.rangeCount != 'undefined' && sel.rangeCount > 0 ) { Evernote.Logger.debug("Found selection by win.getSelection()"); hasSelection = true; } } else if ( win.selection && typeof win.selection.createRange == 'function' ) { sel = win.selection.createRange(); if ( win.selection.type == 'Text' && typeof sel.htmlText == 'string' && sel.htmlText.length > 0 ) { Evernote.Logger.debug("Found selection by win.selection"); hasSelection = true; } } else if ( doc.selection && (typeof doc.selection.createRange == 'function' || typeof doc.selection.createRange == 'object') ) { sel = doc.selection.createRange(); if(doc.selection.type == "None") sel = undefined; if ( (doc.selection.type == 'Text') && (typeof sel.htmlText == 'string') && (sel.htmlText.length > 0) ) { Evernote.Logger.debug("Found selection by doc.selection"); hasSelection = true; } } if ( sel && !hasSelection && deep ) { var nestedDocs = Evernote.Utils.getNestedDocuments( doc ); for ( var i = 0; i < nestedDocs.length; ++i ) { if ( nestedDocs[ i ] ) { var framedSel = this.findSelectionInDocument( nestedDocs[ i ], deep ); if ( framedSel && framedSel.selection && framedSel.selection.rangeCount > 0 ) { return framedSel; } } } } //if do not find any selection in document, try to find selection in HTMLTextArea|Input. //Get Selection object for TextArea, and set selection as a Range object if(doc.activeElement) Evernote.Logger.debug( "Check selection in INPUT TEXT area (input, textarea), for active element :" + doc.activeElement.nodeName ); var activeEl = doc.activeElement && false; // disabled, because no need to search selections in this elements. if ( activeEl && ( (window.HTMLInputElement && (activeEl instanceof window.HTMLInputElement && activeEl.type == "text")) || ( window.HTMLTextAreaElement && (activeEl instanceof window.HTMLTextAreaElement)) ) ) { if ( activeEl.selectionStart != activeEl.selectionEnd ) { var range = doc.createRange(); var textNode = doc.createTextNode( activeEl.value ); range.setStart( textNode, activeEl.selectionStart ); range.setEnd( textNode, activeEl.selectionEnd ); sel = range; } } return { document : doc, selection : sel }; } catch(e) { Evernote.Logger.error("Failed to find selection on the page due to error " + e); //Do not throw exception here, it is better to not show error to user and allow to clip article or something else. } return { document: doc, selection: null } };</script><script defer="" type="text/javascript" charset="ANSI">Evernote.JSSerializer = { _selectionFinder : new Evernote.SelectionFinder(window.document), serializeAsync : function( element, fullPage, callback ) { try { var start = new Date().getTime(); var root = element || document.body.parentNode || document.body; var serializer = new Evernote.NodeSerializer( window, new Evernote.ClipFullStylingStrategy() ); var parser = new Evernote.DomParser( window, null ); var resultFunc = function() { var images = []; var imageUrls = serializer.getImagesUrls(); for(var i = 0; i < imageUrls.length; i++) { images.push(Evernote.Utils.makeAbsolutePath(serializer.getDocumentBase(), imageUrls[i]).replace(/\s/g, "%20")); } callback( { content : serializer.getSerializedDom(), imageUrls : images, docBase : serializer.getDocumentBase() }); }; parser.parseAsync( root, fullPage ? true: false, serializer, resultFunc); var end = new Date().getTime(); Evernote.Logger.debug( "Clip.clipFullPage(): clipped body in " + (end - start) + " milliseconds" ); } catch ( e ) { Evernote.Logger.error( "JSSerializer.serialize() failed: error = " + e ); throw e; } }, serialize : function( element, fullPage ) { try { var start = new Date().getTime(); var root = element || document.body.parentNode || document.body; var serializer = new Evernote.NodeSerializer( window, new Evernote.ClipFullStylingStrategy() ); var parser = new Evernote.DomParser( window, null ); parser.parse( root, fullPage ? true: false, serializer); var end = new Date().getTime(); Evernote.Logger.debug( "Clip.clipFullPage(): clipped body in " + (end - start) + " milliseconds" ); var images = []; var imageUrls = serializer.getImagesUrls(); for(var i = 0; i < imageUrls.length; i++) { images.push(Evernote.Utils.makeAbsolutePath(serializer.getDocumentBase(), imageUrls[i]).replace(/\s/g, "%20")); } return { content : serializer.getSerializedDom(), imageUrls : images, docBase : serializer.getDocumentBase() } } catch ( e ) { Evernote.Logger.error( "JSSerializer.serialize() failed: error = " + e ); throw e; } }, serializeSelectionAsync : function( range, callback ) { try { if( !range ) { if ( !this.hasSelection() ) { Evernote.Logger.warn( "JSSerializer.serializeSelection(): no selection to clip" ); callback(); return; } range = Evernote.Utils.fixIERangeObject(this._selectionFinder.getRange()); if ( !range ) { Evernote.Logger.warn( "JSSerializer.serializeSelection(): no range in selection" ); callback(); return; } } var start = new Date().getTime(); var ancestor = (this._styleStrategy && Evernote.Utils.Selection.getCommonAncestorContainer(range).nodeType == Evernote.Node.TEXT_NODE && Evernote.Utils.Selection.getCommonAncestorContainer(range).parentNode) ? Evernote.Utils.Selection.getCommonAncestorContainer(range).parentNode : Evernote.Utils.Selection.getCommonAncestorContainer(range); while ( typeof Evernote.ClipRules.NON_ANCESTOR_NODES[ ancestor.nodeName.toUpperCase() ] != 'undefined' && ancestor.parentNode ) { if ( ancestor.nodeName.toUpperCase() == "BODY" ) { break; } ancestor = ancestor.parentNode; } var serializer = new Evernote.NodeSerializer( window, new Evernote.ClipFullStylingStrategy(), null, true ); var parser = new Evernote.DomParser(window, Evernote.Utils.fixIERangeObject(range)); var resultFunc = function() { var images = []; var imageUrls = serializer.getImagesUrls(); for(var i = 0; i < imageUrls.length; i++) { images.push(Evernote.Utils.makeAbsolutePath(serializer.getDocumentBase(), imageUrls[i]).replace(/\s/g, "%20")); } callback( { content : serializer.getSerializedDom(), imageUrls : images, docBase : serializer.getDocumentBase() } ); }; parser.parseAsync( ancestor, false, serializer, resultFunc ); var end = new Date().getTime(); Evernote.Logger.debug( "JSSerializer.serializeSelection(): clipped selection in " + (end - start) + " milliseconds" ); } catch ( e ) { Evernote.Logger.error( "JSSerializer.serializeSelection() failed: error = " + e ); throw e; } }, serializeSelection : function( range ) { try { if( !range ) { if ( !this.hasSelection() ) { Evernote.Logger.warn( "JSSerializer.serializeSelection(): no selection to clip" ); return; } range = Evernote.Utils.fixIERangeObject(this._selectionFinder.getRange()); if ( !range ) { Evernote.Logger.warn( "JSSerializer.serializeSelection(): no range in selection" ); return; } } var start = new Date().getTime(); var ancestor = (this._styleStrategy && Evernote.Utils.Selection.getCommonAncestorContainer(range).nodeType == Evernote.Node.TEXT_NODE && Evernote.Utils.Selection.getCommonAncestorContainer(range).parentNode) ? Evernote.Utils.Selection.getCommonAncestorContainer(range).parentNode : Evernote.Utils.Selection.getCommonAncestorContainer(range); while ( typeof Evernote.ClipRules.NON_ANCESTOR_NODES[ ancestor.nodeName.toUpperCase() ] != 'undefined' && ancestor.parentNode ) { if ( ancestor.nodeName.toUpperCase() == "BODY" ) { break; } ancestor = ancestor.parentNode; } var serializer = new Evernote.NodeSerializer( window, new Evernote.ClipFullStylingStrategy() ); var parser = new Evernote.DomParser(window, Evernote.Utils.fixIERangeObject(range)); parser.parse( ancestor, false, serializer ); var end = new Date().getTime(); Evernote.Logger.debug( "JSSerializer.serializeSelection(): clipped selection in " + (end - start) + " milliseconds" ); var images = []; var imageUrls = serializer.getImagesUrls(); for(var i = 0; i < imageUrls.length; i++) { images.push(Evernote.Utils.makeAbsolutePath(serializer.getDocumentBase(), imageUrls[i]).replace(/\s/g, "%20")); } return { content : serializer.getSerializedDom(), imageUrls : images, docBase : serializer.getDocumentBase() } } catch ( e ) { Evernote.Logger.error( "JSSerializer.serializeSelection() failed: error = " + e ); throw e; } }, hasSelection : function() { Evernote.Logger.debug( "Clip.hasSelection()" ); if ( this._selectionFinder.hasSelection() ) { return true; } else { this._selectionFinder.find( true ); return this._selectionFinder.hasSelection(); } } };</script><script defer="" type="text/javascript" charset="ANSI">/** * Represents JQuery loader that allow to have two versions of JQuery loaded on the same page * @type {Object} */ Evernote.JQueryLoader = { /** * Initializes jquery instance on global Evernote context */ initJQuery : function() { if (!Evernote.JQuery) { Evernote.JQuery = $.noConflict(true); } } }; (function () { if (!Evernote.JQuery) { Evernote.JQuery = $.noConflict(true); } }());</script><script defer="" type="text/javascript" charset="ANSI">Evernote.ClipNotificator = function ClipNotificator() { }; // TODO: clip notificator is obsolete now. Remove it. Evernote.ClipNotificator.WAIT_CONTAINER_ID = "evernoteContentClipperWait"; Evernote.ClipNotificator.SHOW_WAIT_MIN_TIME = 2000; Evernote.ClipNotificator.prototype.showCopyNotification = function( doc, options, useAutoHide ) { Evernote.evernotePostClipPopup.fillOutPopup(options.title, options.notebookName); Evernote.evernotePostClipPopup.show(); try { var wait = this.getWaitContainer( doc, Evernote.Addin.getLocalizedMessage(Evernote.Messages.CLIPPING) ); wait.style.display = "none"; this.centerBox(wait); if ( doc.body ) { doc.body.appendChild( wait ); } if (useAutoHide) { var self = this; var timeout = this.constructor.SHOW_WAIT_MIN_TIME; setTimeout( function() { self.clearWait( doc ); }, timeout ); } } catch ( e ) { Evernote.Logger.error( "ClipNotificator.showCopyNotification() failed: error = " + e ); } }; Evernote.ClipNotificator.prototype.centerBox = function( container ) { // TODO: for what? It can be done with css. var topPosition = ((document.documentElement.scrollTop || document.body.scrollTop) + ((((document.documentElement.clientHeight || document.body.clientHeight) + (!container.offsetHeight && 0)) / 2) >> 0)); var leftPosition = (((document.documentElement.clientWidth || document.body.clientWidth) / 2) - (container.offsetWidth / 2)); container.style.position = "absolute"; container.style.top = (topPosition-20) + "px"; container.style.left = (leftPosition - 90) + "px"; }; Evernote.ClipNotificator.prototype.getWaitContainer = function( doc, msg ) { Evernote.Logger.debug( "ClipNotificator.getWaitContainer()" ); var container = doc.getElementById( this.constructor.WAIT_CONTAINER_ID ); if ( !container ) { container = doc.createElement( "evernotediv" ); if(Evernote.Utils.isQuirkMode()) { container.className = "quirk-mode-container"; } container.id = this.constructor.WAIT_CONTAINER_ID; var wait = doc.createElement( "div" ); wait.id = this.constructor.WAIT_CONTAINER_ID + "Content"; if(Evernote.BrowserDetection.isLessThanIE9()) { wait.className = "content-less-than-nine-container"; } container.appendChild( wait ); var center = doc.createElement( "center" ); wait.appendChild( center ); var spinner = doc.createElement( "div" ); spinner.id = "evernote-spinner-container"; center.appendChild( spinner ); var text = doc.createElement( "span" ); text.id = this.constructor.WAIT_CONTAINER_ID + "Text"; center.appendChild( text ); container._waitMsgBlock = text; container._waitMsgBlock.appendChild( doc.createTextNode( msg ) ); } return container; }; Evernote.ClipNotificator.prototype.clearWait = function( doc, immediately ) { Evernote.Logger.debug( "ClipNotificator.clearWait()" ); var wait = doc.getElementById( Evernote.ClipNotificator.WAIT_CONTAINER_ID ); if ( wait ) { wait.style.opacity = "0"; if (immediately) { wait.parentNode.removeChild( wait ); } else { setTimeout( function() { if ( wait.parentNode ) { wait.parentNode.removeChild( wait ); } }, 300 ); } } };</script><script defer="" type="text/javascript" charset="ANSI">/** * Represents clipper object that is capable of clipping elements from pages or clip elements based on preferences. */ Evernote.Clipper = { _serializer : Evernote.JSSerializer, _clipNotifier : new Evernote.ClipNotificator(), _defaultOptions : { title: PageContext.title, tags: [], comments: "", notebookUid: -1, notebookName : "" }, /** * Clips article element (one that user selected or default if no selection was made). */ clipArticle : function(options, clearly) { var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document, currentOptions); var self = this; setTimeout(function() { var article if ( clearly ) { article = Evernote.ClearlyController.getSimplifiedArticle(); } else { article = Evernote.contentPreviewer.getArticleElement(); } if(!article) { article = Evernote.pageInfo.getDefaultArticle(function(article) {}); } var resultFunc = function(serializedDom) { self._clipNotifier.clearWait(document); Evernote.Addin.clipNote(currentOptions.comments + serializedDom.content, currentOptions, PageContext.url, serializedDom.imageUrls, true, document); Evernote.ClearlyController.hide(); }; self._serializer.serializeAsync(article, false, resultFunc); }, 100); }, initOptions: function(options) { if(!options) options = this._defaultOptions; options = Evernote.JQuery.extend({}, this._defaultOptions, options); if(!options.title || Evernote.JQuery.trim(options.title).length == 0) options.title = Evernote.Addin.getLocalizedMessage(Evernote.Messages.UNTITLED_NOTE); options.title = Evernote.JQuery.trim(Evernote.Utils.cutToLength(options.title, 255, " ")); /* get notebook name */ var notebookUid = options.notebookUid || 0; var notebook = Evernote.NotebooksLoader.getNotebookByUid(notebookUid); if(!notebook) { options.notebookName = Evernote.Addin.getLocalizedMessage(Evernote.Messages.DEFAULT_NOTEBOOK); } else { options.notebookName = notebook.name; } return options; }, /** * Clips full page. */ clipFullPage : function(options) { Evernote.Logger.debug("Clipper: clipFullPage"); var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document , currentOptions); var self = this; setTimeout(function() { Evernote.Logger.debug("Start clipping of full page"); var resultFunc = function(serializedDom) { self._clipNotifier.clearWait(document); Evernote.Logger.debug("Image urls " + JSON.stringify(serializedDom.imageUrls)); Evernote.Logger.debug("Send clip to EN"); Evernote.Addin.clipNote(currentOptions.comments + serializedDom.content, currentOptions, PageContext.url, serializedDom.imageUrls, true, document); }; self._serializer.serializeAsync(null, true, resultFunc); }, 100); }, /** * Clips url with favicon (if favicon is recognized) */ clipUrl : function(options) { var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document, currentOptions, true); var self = this; setTimeout(function() { var snippet = Evernote.contentPreviewer.getSnippetText(); if (snippet) { snippet = snippet.replace(/(<([^>]+)>)/ig,""); var content = Evernote.GlobalUtils.createUrlClipContent(PageContext.title, PageContext.url, PageContext.getFavIconUrl(), snippet); Evernote.Addin.clipNote(currentOptions.comments + content, currentOptions, PageContext.url, PageContext.getFavIconUrl(), true, document); }else { self._clipNotifier.clearWait(document, true); Evernote.ClearlyController.getClearlyArticleText( function (data) { snippet = data._html.replace(/(<([^>]+)>)/ig,""); var content = Evernote.GlobalUtils.createUrlClipContent(PageContext.title, PageContext.url, PageContext.getFavIconUrl(), snippet); Evernote.Addin.clipNote(currentOptions.comments + content, currentOptions, PageContext.url, PageContext.getFavIconUrl(), true, document); }); } }, 100); }, /** * Clips selection from the page. */ clipSelection : function( range, options ) { var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document , currentOptions); var self = this; setTimeout(function() { var resultFunc = function(serializedDom) { self._clipNotifier.clearWait(document); if(serializedDom) { Evernote.Addin.clipNote(currentOptions.comments + serializedDom.content, currentOptions, PageContext.url, serializedDom.imageUrls, true, document); } }; self._serializer.serializeSelectionAsync( range, resultFunc ); }, 100); }, /** * Clips image from the page. */ clipImage : function(options ) { if (!options.imageElement) { Evernote.Logger.debug("clipImage Empty element"); return; } var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document , currentOptions); var self = this; var clojureBug = Evernote.BrowserDetection.isIE7(); var CUSTOM_ID = 'evn-image-for-clip'; if (clojureBug) { // add attr to find this element later Evernote.JQuery(document).find(options.imageElement).attr( CUSTOM_ID ,'true'); } setTimeout(function() { var elementToSerialize = options.imageElement; if (clojureBug) { var elem = Evernote.JQuery('*['+ CUSTOM_ID +']'); elementToSerialize = Evernote.JQuery('*['+ CUSTOM_ID +']')[0]; elem.removeAttr(CUSTOM_ID); } Evernote.Logger.debug("Start clipping of image"); var resultFunc = function(serializedDom) { self._clipNotifier.clearWait(document); Evernote.Logger.debug("Image urls " + JSON.stringify(serializedDom.imageUrls)); Evernote.Logger.debug("Send clip to EN"); Evernote.Addin.clipNote(currentOptions.comments + serializedDom.content, currentOptions, PageContext.url, serializedDom.imageUrls, true, document); }; self._serializer.serializeAsync(elementToSerialize, false, resultFunc); }, 100); }, /** * Clips part of the page, defined in option (url, article or full page) or selection if presented. */ clipWithOptions : function(clipOptions) { function getNotebook() { return {uid : -1}; } var notebookToClipTo = getNotebook(); var alwaysTags = []; if (notebookToClipTo.type != Evernote.NotebookTypes.LINKED && Evernote.Options.tags.alwaysEnable == true) { alwaysTags = Evernote.Options.tags.alwaysData.split(','); } var options = { notebookUid: notebookToClipTo.uid, imageElement: EvernoteExternal.imageElement, tags: alwaysTags }; if(clipOptions.getClipAction() == Evernote.ClipperActions.CLIP_SELECTION && Evernote.Utils.hasSelection(window)) { Evernote.Clipper.clipSelection(null, options); } else if(clipOptions.getClipAction() == Evernote.ClipperActions.CLIP_URL) { Evernote.Clipper.clipUrl(options); } else if(clipOptions.getClipAction() == Evernote.ClipperActions.CLIP_FULL_PAGE) { Evernote.Clipper.clipFullPage(options); } else if(clipOptions.getClipAction() == Evernote.ClipperActions.CLIP_IMAGE) { Evernote.Clipper.clipImage(options); } else { Evernote.Logger.warn("Unknown option is specified : " + clipOptions.getClipAction()); } }, clipBase64Image : function(options, base64Image) { var self = this; var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document , currentOptions); Evernote.Addin.clipImageAsync(options, function(result) { EvernoteGlobalReceiver(result); }, PageContext.url, base64Image); } };</script><script defer="" type="text/javascript" charset="ANSI">Evernote.ClipOptions = function ClipOptions(data) { this.clipAction = data.clipAction; }; Evernote.ClipOptions.prototype.getClipAction = function() { return this.clipAction; };</script><script defer="" type="text/javascript" charset="ANSI">function ContentVeil() { var veil = document.createElement("div"); veil.id = "evernoteContentVeil"; var inner = document.createElement("div"); inner.id = "evernoteInnerBox"; var pageCounter = document.createElement("div"); pageCounter.id = "evernotePageCounter"; veil.appendChild(pageCounter); veil.appendChild(inner); var pageHeight = document.body.scrollHeight; // used for infinite scroll handling /* IE10 doesn't support pointer-events:none; So we had to replace existing veil with new one, combined of 8 divs. Four of them has border to outline content, and four divs in corners has white filling only. There is no any element in center, over the content, so nothing will catch mouse events. It helps other functions, especially html highlighter, works as expected. veil structure: veilNW | veilTop | veilNE veilLeft | | veilRight veilSW | veilBottom | veilSE */ var veilTop = document.createElement("div"); veilTop.id = "evernoteContentVeilTop"; var veilLeft = document.createElement("div"); veilLeft.id = "evernoteContentVeilLeft"; var veilRight = document.createElement("div"); veilRight.id = "evernoteContentVeilRight"; var veilBottom = document.createElement("div"); veilBottom.id = "evernoteContentVeilBottom"; var veilNW = document.createElement("div"); veilNW.id = "evernoteContentVeilNW"; var veilNE = document.createElement("div"); veilNE.id = "evernoteContentVeilNE"; var veilSE = document.createElement("div"); veilSE.id = "evernoteContentVeilSE"; var veilSW = document.createElement("div"); veilSW.id = "evernoteContentVeilSW"; var veilAll = Evernote.JQuery([veilTop,veilBottom,veilLeft,veilRight]); var veilCorners = Evernote.JQuery([veilNW,veilNE,veilSE,veilSW]); veilAll.addClass('EvConVeil'); veilCorners.addClass('EvConVeilCorn'); function fireClickUnderVeil(evt) { var veil = Evernote.JQuery(this); veil.hide(); var bottomElement = document.elementFromPoint(evt.clientX, evt.clientY); veil.show(); bottomElement.click(); } // make veil imperceptible for mouse clicks. veilAll.click(fireClickUnderVeil); veilCorners.click(fireClickUnderVeil); var tooltipTimeout; var topExpandContract; var bottomExpandContract; for (var i = 0; i < 2; i++) { var expand = document.createElement("div"); var contract = document.createElement("div"); expand.className = "evernoteArticleExpand"; contract.className = "evernoteArticleContract"; expand.setAttribute('tooltip', Evernote.Addin.getLocalizedMessage(Evernote.Messages.EXPAND)); expand.setAttribute('unselectable', 'on'); contract.setAttribute('tooltip',Evernote.Addin.getLocalizedMessage(Evernote.Messages.CONTRACT)); contract.setAttribute('unselectable','on'); expand.addEventListener("mousemove", nudgeMousemoveHandler); expand.addEventListener("mouseout", nudgeMouseoutHandler); contract.addEventListener("mousemove", nudgeMousemoveHandler); contract.addEventListener("mouseout", nudgeMouseoutHandler); expand.addEventListener("click", function() { Evernote.contentPreviewer.previewNudge('up'); }); contract.addEventListener("click", function() { Evernote.contentPreviewer.previewNudge('down'); }); if (i == 0) { topExpandContract = document.createElement("div"); topExpandContract.className = "evernoteExpandContract evernoteUsingExpandContract"; topExpandContract.appendChild(expand); topExpandContract.appendChild(contract); veilTop.appendChild(topExpandContract); } else { bottomExpandContract = document.createElement("div"); bottomExpandContract.id = "bottomExpandContract"; bottomExpandContract.className = "evernoteExpandContract"; bottomExpandContract.appendChild(expand); bottomExpandContract.appendChild(contract); veilBottom.appendChild(bottomExpandContract); } } function nudgeMousemoveHandler(evt) { clearTimeout(tooltipTimeout); tooltipTimeout = setTimeout(function() { evt.srcElement.className += " tooltipon"; }, 250); } function nudgeMouseoutHandler() { clearTimeout(tooltipTimeout); this.className = this.className.replace(/\s*tooltipon/g, ""); } // We keep a record of what we're currently showing (at least in some cases) so that we can update it in case the // state of the page changes (like if the user scrolls). var currentlyShownRect = null; var currentlyShownElt = null; var currentRectOffsetTop = 0; var currentRectOffsetLeft = 0; var currentlyStatic = false; var currentlyShadowBox = false; function reset(doNotResetPageCount) { currentlyShownRect = null; currentlyShownElt = null; currentRectOffsetTop = 0; currentRectOffsetLeft = 0; currentlyShadowBox = false; inner.className = inner.className.replace(/\s*evernoteShadowBox/g, ""); veil.className = inner.className.replace(/\s*evernoteShadowBox/g, ""); veilAll.removeClass('evernoteShadowBoxActi'); if (!doNotResetPageCount) { setPageCount(); } topExpandContract.className = topExpandContract.className.replace(/\s*evernoteUsingExpandContract/g, ""); bottomExpandContract.className = bottomExpandContract.className.replace(/s*evernoteUsingExpandContract/g, ""); showElements("embed"); showElements("object"); showElements("iframe"); blank(); } function blank() { veil.style.height = document.body.scrollHeight - 6 + "px"; veil.style.width = document.body.scrollWidth - 6 + "px"; veil.style.borderWidth = "0"; } function gray() { show(); inner.style.display = "none"; veil.style.backgroundColor = "rgba(255, 255, 255, 0.75)"; veilAll.each(function(){this.style.borderWidth = "0";}); veilAll.addClass('evernoteGrayFillingActi'); revealRectNew({ top:0, bottom:getPageHeight(), left:0, right:0, width:document.body.scrollWidth, height:getPageHeight() }); } function show() { inner.style.display = ""; veil.style.backgroundColor = ""; veilAll.each(function(){this.style.borderWidth = ""}); veilAll.removeClass('evernoteGrayFillingActi'); if (!Evernote.ElementExtension.hasParentNode(veil)) { document.body.appendChild(veil); veilAll.each(function(){document.body.appendChild(this)}); veilCorners.each(function(){document.body.appendChild(this)}); } } function hide() { if (Evernote.ElementExtension.hasParentNode(veil)) { veilAll.each(function(){this.parentNode.removeChild(this)}); veilCorners.each(function(){this.parentNode.removeChild(this)}); veil.parentNode.removeChild(veil); } } function isHidden() { if (Evernote.ElementExtension.hasParentNode(veil)) { return false; } return true; } // Makes a rectangle bigger in all directions by the number of pixels specified (or smaller, if 'amount' is // negative). Returns the new rectangle. function expandRect(rect, amount) { return { top: (rect.top - amount), left: (rect.left - amount), bottom: (rect.bottom + amount), right: (rect.right + amount), width: (rect.width + (2 * amount)), height: (rect.height + (2 * amount)) }; } function getPageHeight() { var h = Math.abs(window.innerHeight - document.body.scrollHeight) < 15 ? document.body.scrollHeight : Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); var wh = window.innerHeight; if ((wh - h) > 15) return wh; return h; } function revealRect(rect, elt, staticView, shadowBox) { // Save this info. currentlyShownRect = rect; currentlyShownElt = elt; currentRectOffsetTop = Evernote.Utils.scrollTop(); currentRectOffsetLeft = Evernote.Utils.scrollLeft(); currentlyStatic = staticView; currentlyShadowBox = shadowBox; // We expand the rectangle for two reasons. // 1) we want to expand it by the width of the stroke, so that when we draw out outline, it doesn't overlap our // content. // 2) We want to leave a little extra room around the content for aesthetic reasons. rect = expandRect(rect, 8); var x = rect.left; var y = rect.top; var width = rect.width; var height = rect.height; var veilWidth = veil.style.width.replace("px", ""); var veilHeight = veil.style.height.replace("px", ""); inner.className = inner.className.replace(/\s*evernoteShadowBox/g, ""); veil.className = inner.className.replace(/\s*evernoteShadowBox/g, ""); veilAll.removeClass('evernoteShadowBoxActi'); if (shadowBox) { veilAll.addClass('evernoteShadowBoxActi'); inner.className += " evernoteShadowBox"; veil.className += " evernoteShadowBox"; } inner.style.display = "block"; veil.style.borderLeftWidth = Math.max(x, 0) + "px"; veil.style.borderTopWidth = Math.max(y, 0) + "px"; veil.style.borderRightWidth = Math.max((veilWidth - x - width), 0) + "px"; veil.style.borderBottomWidth = Math.max((veilHeight - y - height), 0) + "px"; /*oh my gosh*/ var rectNew = { top:Math.max(y, 0), left:Math.max(x, 0), bottom:Math.max((veilHeight - y - height),0), right:Math.max((veilWidth - x - width),0), width:document.body.scrollWidth, height:getPageHeight() }; if (!shadowBox) { rectNew.width = rectNew.width - 4; rectNew.height = rectNew.height - 4; } else { rectNew.width = rectNew.width - 6; rectNew.height = rectNew.height - 6; } /* // debug part. function toFix(rect) { for (var prop in rect) { rect[prop] = rect[prop].toFixed(0); } return rect; } console.log('old ' + JSON.stringify(toFix(rect))); console.log('new ' + JSON.stringify(toFix(rectNew))); */ revealRectNew(rectNew); } function revealRectNew(rect) { veilLeft.style.height = rect.height - rect.bottom - rect.top + 2 + 'px'; veilLeft.style.width = rect.left + 'px'; veilLeft.style.top = rect.top -1 + 'px'; veilRight.style.height = rect.height - rect.bottom - rect.top + 2 + 'px'; veilRight.style.width = rect.right + 'px'; veilRight.style.top = rect.top - 1 + 'px'; veilRight.style.left = rect.width - rect.right + 'px'; veilTop.style.height = rect.top + 'px'; veilTop.style.left = rect.left + 'px'; veilTop.style.right = rect.right + 'px'; veilTop.style.width = rect.width - rect.right - rect.left + 'px'; veilBottom.style.height = rect.bottom + 'px'; veilBottom.style.width = rect.width - rect.right - rect.left + 'px'; veilBottom.style.left = rect.left + 'px'; veilBottom.style.right = rect.right + 'px'; veilBottom.style.top = rect.height - rect.bottom + 'px'; veilNW.style.height = Math.max(rect.top - 1, 0) + 'px'; veilNW.style.width = rect.left + 'px'; veilNE.style.height = Math.max(rect.top - 1, 0) + 'px'; veilNE.style.width = rect.right + 'px'; veilNE.style.left = rect.width - rect.right + 'px'; veilSW.style.height = Math.max(rect.bottom - 1, 0) + 'px'; veilSW.style.top = rect.height - rect.bottom + 1 + 'px'; veilSW.style.width = rect.left + 'px'; veilSE.style.height = Math.max(rect.bottom - 1, 0) + 'px'; veilSE.style.top = rect.height - rect.bottom + 1 + 'px'; veilSE.style.left = rect.width - rect.right + 'px'; veilSE.style.width = rect.right + 'px'; } function revealStaticRect(rect, elt, shadowBox) { revealRect(rect, elt, true, shadowBox); } function outlineElement(element, scrollTo, shadowBox, articleAdjustment) { // See notes in Preview.js for why we use this method instead of just calling element.getBoundingClientRect(). var rect = Evernote.contentPreviewer.computeDescendantBoundingBox(element); if (rect) { reset(articleAdjustment); revealRect(rect, element, true, shadowBox); if (scrollTo) { element.scrollIntoView(); } hideElements("embed", element); hideElements("object", element); hideElements("iframe", element); topExpandContract.className += " evernoteUsingExpandContract"; if (rect.height - 30 > window.innerHeight) { bottomExpandContract.className += " evernoteUsingExpandContract"; } else { bottomExpandContract.className = bottomExpandContract.className.replace(/\s*evernoteUsingExpandContract/g, ""); } show(); } else { Evernote.Logger.warn("Couldn't create rectangle from element: " + element.toString()); } } function hideAllActiveObjects() { hideElements("embed"); hideElements("object"); hideElements("iframe"); } function hideElements (tagName, exceptInElement) { var els = document.getElementsByTagName(tagName); for (var i = 0; i < els.length; i++) { els[i].enSavedVisibility = els[i].style.visibility; els[i].style.visibility = "hidden"; } showElements(tagName, exceptInElement); } function showElements (tagName, inElement) { if (!inElement) { inElement = document; } var els = inElement.getElementsByTagName(tagName); for (var i = 0; i < els.length; i++) { if (typeof els[i].enSavedVisibility !== "undefined") { els[i].style.visibility = els[i].enSavedVisibility; try { delete els[i].enSavedVisibility; } catch(e) { els[i].enSavedVisibility = undefined; } } } } function getElement() { return veil; } function setPageCount(count) { if (!count) { pageCounter.innerText = ""; } else if (count == 1) { //TODO: test l10n pageCounter.innerText = "oneMorePageFound"; } else { //TODO:test l10n pageCounter.innerText = "morePagesFound" + count; } pageCounter.scrollIntoView(true); } var onScrollHandle = function(e) { if (currentlyShownRect && !currentlyStatic) { var rect = { top: currentlyShownRect.top, bottom: currentlyShownRect.bottom, left: currentlyShownRect.left, right: currentlyShownRect.right, width: currentlyShownRect.width, height: currentlyShownRect.height }; var vert = Evernote.Utils.scrollTop() - currentRectOffsetTop; var horiz = Evernote.Utils.scrollLeft() - currentRectOffsetLeft; if (!vert && !horiz) { return; } rect.top -= vert; rect.bottom -= vert; rect.left -= horiz; rect.right -= horiz; blank(); revealRect(rect, currentlyShownElt); } if (pageHeight < document.body.scrollHeight - 30) { pageHeight = document.body.scrollHeight; onResizeHandle(); } }; var onResizeHandle = function(e) { if (currentlyShownElt) { var rect = Evernote.contentPreviewer.computeDescendantBoundingBox(currentlyShownElt); if (rect) { blank(); if (currentlyShadowBox) { revealRect(rect, currentlyShownElt, true, true); } else { revealRect(rect, currentlyShownElt, true, false); } } } // todo: switch gray filling to position:fixed. if (veilAll.hasClass('evernoteGrayFillingActi')) { gray(); } }; window.addEventListener("resize", onResizeHandle); window.addEventListener("scroll", onScrollHandle, false); // Public API: this.reset = reset; this.show = show; this.gray = gray; this.hide = hide; this.revealRect = revealRect; this.revealStaticRect = revealStaticRect; this.outlineElement = outlineElement; this.expandRect = expandRect; this.hideAllActiveObjects = hideAllActiveObjects; }</script><script defer="" type="text/javascript" charset="ANSI">/** * Created by chizhikov on 11.04.14. */ function ScreenshotVeil() { var areaEl = document.createElement('div'); areaEl.id = 'evernoteScreenShotArea'; var startX, startY = 0; var global_tools = Evernote.JQuery('#' + Constants.CLIP_DIALOG_ID); var area = Evernote.JQuery(areaEl); var selecting = false; var startVertLine = document.createElement('div'); var startHorizLine = document.createElement('div'); startVertLine.className = 'screenAreaStartVertLine'; startHorizLine.className = 'screenAreaStartHorizLine'; var borderDiv = document.createElement('div'); borderDiv.id = 'screenAreaSelected'; areaEl.appendChild(startVertLine); areaEl.appendChild(startHorizLine); areaEl.appendChild(borderDiv); function sendMessageToPopup( msg ){ // send message to global tools var zoomModifier = screen.deviceXDPI / screen.logicalXDPI; with (borderDiv.style) { var topX = pixelLeft * zoomModifier; var topY = pixelTop * zoomModifier; var bottomX = (area.width() - pixelRight) * zoomModifier; var bottomY = (area.height() - pixelBottom) * zoomModifier; } // If any side of the rectangle that user is drawing is smaller than 16px then we interpret it as a // single click and should make a fullscreen capture. var rectWidth = Math.abs(topX - bottomX); var rectHeight = Math.abs(topY - bottomY); if (rectWidth < 16 || rectHeight < 16) { topX = 0; topY = 0; bottomX = area.width(); bottomY = area.height(); } global_tools.trigger(msg ,[topX,topY , bottomX, bottomY]); } function drawLines(e) { startVertLine.style.pixelLeft = e.clientX; startHorizLine.style.pixelTop = e.clientY; if (selecting) { drawRect(startX, startY, e.clientX, e.clientY); // TODO: prevent selection } } function drawRect( startX, startY, mouseX, mouseY) { var topX, topY, bottomX, bottomY; topX = Math.min(startX, mouseX); topY = Math.min(startY, mouseY); bottomX = Math.max(startX, mouseX); bottomY = Math.max(startY, mouseY); borderDiv.style.pixelTop = topY; borderDiv.style.pixelLeft = topX; borderDiv.style.pixelRight = area.width() - bottomX - 1; borderDiv.style.pixelBottom = area.height() - bottomY -1; } function clearSelectedAreaPosition() { borderDiv.style.pixelRight = ''; borderDiv.style.pixelBottom = ''; borderDiv.style.pixelTop = ''; borderDiv.style.pixelLeft = ''; selecting = false; } function startSelectArea(e) { if (e.button != 0) return; if (Evernote.JQuery(e.target).closest('#' + Constants.CLIP_DIALOG_NEW_ID).length == 0) { selecting = true; startX = e.clientX; startY = e.clientY; } e.preventDefault(); } function selectionEnd(e) { if (!selecting) return; if (Evernote.JQuery(e.target).closest('#cancelButton').length == 0 && Evernote.JQuery(e.target).closest('#closeSidebar').length == 0 ) { sendMessageToPopup('readyToScreenshot'); } else { sendMessageToPopup('cancelScreenshot'); } hide(); clearSelectedAreaPosition(); } function disableContextMenu(e) { e.preventDefault(); return false; } function show() { document.addEventListener('mousemove', drawLines); document.addEventListener('mousedown', startSelectArea); document.addEventListener('mouseup', selectionEnd); document.addEventListener('contextmenu', disableContextMenu); // TODO: remove scroll from page area.addClass('visible'); Evernote.JQuery('body').css('overflow','hidden'); } function hide() { area.removeClass('visible'); clearSelectedAreaPosition(); document.removeEventListener('mousemove', drawLines); document.removeEventListener('mousedown', startSelectArea); document.removeEventListener('mouseup', selectionEnd); document.removeEventListener('contextmenu', disableContextMenu); Evernote.JQuery('body').css('overflow','visible'); } document.body.appendChild(areaEl); this.show = show; this.hide = hide; }</script><script defer="" type="text/javascript" charset="ANSI">function PageInfo() { var newPageCallback; // This is a map of hostnames (for hostnames that begin with 'www.', the 'www.' will be stripped off first, so don't // include it in your lookup string) to CSS selectors. When we try and locate an article in a page, we'll see if we // can find the doamin for the page in this list, and if so, we'll try and find an element that matches the given // selector. If no element is returned, we'll fall back to the heuristic approach. var specialCases = { "penny-arcade.com": "div.contentArea > div.comic > img", "aspicyperspective.com": "div.entry-content", "thewirecutter.com": "div#content", "katespade.com": "div#pdpMain", "threadless.com": "section.product_section", "yelp.com": "div#bizBox", "flickr.com": "div#photo", "instagr.am": "div.stage > div.stage-inner", "stackoverflow.com": "div#mainbar", "makeprojects.com": "div#guideMain", "cookpad.com": "div#main", "imgur.com": "div.image", "smittenkitchen.com": "div.entry", "allrecipes.com": "div#content-wrapper", "qwantz.com": "img.comic", "questionablecontent.net": "img#strip", "cad-comic.com": "div#content" } var useFoundImage = [ "xkcd.com" ] // These are the items we're trying to collect. This first block is trivial. var containsImages = Boolean(document.getElementsByTagName("img").length > 0); var documentWidth = document.width; var documentHeight = document.height; var documentMode = document.documentMode; var url = document.location.href; // Very slow and useless assignment, takes more than a second. Temporary commented for speed up [actimind] // var documentLength = document.body.textContent ? document.body.textContent.length : 0; // These take slightly more work and are initialized only when requested. var article = null; var cleanArticles = []; var articleBoundingClientRect = null; var selection = false; // This is easy to get, but is always "false" at load time until the user selects something. var selectionIsInFrame = false; var documentIsFrameset = false; var selectionFrameElement = null; var recommendationText = null; // Internal state variables to keep us duplicating work. var hasCheckedArticle = false; // Experimental recognition of 'image' pages (like photo sites and comics). function findImage() { var imgs = document.getElementsByTagName("img"); var biggest = null; var biggestArea = 0; for (var i = 0; i < imgs.length; i++) { var style = Evernote.ElementExtension.getComputedStyle(imgs[i]); var width = style.width.replace(/[^0-9.-]/g, ""); var height = style.height.replace(/[^0-9.-]/g, ""); var area = width * height; if (!biggest || area > biggestArea) { biggest = imgs[i]; biggestArea = area; } } return biggest; } function getAncestors(node) { var an = []; while (node) { an.unshift(node); node = node.parentNode; } return an; } function getDeepestCommonNode(nodeList1, nodeList2) { var current = null; for (var i = 0; i < nodeList1.length; i++) { if (nodeList1[i] === nodeList2[i]) { current = nodeList1[i]; } else { break; } } return current; } function getCommonAncestor(nodeList) { if (!nodeList.length) return null; if (nodeList.length == 1) return nodeList[0]; var lastList = getAncestors(nodeList[0]); var node = null; for (var i = 1; i < nodeList.length; i++) { var list = getAncestors(nodeList[i]); node = getDeepestCommonNode(lastList, list); lastList = getAncestors(node); } return node; } function clearlyCallback(data, callback) { Evernote.Logger.debug("Clearly callback invoked"); findImage(); // See if we should special-case this. var host = getHostname(); if (specialCases[host]) { var candidate = Evernote.ElementExtension.querySelector(specialCases[host]); if (candidate) { Evernote.Logger.debug("Found article in specialCases"); article = candidate; articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } // Or see if it's a special case image page. else if (Evernote.ArrayExtension.indexOf(useFoundImage, host) != -1) { article = findImage(); if (article) { Evernote.Logger.debug("Found article in image"); articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } // If it's not a special case, see if it's a single image. if (!article) { var imageTypes = ['jpeg', 'jpg', 'gif', 'png']; var urlExtension = document.location.href.replace(/^.*\.(\w+)$/, "$1"); if (urlExtension && (Evernote.ArrayExtension.indexOf(imageTypes, urlExtension) != -1)) { var candidate = Evernote.JQuery("body > img"); if (candidate.length > 0) { Evernote.Logger.debug("Found article in a single image"); article = candidate.get(0); articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } } // If we still didn't find an article, let's see if maybe it's in a frame. Cleary fails on frames so we try this // check before we use our clearly info. if (!article) { if (document.body.nodeName.toLowerCase() == "frameset") { documentIsFrameset = true; var frame = findBiggestFrame(); if (frame && frame.contentDocument && frame.contentDocument.documentElement) { selectionFrameElement = frame; article = frame.contentDocument.documentElement; articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } } // If we didn't use any of our special case handling, we'll use whatever clearly found. if (!article) { Evernote.Logger.debug("Use clearly find article"); if (data && data._elements && data._elements.length) { article = data._elements[0]; if (data._elements.length > 1) { // This will include *all* clearly elements (and whatever else in in between them). article = getCommonAncestor(data._elements); // This includes *just the last (and therefore most important)* element from the clearly detection. // article = data._elements[data._elements.length - 1]; } if (article.nodeType === ( window.Node ? window.Node.TEXT_NODE : 1)) { article = article.parentNode; } } } if(article) { if(Evernote.JQuery(article).closest("#evernote-content").length != 0) article = undefined; } // If clearly found nothing (because it failed), then use the body of the document. if (!article) { article = document.body; } hasCheckedArticle = true; callback(); } // This will try and determine the 'default' page article. It will only run once per page, but it's specifically // called only on demand as it can be expensive. function findArticle(callback) { function afterInject() { // If we'd previously computed an article element, but it's lost its parent or become invisible, then we'll try // and re-compute the article. This can happen if, for example the page dynamically udaptes itself (like showing // the latest news article in a box that updates periodically). This doesn't guarantee that we clip something // sane if this happens, (if the page re-writes itself while a clip is taking place, the results are // indeterminate), but it will make such things less likely. if (article && (!article.parentNode || !article.getBoundingClientRect || Evernote.ElementExtension.getBoundingClientRect(article).width == 0)) { article = null; hasCheckedArticle = false; } Evernote.Logger.debug("afterInject"); if (!hasCheckedArticle) { Evernote.Logger.debug("no article"); if (!window) { Evernote.Logger.warn("Couldn't find clearly!"); clearlyCallback(null, callback); } else { Evernote.Logger.debug("Call clearly to select article"); try { Evernote.ClearlyController.getContentElementAndHTML(function(data){clearlyCallback(data, callback)}); } catch(e) { Evernote.Logger.error("Failed to find article by clearly due to error " + e.message); clearlyCallback(null, callback); } } } // If the page is big enough, clearly is excruciatingly slow. We'll just get the whole page. // TODO: Clearly was updated. Check, if big pages are still problem else if (document.body.innerHTML.length > (1024 * 1024)) { Evernote.Logger.warn("Page over 1mb, skipping article detection."); clearlyCallback(null, callback); } else { Evernote.Logger.debug("callback"); callback(); } } afterInject(); } function findBiggestFrame() { var frames = document.getElementsByTagName("frame"); var candidate = null; var candidateSize = 0; for (var i = 0; i < frames.length; i++) { if (frames[i].width && frames[i].height) { var area = frames[i].width * frames[i].height; if (area > candidateSize) { candidate = frames[i]; candidateSize = area; } } } return candidate; } function getHostname() { var match = document.location.href.match(/^.*?:\/\/(www\.)?(.*?)(\/|$)/); if (match) { return match[2]; } return null; } function getDefaultArticle(callback) { Evernote.Logger.debug("getDefaultArticle"); findArticle(function(){callback(article)}); // Article already exists, so we'll return it. if (article) return article; } function getBiggestImage(callback) { getDefaultArticle(function(art) { var imgs; if (art) { imgs = art.querySelectorAll("img"); } else { imgs = document.querySelectorAll("img"); } var maxHeight = 0; var maxWidth = 0; var maxImage; for (var i = 0; i < imgs.length; i++) { var w = imgs.item(i).width; var h = imgs.item(i).height; if (w * h > maxWidth * maxHeight) { maxHeight = h; maxWidth = w; maxImage = imgs.item(i).src; } } callback({ src: maxImage, width: maxWidth, height: maxHeight }); }); } // Looks for selections in the current document and descendent (i)frames. // Returns the *first* non-empty selection. function getSelection() { // First we check our main window and return a selection if that has one. var selection = window.getSelection(); if (selection && selection.rangeCount && !selection.isCollapsed) { return selection; } // Then we'll try our frames and iframes. var docs = []; var iframes = document.getElementsByTagName("iframe"); for (var i = 0; i < iframes.length; i++) { docs.push(iframes[i]); } var frames = document.getElementsByTagName("frame"); for (var i = 0; i < frames.length; i++) { docs.push(frames[i]); } var urlBase = document.location.href.replace(/^(https?:\/\/.*?)\/.*/i, "$1").toLowerCase(); for (var i = 0; i < docs.length; i++) { // If frames/iframes fail a same origin policy check, then they'll through annoying errors, and we wont be able // to access them anyway, so we attempt to skip anything that wont match. if (docs[i].src && docs[i].src.toLowerCase().substr(0, urlBase.length) !== urlBase) { continue; } var doc = docs[i].contentDocument; if (doc) { var frameSelection = doc.getSelection(); if (frameSelection && frameSelection.rangeCount && !frameSelection.isCollapsed) { selectionIsInFrame = true; selectionFrameElement = docs[i]; return frameSelection; } } else { Evernote.Logger.warn("iframe contained no Document object."); } } // Didn't find anything. return null; } function getUrl() { return url; } function getText(node, soFar, maxLen) { if (node.nodeType == Evernote.Node.TEXT_NODE) { var trimmed = (node.textContent) ? Evernote.JQuery.trim(node.textContent).replace(/\s+/g, " ") : ""; if (trimmed === " " || trimmed === "") return soFar; return soFar + " " + trimmed; } var banned = [ "style", "script", "noscript" ]; if (node.nodeType == Evernote.Node.ELEMENT_NODE) { if (Evernote.ArrayExtension.indexOf(banned, node.nodeName.toLowerCase()) == -1) { for (var i = 0; i < node.childNodes.length; i++) { soFar = getText(node.childNodes[i], soFar, maxLen); if (soFar.length > maxLen) { return soFar; } } } } return soFar; } function getRecommendationText() { var text = ""; var MAX_LEN = 5000; var selection = getSelection(); if (selection) { var df = selection.getRangeAt(0).cloneContents(); var div = document.createElement("div"); div.appendChild(df); text = getText(div, "", MAX_LEN); } else if (article) { text = getText(article, "", MAX_LEN); } else { text = getText(document.body, "", MAX_LEN); } text = document.title + " " + text; return text; } // Note: you must call getSelection() first to populate this field! function getSelectionFrame() { return selectionFrameElement; } function checkClearly() { var clearlyDoc = Evernote.ElementExtension.querySelector("iframe#readable_iframe"); if (clearlyDoc) clearlyDoc = clearlyDoc.contentDocument; if (clearlyDoc) clearlyDoc = Evernote.ElementExtension.querySelector("body#body div#box", clearlyDoc); if (clearlyDoc) { article = clearlyDoc; articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } // @TODO: This is fairly incomplete. function getFavIconUrl() { var links = document.getElementsByTagName("link"); var i; for (i = 0; i < links.length; i++) { if (links[i].rel) { var rels = links[i].rel.toLowerCase().split(/\s+/); if (Evernote.ArrayExtension.indexOf(rels, "icon") !== -1) { // Found it! return links[i].href; } } } return null; } function _getInfoRequestHandler(data, request, sender, sendResponse) { var isSelected = getSelection(); checkClearly(); var response = { containsImages: containsImages, documentWidth: documentWidth, documentHeight: documentHeight, url: url, selection: (isSelected !== null), selectionIsInFrame: selectionIsInFrame, documentLength: document.body.textContent.length, articleBoundingClientRect: articleBoundingClientRect, article: (article != null), recommendationText: getRecommendationText(), favIconUrl: getFavIconUrl(), documentIsFrameset: documentIsFrameset }; sendResponse(response); } function getInfoRequestHandler(request, sender, sendResponse) { findArticle(function(data){_getInfoRequestHandler(data, request, sender, respondWithInfo)}); } function getDocumentMode() { return documentMode; } function getCleanArticle(callback, _newPageCallback) { newPageCallback = _newPageCallback; findArticle(function() { callback(cleanArticles); }); } // Public API: this.getDefaultArticle = getDefaultArticle; this.getSelection = getSelection; this.getSelectionFrame = getSelectionFrame; this.getFavIconUrl = getFavIconUrl; //redesign this.getBiggestImage = getBiggestImage; this.getRecommendationText = getRecommendationText; this.getCleanArticle = getCleanArticle; this.getText = getText; this.getUrl = getUrl; this.getDocumentMode = getDocumentMode; }</script><script defer="" type="text/javascript" charset="ANSI">Evernote.Scroller = function Scroller( tab ) { this.initialize( tab ); }; Evernote.Scroller.prototype._tab = null; Evernote.Scroller.prototype.initialize = function ( tab ) { this._tab = tab; var scrollX = (this._tab.pageXOffset !== undefined) ? this._tab.pageXOffset : (this._tab.document.documentElement || this._tab.document.body.parentNode ||this._tab.document.body).scrollLeft; var scrollY = (this._tab.pageYOffset !== undefined) ? this._tab.pageYOffset : (this._tab.document.documentElement || this._tab.document.body.parentNode || this._tab.document.body).scrollTop; this.initialPoint = { x: scrollX, y: scrollY }; }; Evernote.Scroller.prototype.scrollTo = function ( endPoint, time, resolution ) { this.abort(); this.endPoint = endPoint; this.step = 0; this.calculatePath( time, resolution ); var self = this; this.proc = setInterval( function () { if ( !self.doScroll() ) { self.abort(); } }, resolution ); }; Evernote.Scroller.prototype.calculatePath = function ( time, resolution ) { this.path = []; var sx = this.initialPoint.x; var sy = this.initialPoint.y; var ex = this.endPoint.x; var ey = this.endPoint.y; var k = (Math.PI * resolution) / time; for ( var i = -(Math.PI / 2); i < (Math.PI / 2); i += k ) { var c = ((1 + Math.sin( i )) / 2); this.path.push( { x:(sx + c * (ex - sx)), y:(sy + c * (ey - sy)) } ); } }; Evernote.Scroller.prototype.doScroll = function () { var s = this.path[++this.step]; if ( !s ) { return false; } var view = this._tab.document.defaultView || this._tab; view.scrollTo( s.x, s.y ); return true; }; Evernote.Scroller.prototype.abort = function () { if ( this.proc ) { clearInterval( this.proc ); this.proc = null; } };</script><script defer="" type="text/javascript" charset="ANSI">function ContentPreview() { Evernote.Logger.debug("Start creating preview box"); var contentVeil = new ContentVeil(); var screenshotVeil = new ScreenshotVeil(); Evernote.Logger.debug("End creating preview box"); // Stores a reference to the last element that we used as a preview. var previewElement = null; var article = null; var snippet = null; function buildUrlElement() { var urlEl = document.createElement("div"); urlEl.id = "evernotePreviewContainer"; var className = "yui3-cssreset"; if(Evernote.Utils.isQuirkMode()) { className += " evernote-middle-fixed-position-quirks" } urlEl.className = className; return urlEl; } Evernote.Logger.debug("Build url element"); var urlElement = buildUrlElement(); function showUrlElement() { Evernote.Logger.debug("ContentPreview: showUrlElement start"); if (!Evernote.ElementExtension.hasParentNode(urlElement)) { document.documentElement.appendChild(urlElement); } // Make sure we're centered in the window. var elStyle = Evernote.ElementExtension.getComputedStyle(urlElement, ''); var w = parseInt(Evernote.StyleElementExtension.getPropertyValue(elStyle, "width")); var h = parseInt(Evernote.StyleElementExtension.getPropertyValue(elStyle, "height")); if (isNaN(w) || isNaN(h)) { // IE8 w = Evernote.JQuery(urlElement).width(); h = Evernote.JQuery(urlElement).height(); } if (w && h) { urlElement.style.marginLeft = (0 - w / 2) + "px"; urlElement.style.marginTop = (0 - h / 2) + "px"; } Evernote.Logger.debug("ContentPreview: showUrlElement end"); } function hideUrlElement() { if (Evernote.ElementExtension.hasParentNode(urlElement)) { urlElement.parentNode.removeChild(urlElement); } } function showScreenShotArea() { clear(); screenshotVeil.show(); } function showOverlay() { previewElement = null; clear(); contentVeil.reset(); contentVeil.hideAllActiveObjects(); contentVeil.gray(); } function previewUrl() { clear(); function buildContent ( data ) { var title = PageContext.title; var url = PageContext.url; var favIconUrl = PageContext.getFavIconUrl(); snippet = data.replace(/(<([^>]+)>)/ig,""); // remove html tags from text urlElement.innerHTML = Evernote.GlobalUtils.createUrlClipContent(title, url, favIconUrl, snippet); var element = Evernote.JQuery(urlElement); if(Evernote.Utils.isQuirkMode() && !element.hasClass("evernote-fixed-position-fix")) { element.addClass("evernote-fixed-position-fix"); } showUrlElement(); contentVeil.reset(); contentVeil.hideAllActiveObjects(); contentVeil.gray(); } Evernote.ClearlyController.getClearlyArticleText( function (data) { buildContent(data._html); }); } // This doesn't remove internal state of previewElement, because another script may not have finished clipping until // after the page looks 'clear'. function clear() { contentVeil.reset(); contentVeil.hide(); screenshotVeil.hide(); hideUrlElement(); } function _previewArticle () { Evernote.Logger.debug("Start previewing article element"); if (previewElement) { var selectionFrame; if (typeof Evernote.pageInfo !== undefined) { selectionFrame = Evernote.pageInfo.getSelectionFrame(); } Evernote.Logger.debug("Selection frame selected " + selectionFrame); if (selectionFrame) { var rect = { width: selectionFrame.width, height: selectionFrame.height, top: selectionFrame.offsetTop, bottom: (selectionFrame.height + selectionFrame.offsetTop), left: selectionFrame.offsetLeft, right: (selectionFrame.width + selectionFrame.offsetLeft) }; Evernote.Logger.debug("contentVeil.revealStaticRect " + rect); contentVeil.revealStaticRect(contentVeil.expandRect(rect, -9), selectionFrame, true); Evernote.Logger.debug("contentVeil.show "); contentVeil.show(); } else { // TODO: Scroll into article view. contentVeil.outlineElement(previewElement, false, true); window.scrollTo(0, previewElement.offsetTop - 30); } } else { Evernote.Logger.warn("Couldn't find a preview element. We should switch to 'full page' mode."); } } /** * Finds and preview article element. * If reloadArticle is specified and equals to true, then discard previously found article and re-start search of article again. * Otherwise use article found on previous call (if this is the first call then article will be searched anyway). * @param reloadArticle */ function previewArticle (reloadArticle) { clear(); previewElement = null; if(reloadArticle) { article = null; } Evernote.Logger.debug("Evernote.pageinfo " + Evernote.pageInfo); if (typeof Evernote.pageInfo !== undefined) { if(!article) { previewElement = Evernote.pageInfo.getDefaultArticle(function(el){ Evernote.Logger.debug("Article element " + el.nodeName); previewElement = el; article = el; Evernote.Logger.debug("Preview article "); _previewArticle(); }); article = previewElement; } else { previewElement = article; _previewArticle(); } } else { Evernote.Logger.warn("Couldn't find a 'pageInfo' object."); } } // When nudging the preview around the page, we want to skip nodes that aren't interesting. This includes empty // nodes, containers that have identical contents to the already selected node, invisible nodes, etc. // @TODO: There's a lot more we could probably add here. function looksInteresting(candidate, given) { if (!candidate) { Evernote.Logger.warn("Can't determine if 'null' is interesting (it's probably not)."); return false; } // This is the parent of our 'HTML' tag, but has no tag itself. There's no reason it's ever more interesting than // the HTML element. if (candidate === window.document) { return false; } //Disable clip of evernote main popup if(Evernote.JQuery(candidate).closest("#evernote-content").length != 0) { return false; } // Elements with neither text nor images are not interesting. if (!candidate.textContent && (candidate.getElementsByTagName("img").length === 0)) { return false; } // Elements with 0 area are not interesting. var rect = Evernote.ElementExtension.getBoundingClientRect(candidate); if (!rect.width || !rect.height) { return false; } // Invisible elements are not interesting. var style = Evernote.ElementExtension.getComputedStyle(candidate); if ((style.visibility === "hidden") || (style.display === "none")) { return false; } // If the nodes have a parent/child relationship, then they're only interesting if their visible contents differ. if (candidate.parentNode && given.parentNode) { if ((candidate.parentNode == given) || (given.parentNode == candidate)) { if ((candidate.textContent === given.textContent) && (candidate.getElementsByTagName("img").length === given.getElementsByTagName("img").length)) { return false; } } } return true; } // Returns the current article element, which may not be the same as the auto-detected one if the user has 'nudged' // the selection around the page. function getArticleElement() { return previewElement; } function nudgePreview(direction) { Evernote.Logger.debug("nudgePreview start"); if (!previewElement) { return; } var oldPreview = previewElement; Evernote.Logger.debug("nudgePreview: direction is " + direction); Evernote.Logger.debug("nudgePreview: previewElement is " + previewElement.nodeName); switch (direction) { case "up": var temp = previewElement.parentNode; while (temp) { if (looksInteresting(temp, previewElement)) { // If we move up and then down, we want to move back to where we started, not the first child. temp.enNudgeDescendToNode = previewElement; previewElement = temp; break; } temp = temp.parentNode; } break; case "down": Evernote.Logger.debug("nudgePreview: previewElement.enNudgeDescendToNode is " + previewElement.enNudgeDescendToNode); if (previewElement.enNudgeDescendToNode) { var temp = previewElement.enNudgeDescendToNode; // @TODO: make sure we clean these up somewhere else if we never reverse our nudging. try { delete previewElement.enNudgeDescendToNode; } catch(e) { previewElement.enNudgeDescendToNode = undefined; } previewElement = temp; } else { previewElement = descendTreeUntilUniqueElement(previewElement); } break; Evernote.Logger.debug("nudgePreview: previewElement.children.length = " + previewElement.children.length); for (var i = 0; i < previewElement.children.length; i++) { Evernote.Logger.debug("nudgePreview: checking child is " + previewElement.children[i].nodeName); if (looksInteresting(previewElement.children[i], previewElement)) { Evernote.Logger.debug("nudgePreview: found interesting child" + previewElement.children[i]); previewElement = previewElement.children[i]; break; } } break; case "left": var temp = previewElement.previousElementSibling; while (temp) { if (looksInteresting(temp, previewElement)) { previewElement = temp; break; } temp = temp.previousElementSibling; } break; case "right": var temp = previewElement.nextElementSibling; while (temp) { if (looksInteresting(temp, previewElement)) { previewElement = temp; break; } temp = temp.nextElementSibling; } break; default: Evernote.Logger.warn("Unhandled nudge direction: " + direction); } // Drawing is expensive so don't bother if nothing changed. if (oldPreview !== previewElement) { Evernote.Logger.debug("nudgePreview: draw new element."); function enoughSize(elem) { var el = Evernote.JQuery(elem); var w = el.width(); var h = el.height(); return (w > 30 && h > 15) } // if (enoughSize(previewElement) === false) return; contentVeil.outlineElement(previewElement, false, true, true); article = previewElement; // TODO: scroll into Element view here (probably, attach to Expand/Contract Container window.scrollTo(0, previewElement.offsetTop - 30); } } function sameElement(a, b) { var aRect = a.getBoundingClientRect(); var bRect = b.getBoundingClientRect(); if (aRect.bottom == bRect.bottom && aRect.height == bRect.height && aRect.left == bRect.left && aRect.right == bRect.right && aRect.top == bRect.top && aRect.width == bRect.width) { return false; } else if ((a.textContent === b.textContent) && (a.getElementsByTagName("img").length === b.getElementsByTagName("img").length)) { return false; } } function descendTreeUntilUniqueElement(parent) { for (var i = 0; i < parent.children.length; i++) { if (sameElement(parent.children[i], parent)) { return descendTreeUntilUniqueElement(parent.children[i]); } else if (looksInteresting(parent.children[i], parent)) { return parent.children[i]; } } return parent; } function previewFullPage() { var borderWidth = 4; var w = document.documentElement.scrollWidth; var h = document.documentElement.scrollHeight; var rect = { bottom: (h - borderWidth), top: (borderWidth), left: (borderWidth), right: (w - borderWidth), width: (w - (2 * borderWidth)), height: (h - (2 * borderWidth)) }; clear(); contentVeil.reset(); contentVeil.revealStaticRect(rect, document.body); contentVeil.show(); contentVeil.hideAllActiveObjects(); } // Creates the union of two rectangles, which is defined to be the smallest rectangle that contains both given // rectangles. function unionRectangles(rect1, rect2) { var rect = { top: (Math.min(rect1.top, rect2.top)), bottom: (Math.max(rect1.bottom, rect2.bottom)), left: (Math.min(rect1.left, rect2.left)), right: (Math.max(rect1.right, rect2.right)) } rect.width = rect.right - rect.left; rect.height = rect.bottom - rect.top; return rect; } // Returns true if the rectangles match, false otherwise. function rectanglesEqual(rect1, rect2) { if (!rect1 && !rect2) return true; if (!rect1) return false; if (!rect2) return false; if (rect1.top != rect2.top) return false; if (rect1.bottom != rect2.bottom) return false; if (rect1.left != rect2.left) return false; if (rect1.right != rect2.right) return false; if (rect1.width != rect2.width) return false; if (rect1.height != rect2.height) return false; return true; } // If the user triple-clicks a paragraph, we will often get a selection that includes the next paragraph after the // selected one, but only up to offset 0 in that paragraph. This causes the built in getBoundingClientRect to give a // box that includes the whole trailing paragraph, even though none of it is actually selected. Instead, we'll build // our own bounding rectangle that omits the trailing box. // @TODO: Currently this computes a box that is *too big* if you pass it a range that doesn't have start and/or end // offsets that are 0, because it will select the entire beginning and ending node, instead of jsut the selected // portion. function computeAlternateBoundingBox(range) { // If the end of selection isn't at offset 0 into an element node (rather than a text node), then we just return the // original matching rectangle. if ((range.endOffset !== 0) || (range.endContainer && range.endContainer.nodeType !== Evernote.Node.ELEMENT_NODE) || ( range.startContainer && range.startContainer && range.startContainer.getBoundingClientRect) || ( range.endContainer && range.endContainer.getBoundingClientRect) || ( range.commonAncestorContainer && range.commonAncestorContainer.getBoundingClientRect) ) { var rect = range.getBoundingClientRect(); if(rect.top == 0 && rect.bottom == 0 && rect.left == 0 && rect.right == 0) { if(range.commonAncestorContainer && range.commonAncestorContainer.getBoundingClientRect) { rect = range.commonAncestorContainer.getBoundingClientRect(); } else if(range.startContainer && range.startContainer.getBoundingClientRect) { rect = range.startContainer.getBoundingClientRect(); } else if(range.endContainer && range.endContainer.getBoundingClientRect) { rect = range.endContainer.getBoundingClientRect(); } } var mutableRect = { top: rect.top, bottom: rect.bottom, left: rect.left, right: rect.right, width: rect.width, height: rect.height }; return mutableRect; } // This is the one we don't want. var endElementRect = null; try { endElementRect = Evernote.ElementExtension.getBoundingClientRect(range.endContainer); } catch(ex) { Evernote.Logger.warn("Couldn't get a bounding client rect for our end element, maybe it's a text node."); } // We look for a rectangle matching our end element, and if we find it, we don't copy it to our list to keep. // You'd think we could just grab the last element in range.getClientRects() here and trim that one, which might be // true, but the spec makes no claim that these are returned in order, so I don't want to rely on that. // We keep track if we remove a rectangle, as we're only trying to remove one for the trailnig element. If there are // more than one matching rectangle, we want to keep all but one of them. var foundEnd = false; var keptRects = []; var initialRects = range.getClientRects(); for (var i = 0; i < initialRects.length; i++) { if (rectanglesEqual(endElementRect, initialRects[i]) && !foundEnd) { foundEnd = true; } else { keptRects.push(initialRects[i]); } } // Now compute our new bounding box and return that. if (keptRects.length == 0) return Evernote.ElementExtension.getBoundingClientRect(range); if (keptRects.length == 1) return keptRects[0]; var rect = keptRects[0]; for (var i = 1; i < keptRects.length; i++) { rect = unionRectangles(rect, keptRects[i]); } return rect; } // If every edge of the rectangle is in negative space, function rectIsOnScreen(rect) { // rtl pages have actual content in "negative" space. This case could be handled better. if (document.dir == "rtl") { return false; } // If both top and bottom are in negative space, we can't see this. if (rect.bottom < 0 && rect.top < 0) { return false; } // Or, if both left and right are in negative space, we can't see this. if (rect.left < 0 && rect.right < 0) { return false; } // Probably visible. return true; } function applyElementRect(element, rect) { var newRect = rect; var tempRect = Evernote.ElementExtension.getBoundingClientRect(element); tempRect = { bottom: tempRect.bottom + window.pageYOffset, height: tempRect.height, left: tempRect.left + window.pageXOffset, right: tempRect.right + window.pageXOffset, top: tempRect.top + window.pageYOffset, width: tempRect.width }; // Skip elements that are positioned off screen. if (!rectIsOnScreen(tempRect)) { return newRect; } var cs = getComputedStyle(element); // We won't descend into hidden elements. if (cs.display == "none") { return newRect; } // don't union a big rectangle that has hidden overflow if (cs.overflowX == "hidden" || cs.overflowY == "hidden") { return newRect; } // We skip anything with an area of one px or less. This is anything that has "display: none", or single pixel // images for loading ads and analytics and stuff. Most hidden items end up at 0:0 and will stretch our rectangle // to the top left corner of the screen if we include them. Sometimes single pixels are deliberately placed off // screen. if ((tempRect.width * tempRect.height) > 1) { newRect = unionRectangles(tempRect, rect); } if (element.children) { for (var i = 0; i < element.children.length; i++) { newRect = applyElementRect(element.children[i], newRect); } } return newRect; } // In the case of positioned elements, a bounding box around an element doesn't necessarily contain its child // elements, so we have this method to combine all of these into one bigger box. ContentVeil calls this function. function computeDescendantBoundingBox(element) { if (!element) return {top: 0, bottom: 0, left: 0, right: 0, width: 0, height: 0}; var rect = element.getBoundingClientRect(); var li = rect.top + window.pageYOffset return applyElementRect(element, { bottom: rect.bottom + window.pageYOffset, height: rect.height, left: rect.left + window.pageXOffset, right: rect.right + window.pageXOffset, top: rect.top + window.pageYOffset, width: rect.width }); } function previewSelection(sel) { var selection; var selectionFrame; if(sel) { selection = sel; } else if (typeof Evernote.pageInfo !== undefined) { selection = Evernote.pageInfo.getSelection(); // If our selection is in a frame or iframe, we'll compute an offset relative to that, so we need to adjust it by // the offset of the frame. selectionFrame = Evernote.pageInfo.getSelectionFrame(); } contentVeil.reset(); var frameRect = null; if (selectionFrame) { frameRect = Evernote.ElementExtension.getBoundingClientRect(selectionFrame); } var range, rect, i; // If !selection, then something has gone awry. if (selection) { clear(); contentVeil.reset(); // We attempt to highlight each selection, but this hasn't been tested for more than a single selection. for (i = 0; i < Evernote.Utils.Selection.getRangeCount(selection); i++) { range = Evernote.Utils.Selection.getRangeAt(selection, i); rect = computeAlternateBoundingBox(range); rect.top += document.documentElement.scrollTop; rect.bottom += document.documentElement.scrollTop; rect.left += document.documentElement.scrollLeft; rect.right += document.documentElement.scrollLeft; // Actual adjustment mentioned earlier regarding frames. if (frameRect) { rect.left += frameRect.left; rect.right += frameRect.left; rect.top += frameRect.top; rect.bottom += frameRect.top; } contentVeil.revealStaticRect(rect, selectionFrame, false); contentVeil.show(); } } contentVeil.show(); contentVeil.hideAllActiveObjects(); } function getSnippetText() { return snippet; } // Public API: this.getArticleElement = getArticleElement; this.looksInteresting = looksInteresting; this.computeDescendantBoundingBox = computeDescendantBoundingBox; this.previewArticle = previewArticle; this.previewFullPage = previewFullPage; this.previewSelection = previewSelection; this.previewUrl = previewUrl; this.clear = clear; this.previewNudge = nudgePreview; this.showOverlay = showOverlay; this.getSnippetText = getSnippetText; this.showScreenShotArea = showScreenShotArea; }</script><script defer="" type="text/javascript" charset="ANSI">Evernote.ElementExtension = { querySelector : function(selector, doc) { if(!doc) { doc = document; } if(doc.querySelector) { return doc.querySelector(selector); } else { var head = doc.documentElement.firstChild; var styleTag = doc.createElement("STYLE"); head.appendChild(styleTag); doc.__qsResult = []; styleTag.styleSheet.cssText = selector + "{x:expression_(document.__qsResult.push(this))}"; window.scrollBy(0, 0); head.removeChild(styleTag); var result = []; for (var i in doc.__qsResult) result.push(doc.__qsResult[i]); return result; } }, getComputedStyle : function(element, pseudoElement, win) { var pseudo = pseudoElement; var target = win; if(!target) target = window; if(!pseudo) { pseudo = null; } if(target.getComputedStyle) return target.getComputedStyle(element, pseudo); if(element.currentStyle) { try { var fixedElement = Evernote.Utils.cloneObject(element.currentStyle); fixedElement['fontSize'] = Evernote.Utils.getIEComputedStyle(element, 'fontSize'); return fixedElement; } catch (err) { return element.currentStyle; } } return null; }, hasParentNode : function(element) { return element.parentNode && element.parentNode.nodeType != 9 && element.parentNode.nodeType != 11; }, getBoundingClientRect : function(element) { if(element && element.getBoundingClientRect) { var rect = element.getBoundingClientRect(); var width = rect.width || element.offsetWidth || element.boundingWidth; var height = rect.height || element.offsetHeight || element.boundingHeight; return { left : rect.left, right : rect.right, top : rect.top, bottom : rect.bottom, width : width, height : height } } return null; }, hasAttribute : function(node, attrName) { if(node) { if(node.hasAttribute) { return node.hasAttribute(attrName); } if(node.attributes) { var attrValue = node.attributes[attrName]; return typeof attrValue != typeof undefined; } } } };</script><script defer="" type="text/javascript" charset="ANSI">Evernote.ArrayExtension = { indexOf : function(element, searchStr) { if(!element) { return -1; } if (element.indexOf) return element.indexOf(searchStr); for(var i = 0; i < element.length; i++) { if(element[i] == searchStr) return i; } return -1; }, containsCaseIgnore : function(element, searchStr) { if(!element) { return false; } for(var i = 0; i < element.length; i++) { if(element[i].toLowerCase() == searchStr.toLowerCase()) return true; } return false; }, remove : function(arr, element) { var elementPosition = Evernote.ArrayExtension.indexOf(arr, element); if(elementPosition != -1) { var rest = arr.slice(elementPosition + 1 || arr.length); arr.length = elementPosition; return arr.push.apply(arr, rest); } }, filter : function(arr, fun) { var len = arr.length >>> 0; if (typeof fun != "function") throw new TypeError(); var res = []; var thisp = arguments[1]; for (var i = 0; i < len; i++) { if (i in arr) { var val = arr[i]; if (fun.call(thisp, val, i, arr)) { res.push(val); } } } return res; } }; </script><script defer="" type="text/javascript" charset="ANSI">Evernote.StyleElementExtension = { getPropertyValue : function(styleObj, propertyName) { var props = propertyName; if(!(props instanceof Array)) { props = [propertyName]; } Evernote.Logger.debug("Evernote.StyleElementExtension.getPropertyValue: number of properties to check " + props.length); for(var i = 0; i < props.length; i++) { var propName = props[i]; Evernote.Logger.debug("Evernote.StyleElementExtension.getPropertyValue: property name is " + propName); var val; if(styleObj.getPropertyValue) { val = styleObj.getPropertyValue(propName); Evernote.Logger.debug("Evernote.StyleElementExtension.getPropertyValue: value from getPropertyValue is " + val); if(val) return val; } val = styleObj[propName]; Evernote.Logger.debug("Evernote.StyleElementExtension.getPropertyValue: value from styleObj " + val); if(val) return val; } } }; </script><script defer="" type="text/javascript" charset="ANSI">Evernote.GlobalUtils = {}; (function(){ var urlMatcher = /^(.*?):\/\/((www\.)?(.*?))(:\d+)?(\/.*?)(\?.*)?$/; var BAD_FAV_ICON_URLS = {"http://localhost/favicon.ico": true}; Evernote.GlobalUtils.componentizeUrl = function(url) { var data = { protocol: null, domain: null, domainNoWww: null, port: null, path: null, queryString: null }; var matches = urlMatcher.exec(url); data.protocol = matches[1]; data.domain = matches[2]; data.domainNoWww = matches[4]; data.port = matches[5]; data.path = matches[6]; data.queryString = matches[7]; return data; }; Evernote.GlobalUtils.getMessageCode = function(messageConst) { Evernote.Logger.debug("getMessageCode: " + messageConst); return Evernote.Messages[messageConst]; }; Evernote.GlobalUtils.absolutizeImages = function(element, path) { if(path) { Evernote.Utils.changeBackgroundImage(element, Evernote.Addin.getPath("resources") + path); } else if(element.attributes && element.attributes["background-image"]) { // TODO: replace "oldlipper" with universal path Evernote.Utils.changeBackgroundImage(element, Evernote.Addin.getPath("resources") + 'oldclipper/' + element.attributes["background-image"].value); } Evernote.Logger.debug("absolutizeImages: walk through children"); for (var i = 0; i < element.children.length; i++) { Evernote.GlobalUtils.absolutizeImages(element.children[i]); } Evernote.Logger.debug("absolutizeImages: end"); }; Evernote.GlobalUtils.localize = function(element) { var node = element.nodeName.toLowerCase(); if (node == "input" || node == "textarea") { var type = element.type; if (node == "textarea") type = "textarea"; switch (element.type) { case "text": case "textarea": case "button": case "submit": case "search": if (element.attributes && element.attributes["placeholder"]) { var localizedMessage = Evernote.Addin.getLocalizedMessage(Evernote.GlobalUtils.getMessageCode(element.attributes["placeholder"].value)); Evernote.Logger.debug("localizedMessage is " + localizedMessage); if (localizedMessage) { try { element.attributes["placeholder"].value = localizedMessage; } catch(e) { var placeHolderAttr = document.createAttribute("placeholder"); placeHolderAttr.nodeValue = localizedMessage; element.setAttribute("placeholder", localizedMessage); } } } if (element.attributes && element.attributes["message"]) { var localizedMessage = Evernote.Addin.getLocalizedMessage(Evernote.GlobalUtils.getMessageCode(element.attributes["message"].value)); Evernote.Logger.debug("localizedMessage is " + localizedMessage); if (localizedMessage) { element.value = localizedMessage; } } break; // unlocalizable. case "checkbox": case "password": case "hidden": case "radio": break; default: throw new Error("We need to localize the value of input elements."); } } else if (element.attributes && element.attributes["message"]) { var localizedMessage = Evernote.Addin.getLocalizedMessage(Evernote.GlobalUtils.getMessageCode(element.attributes["message"].value)); if (localizedMessage) { element.innerHTML = localizedMessage; } else { element.innerHTML = 'l10n error'; // to spot if something goes wrong } } if (element.title){ var localizedTitle = Evernote.Addin.getLocalizedMessage(Evernote.GlobalUtils.getMessageCode(element.title)); if (localizedTitle) { element.title = localizedTitle; } } for (var i = 0; i < element.children.length; i++) { Evernote.GlobalUtils.localize(element.children[i]); } }; Evernote.GlobalUtils.getQueryParams = function(url) { var data = Evernote.GlobalUtils.componentizeUrl(url); var queryString = data.queryString; var params = {}; if (!queryString) { return params; }; queryString = queryString.substr(1); // Don't want the question mark. queryString = queryString.split("#")[0]; // Get rid of any fragment identifier. var pairs = queryString.split("&"); var i; for (i = 0; i < pairs.length; i++) { var item = pairs[i].split("="); if (item[1]) { item[1] = item[1].replace(/\+/g, " "); } params[item[0].toLowerCase()] = item[1]; } return params; }; Evernote.GlobalUtils.escapeXML = function(str) { var map = { "&" : "&", "<" : "<", ">" : ">", "\"" : """, "'" : "'" }; var a = str.split(""); for (var i = 0; i < a.length; i++) { if (map[a[i]]) { a[i] = map[a[i]]; } } return a.join(""); }; Evernote.GlobalUtils.decodeXML = function(str) { str = str.replace(/&apos;/g, "'"); str = str.replace(/&quot;/g, """); str = str.replace(/&lt;/g, "<"); str = str.replace(/&gt;/g, ">"); return str; }; Evernote.GlobalUtils.cropImage = function( data ) { var img = new Image; img.onload = function(){ var canvas=document.createElement("canvas"); canvas.width=Math.min(150,data.width); canvas.height=Math.min(150,data.height); canvas.getContext("2d").drawImage(img ,Math.max(0,(data.width-150)/2),Math.max(0,(data.height-150)/2),canvas.width,canvas.height,0,0,canvas.width,canvas.height); return canvas.toDataURL(); // Not working. Cross origin policy forbids toDataUrl() method. }; img.src = data.src; }; Evernote.GlobalUtils.createUrlClipContent = function(title, url, favIcoUrl, snippet) { var titleAttr = (title) ? Evernote.GlobalUtils.escapeXML(title) : ""; var urlStr = Evernote.GlobalUtils.escapeXML(url); var snip = snippet; if (snip.length > 275) { snip = snip.substr(0, 275-3) + '...'; } snip = Evernote.GlobalUtils.escapeXML(snip); var contentStyle = 'text-align:left;padding:15px;font-size:12px;font-family:Verdana;max-width:370px;color:black;background-color:white;box-sizing:content-box;display:block;background-repeat:no-repeat;'; var titleStyle = 'white-space:nowrap;font-size:14px;font-weight:bold;overflow-x:hidden;text-overflow:ellipsis;height:24px;'; var hrStyle = 'border-top-width:1px;border-top-style:solid;border-top-color:#d8d8d8;height:0;width:100%;'; var imgStyle = 'position:relative;display:inline-block;float:left;width:150px;height:150px;margin:15px 30px 0 0;overflow:hidden;'; var contStyle = 'display:inline-block;vertical-align:top;margin:15px 0 0;width:364px;'; var linkDivStyle = 'padding:0px 0px 11px 0px;'; var faviconStyle = 'float:left;width:16px; height:16px; margin-right:9px; background-size:16px 16px;background-repeat: no-repeat; background-position:left center;'; var linkStyle = 'display:inline-block;text-decoration:none;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(12, 12, 12);width:325px;'; var snipStyle ='word-wrap:break-word;line-height:normal;text-align:left;font-size:12px'; var imgDiv = ''; var titleDiv = ''; var hrDiv = ''; Evernote.pageInfo.getBiggestImage(function(data) { if (data && data.src) { var im = ''; imgDiv = ''; contentStyle = contentStyle.replace('max-width:370px','max-width:562px'); } }); var link = '' + urlStr + ''; var favicon = ''; var linkDiv = '' ; var snipDiv = ''; var contDiv = ''; var clearDiv = '