var scrollbar = "balken/scrollbalken_scroller.png"; //my images var uparrow = "balken/scrollbalken_pfeilhoch.png"; var downarrow = "balken/scrollbalken_pfeilrunter.png"; var barbg = "balken/scrollbalken.png"; var upwidth=14; var upheight=12; var downwidth=14; var downheight=12; var scrollwidth=14; var scrollheight=49; var randx=45; var randy=20; ns4 = (document.layers)?true:false ie4 = (document.all)?true:false dom = (document.getElementById)?true:false var mouseX var mouseY var id var click var clickDrag var contentY var contentH var barY var barSize = 49 var scrollTimer = setTimeout("",500) var btnSize = 14 var ybtnSize = 12 var speed = 6 var height var boxCSS = "\n" document.open() document.write(boxCSS) document.close() } function scrollHTML() { document.open() document.write(boxHTML) document.close() for (l = 0;l < boxes.length; l++) { i = boxes[l].i if (dom) { document.getElementById(i).contentH = document.getElementById(i).offsetHeight document.getElementById(i).style.top = 0 document.getElementById(i+"verscrollbar").y = boxes[l].y + ybtnSize if (document.getElementById(i).contentH < boxes[l].h) document.getElementById(i+"verscrollbar").style.visibility = "hidden" } else if (ie4) { document.all[i].contentH = document.all[i].offsetHeight document.all[i].style.top = 0 document.all[i+"verscrollbar"].y = boxes[l].y + ybtnSize if (document.all[i].contentH < boxes[l].h) document.all[i+"verscrollbar"].style.visibility = "hidden" } else if (ns4) { document[i+"Clip"].document[i].contentH = document[i+"Clip"].document[i].document.height document[i+"verscrollbar"].y = boxes[l].y + ybtnSize if (document[i+"Clip"].document[i].contentH < boxes[l].h) document[i+"verscrollbar"].visibility = "hide" } } } function handle(delta) { if (dom) document.getElementById(id+"verscrollbar").y = barY if (ie4) document.all[id+"verscrollbar"].y = barY if (ns4) document[id+"verscrollbar"].y = barY if (dom) { document.getElementById(id+"verscrollbar").style.top +=6 document.getElementById(id).style.top +=6 } else if (ie4) { document.all[id+"verscrollbar"].style.top += 6 document.all[id].style.top += 6 } else if (ns4) { document[id+"verscrollbar"].top += 6 document[id+"Clip"].document[id].top += 6 } scrollTimer = setTimeout("scrollUp()",25) } function wheel() { handle(1); if (0) { var delta = 0; if (!event) /* For IE. */ event = window.event; if (event.wheelDelta) { /* IE/Opera. */ delta = event.wheelDelta/120; /** In Opera 9, delta differs in sign as compared to IE. */ if (window.opera) delta = -delta; } else if (event.detail) { /** Mozilla case. */ /** In Mozilla, sign of delta is different than in IE. * Also, delta is multiple of 3. */ delta = -event.detail/3; } /** If delta is nonzero, handle it. * Basically, delta is now positive if wheel was scrolled up, * and negative, if wheel was scrolled down. */ if (delta) handle(delta); /** Prevent default actions caused by mouse wheel. * That might be ugly, but we handle scrolls somehow * anyway, so don't bother here.. */ if (event.preventDefault) event.preventDefault(); event.returnValue = false; } } function down(e) { getMouse(e) for (i=0; i < boxes.length; i++) { box = boxes[i] if (mouseY > box.y && mouseY < (box.y + box.h) && mouseX > box.downX && mouseX < (box.downX + btnSize) ) { id = box.i height = box.h barStop = (box.y + box.h) - (barSize + ybtnSize) barT = box.y + ybtnSize if (dom) dragTop = document.getElementById(id+"verscrollbar").y if (ie4) dragTop = document.all[id+"verscrollbar"].y if (ns4) dragTop = document[id+"verscrollbar"].y if (mouseY > box.upY && mouseY < (box.upY+ybtnSize)) { click = true return scrollUp() } if (mouseY > box.downY && mouseY < (box.downY+ybtnSize)) { click = true return scrollDn() } if (mouseY < box.downY && mouseY > (dragTop + barSize)) { click = true return scrollDn() } if (mouseY > (box.upY + ybtnSize) && mouseY < dragTop) { click = true return scrollUp() } if (mouseY > dragTop && mouseY < (dragTop + barSize)) { clickDrag = true return false } } } } function move(e) { if(click && ie4) return false if(clickDrag) { getMouse(e) getPos() barY = mouseY - (barSize / 2) if (barY < barT) barY = barT if (barY > barStop) barY = barStop if (dom) document.getElementById(id+"verscrollbar").y = barY if (ie4) document.all[id+"verscrollbar"].y = barY if (ns4) document[id+"verscrollbar"].y = barY barPosition = (barY - barT) / (height - ((ybtnSize * 2) + barSize)) position = barPosition * (contentH - height) contentY = -position scroll() if(ie4) return false } } function up() { clearTimeout(scrollTimer) click = false clickDrag = false } function scrollUp() { getPos() if (mouseY > barY) { return up() } else { if (contentY < 0) { contentY = contentY + speed if (contentY > 0) contentY = 0 barY = barY - (speed / (contentH - height)) * ((height - (ybtnSize*2)) - barSize) if (barY < barT) barY = barT if (dom) document.getElementById(id+"verscrollbar").y = barY if (ie4) document.all[id+"verscrollbar"].y = barY if (ns4) document[id+"verscrollbar"].y = barY scroll() scrollTimer = setTimeout("scrollUp()",25) } } return false } function scrollDn() { getPos() if (mouseY < (barY + barSize)) return up() else { if (contentY > (-contentH + height)) { contentY = contentY - speed if (contentY < (-contentH + height)) contentY = (-contentH + height) barY = barY + (speed / (contentH - height)) * ((height - (ybtnSize*2)) - barSize) if (barY > barStop) barY = barStop if (dom) document.getElementById(id+"verscrollbar").y = barY if (ie4) document.all[id+"verscrollbar"].y = barY if (ns4) document[id+"verscrollbar"].y = barY scroll() scrollTimer = setTimeout("scrollDn()",25) } } return false } function scroll() { if (dom) { document.getElementById(id+"verscrollbar").style.top = barY document.getElementById(id).style.top = contentY } else if (ie4) { document.all[id+"verscrollbar"].style.top = barY document.all[id].style.top = contentY } else if (ns4) { document[id+"verscrollbar"].top = barY document[id+"Clip"].document[id].top = contentY } } function getPos() { if (dom) { contentY = parseInt(document.getElementById(id).style.top) barY = document.getElementById(id+"verscrollbar").y contentH = document.getElementById(id).contentH } else if (ie4) { contentY = parseInt(document.all[id].style.top) barY = document.all[id+"verscrollbar"].y contentH = document.all[id].contentH } else if (ns4) { contentY = document[id+"Clip"].document[id].top barY = document[id+"verscrollbar"].y contentH = document[id+"Clip"].document[id].contentH } return true } function getMouse(e) { if (ie4) { mouseY = event.clientY + document.body.scrollTop mouseX = event.clientX + document.body.scrollLeft } else if (ns4 || dom) { mouseY = e.pageY mouseX = e.pageX } } function init() { } if(ns4) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP) } // if (window.addEventListener) // window.addEventListener('DOMMouseScroll', wheel, false); // if (document.addEventListener) // document.addEventListener('DOMMouseScroll', wheel, false); document.onmousedown = down document.onmousemove = move document.onmouseup = up // document.onmousewheel = wheel // liat = new scrollBox(0,0,0,0,"liat","")