| Current File : //root/panel/etc/styles/CstyleX-master/js/jquery.scroll.js |
(function($) {
$.fn.hasScrollBar = function() {
return this.get(0)
.scrollHeight > this.height();
};
$.fn.lionbars = function(options) {
options = options || {};
autohide = options.autohide;
// Flags
var timeout, HDragging = false,
VDragging = false,
activeScroll = 0,
activeWrap = 0,
eventX, eventY, mouseX, mouseY,
currentRatio, initPos, scrollValue, hideTimeoutSet = false,
vEventFired = false,
hEventFired = false;
// Initialization
var elements = $(this),
id = 0,
vScrollWidth = 0,
hScrollWidth = 0,
addHScroll = false,
addVScroll = false,
paddingTop = 0,
paddingLeft = 0,
paddingBottom = 0,
paddingRight = 0,
borderTop = 0,
borderRight = 0,
borderBottom = 0,
borderLeft = 0,
scrollHeight = 0,
scrollWidth = 0,
offsetWidth = 0,
offsetHeight = 0,
clientWidth = 0,
clientHeight = 0,
vRatio = 0,
hRatio = 0,
vSliderHeight = 0,
hSliderHeight = 0,
vLbHeight = 0,
hLbHeight = 0;
// Main Loop
this.mainLoop = function() {
for (var i = 0; elements[i] !== undefined; i++) {
if (needScrollbars(elements[i]) && !$(elements[i])
.hasClass('nolionbars')) {
// add the element to the main array
target = elements[i];
// get some values before the element is wrapped
getDimentions(target);
// wrap the element
wrap(target, addVScroll, addHScroll);
// hide the default scrollbar
hideScrollbars(target, addVScroll, addHScroll);
// Calculate the size of the scrollbars
reduceScrollbarsWidthHeight(target);
setSlidersHeight(target);
// Set variables needed to calculate scroll speed, etc.
setScrollRatios(target);
// Set events
setEvents(target);
// prepare for next element
resetVars();
}
}
}
this.mainLoop();
this.Update = function() {
for (var i = 0; elements[i] !== undefined; i++) {
if (needScrollbars(elements[i]) && !$(elements[i])
.hasClass('nolionbars')) {
// add the element to the main array
target = elements[i];
// get some values before the element is wrapped
getDimentions(target, false, true);
// hide the default scrollbar
hideScrollbars(target, addVScroll, addHScroll);
// Calculate the size of the scrollbars
reduceScrollbarsWidthHeight(target);
setSlidersHeight(target);
// Set variables needed to calculate scroll speed, etc.
setScrollRatios(target);
// Set events
setEvents(target);
// prepare for next element
resetVars();
}
}
}
this.scrollToBottom = function() {
for (var i = 0; elements[i] !== undefined; i++) {
if (needScrollbars(elements[i]) && !$(elements[i])
.hasClass('nolionbars')) {
target = elements[i];
getDimentions(target, false, true);
var b = $(target)
.find('.lb-wrap');
var c = b.parent()
.attr('vratio');
var m = (scrollHeight - clientHeight) * Math.abs(c);
b.scrollTop(m);
}
}
}
// Set document events
$(document)
.mousemove(function(e) {
if (HDragging || VDragging) {
activeWrap.parent()
.find('.lb-v-scrollbar, .lb-h-scrollbar')
.show();
if (VDragging) {
mouseY = e.pageY;
activeWrap.scrollTop((initPos + mouseY - eventY) * Math.abs(currentRatio));
}
if (HDragging) {
mouseX = e.pageX;
activeWrap.scrollLeft((initPos + mouseX - eventX) * Math.abs(currentRatio));
}
}
});
$(document)
.mouseup(function(e) {
if (HDragging || VDragging) {
activeWrap.parent()
.find('.lb-v-scrollbar, .lb-h-scrollbar')
.fadeOut(150);
if (VDragging) {
VDragging = false;
}
if (HDragging) {
HDragging = false;
}
}
});
// Core functions
function setEvents(elem) {
var el = $(elem);
if (addVScroll || addHScroll) {
el.find('.lb-wrap')
.on('scroll', function(e) {
el.find('.lb-v-scrollbar-slider')
.css({
"top": -$(this)
.scrollTop() / el.attr('vratio')
});
el.find('.lb-h-scrollbar-slider')
.css({
"left": -$(this)
.scrollLeft() / el.attr('hratio')
});
if (el.find('.lb-v-scrollbar')
.height() == (parseInt(el.find('.lb-v-scrollbar-slider')
.css('top')) + el.find('.lb-v-scrollbar-slider')
.height()) && typeof(options.reachedBottom) == 'function' && !vEventFired) {
vEventFired = true;
var self = $(this);
options.reachedBottom.apply($(this)
.children('.lb-content'), [function() {
getDimentions($(self)
.parent(), {
height: $(self)
.children('.lb-content')
.get(0)
.scrollHeight,
width: $(self)
.children('.lb-content')
.get(0)
.scrollWidth
});
// Calculate the size of the scrollbars
reduceScrollbarsWidthHeight($(self)
.parent());
setSlidersHeight($(self)
.parent());
// Set variables needed to calculate scroll speed, etc.
setScrollRatios($(self)
.parent());
// prepare for next element
resetVars();
vEventFired = false;
}]);
}
if (el.find('.lb-h-scrollbar')
.width() == (parseInt(el.find('.lb-h-scrollbar-slider')
.css('left')) + el.find('.lb-h-scrollbar-slider')
.width()) && typeof(options.reachedRight) == 'function' && !hEventFired) {
hEventFired = true;
var self = $(this);
options.reachedRight.apply($(this)
.children('.lb-content'), [function() {
getDimentions($(self)
.parent(), {
height: $(self)
.children('.lb-content')
.get(0)
.scrollHeight,
width: $(self)
.children('.lb-content')
.get(0)
.scrollWidth
});
// Calculate the size of the scrollbars
reduceScrollbarsWidthHeight($(self)
.parent());
setSlidersHeight($(self)
.parent());
// Set variables needed to calculate scroll speed, etc.
setScrollRatios($(self)
.parent());
// prepare for next element
resetVars();
hEventFired = false;
}]);
}
});
}
if (addVScroll) {
el.find('.lb-v-scrollbar-slider')
.mousedown(function(e) {
eventY = e.pageY;
VDragging = true;
activeScroll = $(this);
activeWrap = el.find('.lb-wrap');
currentRatio = activeWrap.parent()
.attr('vratio');
initPos = activeScroll.position()
.top;
return false;
});
el.find('.lb-v-scrollbar')
.mousedown(function(e) {
if (!$(e.target)
.hasClass('lb-v-scrollbar-slider')) {
el.find('.lb-wrap')
.scrollTop((e.pageY - $(this)
.offset()
.top) * Math.abs(el.attr('vratio')) - $(this)
.find('.lb-v-scrollbar-slider')
.height() / 2);
}
return false;
});
}
if (addHScroll) {
el.find('.lb-h-scrollbar-slider')
.mousedown(function(e) {
eventX = e.pageX;
HDragging = true;
activeScroll = $(this);
activeWrap = el.find('.lb-wrap');
currentRatio = activeWrap.parent()
.attr('hratio');
initPos = activeScroll.position()
.left;
return false;
})
el.find('.lb-h-scrollbar')
.mousedown(function(e) {
if (!$(e.target)
.hasClass('lb-h-scrollbar-slider')) {
el.find('.lb-wrap')
.scrollLeft((e.pageX - $(this)
.offset()
.left) * Math.abs(el.attr('hratio')) - $(this)
.find('.lb-h-scrollbar-slider')
.width() / 2);
}
return false;
});
}
if ((addVScroll || addHScroll) && autohide) {
el.find('.lb-v-scrollbar, .lb-h-scrollbar')
.hide();
el.hover(function() {
$(this)
.data('hover', true);
el.find('.lb-v-scrollbar, .lb-h-scrollbar')
.fadeIn(150);
}, function() {
$(this)
.data('hover', false);
el.find('.lb-v-scrollbar, .lb-h-scrollbar')
.fadeOut(150);
});
}
}
function setScrollRatios(elem) {
vRatio = (offsetHeight - $(elem)
.find('.lb-wrap')
.get(0)
.scrollHeight - borderTop - borderBottom) / (vLbHeight - vSliderHeight);
hRatio = (offsetWidth - $(elem)
.find('.lb-wrap')
.get(0)
.scrollWidth - borderLeft - borderRight) / (hLbHeight - hSliderHeight);
var el = $(elem);
el.attr('vratio', vRatio);
el.attr('hratio', hRatio);
}
function setSlidersHeight(elem) {
var el = $(elem);
var hmin, hmax, gap;
if (el.find('.lb-v-scrollbar')
.length != 0) {
hmin = 20;
gap = offsetHeight - el.find('.lb-v-scrollbar')
.height();
hmax = offsetHeight - gap - hmin;
vSliderHeight = Math.round((offsetHeight * hmax) / scrollHeight);
vSliderHeight = (vSliderHeight < hmin) ? hmin : vSliderHeight;
}
if (el.find('.lb-h-scrollbar')
.length != 0) {
hmin = 20;
gap = offsetWidth - el.find('.lb-h-scrollbar')
.width();
hmax = offsetWidth - gap - hmin;
hSliderHeight = Math.round((offsetWidth * hmax) / scrollWidth);
hSliderHeight = (hSliderHeight < hmin) ? hmin : hSliderHeight;
}
el.find('.lb-v-scrollbar-slider')
.css({
"height": vSliderHeight
});
el.find('.lb-h-scrollbar-slider')
.css({
"width": hSliderHeight
});
}
function resetVars() {
vScrollWidth = 0;
hScrollWidth = 0;
addHScroll = false;
addVScroll = false;
paddingTop = 0;
paddingLeft = 0;
paddingBottom = 0;
paddingRight = 0;
borderTop = 0;
borderLeft = 0;
borderBottom = 0;
borderRight = 0;
scrollHeight = 0;
scrollWidth = 0;
offsetWidth = 0;
offsetHeight = 0;
clientWidth = 0;
clientHeight = 0;
// vRatio = 0;
// hRatio = 0;
vSliderHeight = 0;
hSliderHeight = 0;
vLbHeight = 0;
hLbHeight = 0;
}
function reduceScrollbarsWidthHeight(elem) {
var el = $(elem);
if (addVScroll && addHScroll) {
vLbHeight = el.height() - 12;
hLbHeight = el.width() - 12;
el.find('.lb-v-scrollbar')
.css({
"height": vLbHeight
});
el.find('.lb-h-scrollbar')
.css({
"width": hLbHeight
});
} else {
vLbHeight = el.height() - 4;
hLbHeight = el.width() - 4;
el.find('.lb-v-scrollbar')
.css({
"height": vLbHeight
});
el.find('.lb-h-scrollbar')
.css({
"width": hLbHeight
});
}
}
function hideScrollbars(elem, vscroll, hscroll) {
var el = $(elem);
if (vscroll || hscroll) {
el.css({
"overflow": 'hidden'
});
movePadding(el, el.find('.lb-wrap'));
resizeMainBox(el);
resizeInnerWrap(el, el.find('.lb-wrap'));
}
}
function resizeMainBox(elem) {
var el = $(elem);
el.css({
"width": el.width() + paddingLeft + paddingRight,
"height": el.height() + paddingTop + paddingBottom
});
}
function movePadding(from, to) {
var fromEl = $(from);
var toEl = $(to);
fromEl.css({
"padding": 0
});
toEl.css({
"padding-top": paddingTop + 'px',
"padding-left": paddingLeft + 'px',
"padding-bottom": paddingBottom + 'px',
"padding-right": paddingRight + 'px'
});
}
function resizeInnerWrap(main, child) {
var mainEl = $(main);
var childEl = $(child);
mainEl.css({
"position": 'relative'
});
childEl.css({
"width": mainEl.width() + vScrollWidth - paddingLeft - paddingRight,
"height": mainEl.height() + hScrollWidth - paddingTop - paddingBottom
});
}
function setVScrollbarWidth(elem) {
var el = $(elem);
el.css({
"overflow": 'auto'
});
vScrollWidth = offsetWidth - clientWidth - borderLeft - borderRight;
el.css({
"overflow": 'hidden'
});
}
function setHScrollbarWidth(elem) {
var el = $(elem);
el.css({
"overflow": 'auto'
});
hScrollWidth = offsetHeight - clientHeight - borderTop - borderBottom;
el.css({
"overflow": 'hidden'
});
}
function wrap(elem, vscroll, hscroll) {
var el = $(elem);
var elemId = el.attr('id');
var wrap = 0;
if (elemId !== undefined) {
el.wrapInner('<div class="lb-wrap" id="lb-wrap-' + id + '-' + elemId + '"></div>');
wrap = $('#lb-wrap-' + id + '-' + elemId);
} else {
el.wrapInner('<div class="lb-wrap" id="lb-wrap-' + id + '"></div>');
wrap = $('#lb-wrap-' + id);
}
wrap.wrapInner('<div class="lb-content"></div>');
if (vscroll) {
el.prepend('<div class="lb-v-scrollbar"></div>');
el.find('.lb-v-scrollbar')
.append('<div class="lb-v-scrollbar-slider"></div>');
}
if (hscroll) {
el.prepend('<div class="lb-h-scrollbar"></div>');
el.find('.lb-h-scrollbar')
.append('<div class="lb-h-scrollbar-slider"></div>');
}
// preparation for the next element
id = id + 1;
}
function needScrollbars(elem) {
var el = $(elem);
addVScroll = false;
addHScroll = false;
if (el.find('.lb-v-scrollbar-slider')
.length) return false;
getPadding(el);
getBorders(el);
var overflowY = el.css('overflow-y');
var overflowX = el.css('overflow-x');
el.css({
"overflow": 'hidden'
});
// check for vertical scrollbars
if (overflowY != 'hidden' && el.get(0)
.scrollHeight > el.get(0)
.clientHeight) {
addVScroll = true;
// setVScrollbarWidth(el);
}
// check for horizontal scrollbars
if (overflowX != 'hidden' && el.get(0)
.scrollWidth > el.get(0)
.clientWidth) {
addHScroll = true;
// setHScrollbarWidth(el);
}
el.css({
"overflow": 'auto'
});
if (addVScroll || addHScroll) {
return true;
}
}
function getPadding(elem) {
var el = $(elem);
paddingTop = parseInt(el.css('padding-top')
.replace('px', ''));
paddingLeft = parseInt(el.css('padding-left')
.replace('px', ''));
paddingBottom = parseInt(el.css('padding-bottom')
.replace('px', ''));
paddingRight = parseInt(el.css('padding-right')
.replace('px', ''));
}
function getBorders(elem) {
var el = $(elem);
borderTop = parseInt(el.css('border-top-width')
.replace('px', ''));
borderRight = parseInt(el.css('border-right-width')
.replace('px', ''));
borderBottom = parseInt(el.css('border-bottom-width')
.replace('px', ''));
borderLeft = parseInt(el.css('border-left-width')
.replace('px', ''));
}
function getDimentions(elem, scroll, update) {
var el = $(elem)
.get(0);
if (update) {
el = $(el)
.find('.lb-wrap')
.get(0);
}
scrollHeight = (typeof(scroll) != 'undefined' && scroll != false) ? scroll.height : el.scrollHeight;
scrollWidth = (typeof(scroll) != 'undefined' && scroll != false) ? scroll.width : el.scrollWidth;
clientHeight = el.clientHeight;
clientWidth = el.clientWidth;
offsetHeight = el.offsetHeight;
offsetWidth = el.offsetWidth;
setVScrollbarWidth($(elem));
setHScrollbarWidth($(elem));
}
return this.each(function() {
//var $this = $(this);
});
};
})(jQuery);