/*
Description
~~~~~~~~~~~
Provides progressive scrolling to anchor/element positions within scrollable divs.
Info: http://scripterlative.com?softdivscroll
Configuration
~~~~~~~~~~~~~
Within the section at any point below the scrollable div, insert the following code, where 'scrollDiv' is the ID of the scrollable div:
Any further scrollable divs can be initialised within the same pair of
IMPORTANT - For correct operation on all compatible browsers, all anchors should have at least one non-whitespace character between their tags, e.g.: The ID of an element may be specified as an anchor, and NAME attributes may be specified for scrolling to form elements.
*/
function SoftDivScroll(id)
{
this.DEBUG=false;
this.scrollDivId=id;
this.timer=null;
this.lastX=-1;
this.lastY=-1;
this.xHalted=false;
this.yHalted=false;
this.step=50;
this.targetDisp=null;
this.stepTarget={x:0,y:0};
this.defTitle="";
this.defWinStatus="";
this.startJump=location.href.match(/#([^\?]+)\??/);
this.currentAnchor=null;
this.logged={ logged:0 };
/////////////////////////////////
this.delay=30; this.proportion=4;
/////////////////////////////////
this.init=function()
{
if( !( this.scrollElem = document.getElementById( this.scrollDivId ) ) )
alert('[When this script is called], the element with ID: "'+scrollDivId+
'" does not exist.\n(Case must match exactly)' );
var linkTypes=['a','area'], dL, targetAnchor;
if( this.startJump )
this.startJump=this.startJump[1];
for(var i=0, anchs=document.anchors, aLen=anchs.length; i1 ? xStep/=this.proportion : xStep<0?xStep=-1:xStep=1;
if(yStep)
Math.abs(yStep)/this.proportion >1 ? yStep/=this.proportion : yStep<0?yStep=-1:yStep=1;
yStep=Math.ceil(yStep);
xStep=Math.ceil(xStep);
this.stepTarget.x = this.x + xStep ;
this.stepTarget.y = this.y + yStep ;
if(xStep||yStep)
{
this.scrollElem.scrollLeft+=xStep;
this.scrollElem.scrollTop+=yStep;
}
}
else
{
clearInterval(this.timer);
this.timer=null;
this.lastX=-1;
this.lastY=-1;
if(!this.xHalted && !this.yHalted && this.currentAnchor && this.currentAnchor.focus)
this.currentAnchor.focus();
this.xHalted=false;
this.yHalted=false;
}
}
this.getScrollData=function()
{
this.x=this.scrollElem.scrollLeft;
this.y=this.scrollElem.scrollTop;
}
this.findPos=function(obj)
{
var left = !!obj.offsetLeft ? (obj.offsetLeft) : 0;
var top = !!obj.offsetTop ? obj.offsetTop : 0;
while( (obj = obj.offsetParent) )
{
left += !!obj.offsetLeft ? obj.offsetLeft : 0;
top += !!obj.offsetTop ? obj.offsetTop : 0;
}
return{x:left, y:top};
}
this.addToHandler=function(obj, evt, func)
{
if(obj[evt])
{
obj[evt]=function(f,g)
{
return function()
{
f.apply(this,arguments);
return g.apply(this,arguments);
};
}(func, obj[evt]);
}
else
obj[evt]=func;
},
this.init();
}