Automatic Jump Breaks - bxA2

Background
bxA started out as an expandable post summary hack that required editing your template to paste in a bit of CSS, Javascript and XML[bxA].

bxA2 can be placed in an HTML/Javascript widget!

You can even use Blogger's jump break feature and bxA2 automatic jump breaks together!

---

Installation
Copy and paste everything in the box below into an HTML widget ...
<script type='text/javascript'> var bxA = {}; bxA.vSize = 250; bxA.vRatio = 1.5; bxA.vDot3 = '...'; bxA.vMore = 'More &raquo;'; bxA.vClass = 'bxAlink'; </script> <style>.bxAlink{display:inline;clear:both;float:right;z-index:3;position:relative;margin:0px;padding:3px 4px;text-decoration:none !important;font-size:0.9em;line-height:1em;border:1px solid #336699;background-color:#B0C4DE;}.bxAlink:hover,.bxAlink:active{ background-color:#FFD363;border:2px solid #D2B48C;padding:2px 3px;}</style><script type='text/javascript'>function bxAE(a){return document.getElementById(a)}function bxAC(c,a,b){var d,t,r,s,l,f,i,j,x;d=(a)?a:document;t=(b)?b:'*';r=[];s=d.getElementsByTagName(t);l=s.length;f=' '+c+' ';for(i=0,j=0;i<l;i++){x=' '+s[i].className+' ';if(x.indexOf(f)!=-1){r[j++]=s[i]}}return r}function bxAH(h){var t=h;t=t.replace(/<script(.*?)>((.|\n)*?)(<\/script>)/gi,' ');t=t.replace(/<.*?>/g,' ');t=t.replace(/\s/g,' ');t=t.replace(/[ ]{2,}/g,' ');t=t.substring(1);return t}function bxAS(e,h){var a,s,i,q,b,c,d,f,g,x;b=[];c=e.innerHTML;d=bxAH(c);f=bxA.vRatio;g=bxAC('jump-link',e,'div');if(g.length>0){return}x=c.indexOf('[bxA');if(x>-1){a=c.substring(0,x);s=bxAH(a);f=0.1;if((d.length-s.length)==(c.indexOf(']',x)-x+2)){return}}else{s=d.substring(0,bxA.vSize);b=s.split(' ');for(i=0;i<b.length;i++){q=c.indexOf(b[i],q)}a=c.substring(0,q)}if((d.length)>(s.length*f)){e.innerHTML=a+bxA.vDot3+'<\/textarea>';e.innerHTML='<div style="display:inline;">'+e.innerHTML+'<\/div><a class="'+bxA.vClass+'" href="'+h+'"\/>'+bxA.vMore+'<\/a><div style="clear:both"\/>'}}function bxAI(){var e,p,l1,l2,i,a,h,ih,b;if(arguments.callee.done){return}arguments.callee.done=true;e=bxAC('post-body',bxAE('main'),'div');p=bxAC('post',bxAE('main'),'div');l1=p.length;l2=e.length;for(i=0;i<l1;i++){if(l2>1){a=p[i].getElementsByTagName('a');h=a[1].getAttribute('href');bxAS(e[i],h)}ih=e[i].innerHTML;b=ih.indexOf('[bxA');if(b>-1){e[i].innerHTML=ih.replace(ih.substring(b,ih.indexOf(']',b)+1),'')}}}if(document.addEventListener){document.addEventListener('DOMContentLoaded',bxAI,false)}(function(){/*@cc_on try{document.body.doScroll('up');return bxAI()}catch(e){}/*@if(false)@*/if(/loaded|complete/.test(document.readyState)){return bxAI()}/*@end@*/if(!bxAI.done)setTimeout(arguments.callee,30)})();if(window.addEventListener){window.addEventListener('load',bxAI,false)}else if(window.attachEvent){window.attachEvent('onload',bxAI)}</script>

---

How do I ...

• How do I style my bxA2 jump breaks?
  • The variable bxA.vClass contains the style class name for your bxA2 jump breaks. The 'bxAlink' style can be used as an example to start with.
• How do I force the summary to occur at a specific point?
  • Type in the code "[bxA]" anywhere in a post to override the automatic summary length or use a Blogger jump break!
  • To force a post to always display, type the "[bxA]" code at the end of the post.
• How do I control whether to display a short post instead of displaying a summary?
  • The variable, bxA.vRatio, controls how much larger the post has to be than the summary. In the default code, it is set to '1.5', which means the raw text of the post has to be at least 1.5 times the size of the summary in order for the summary to be displayed with a bxA2 jump break.
• How do I always display the summary and a bxA2 jump break, even if there are only a few words displayed after the bxA2 jump break is clicked?
  • Change the variable, bxA.vRatio, to '0.1'.
• How do I turn off the default configuration and only have a summary appear on a post that I specifically want it to?
  • Change the variable, bxA.vRatio, to '100000'. Insert the "[bxA]" code into your posts where you want a summary to be displayed.

---

bxA2 has been tested, as of June 21st, 2010, using Windows XP and the most recent stable versions of: Safari, IE, Firefox, Opera and Chrome.