var scrollbar = "../images/scrollbalken_hte.gif"; //my images var uparrow = "../images/pfeil_hoch_hte.gif"; var downarrow = "../images/pfeil_unten2_hte.gif"; var barbg = "../images/scrollbalken_hg_hte.gif"; var upwidth=19; var upheight=19; var downwidth=19; var downheight=19; var scrollwidth=19; var scrollheight=6; 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 = 8 var scrollTimer = setTimeout("",500) var btnSize = 19 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 + btnSize 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 + btnSize 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 + btnSize if (document[i+"Clip"].document[i].contentH < boxes[l].h) document[i+"verscrollbar"].visibility = "hide" } } } function wheel() { document.write("Wheeli") } 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.x && mouseX < (box.downX) ) { myfocus = true click=true return true } 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 + btnSize) barT = box.y + btnSize 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+btnSize)) { click = true return scrollUp() } if (mouseY > box.downY && mouseY < (box.downY+btnSize)) { click = true return scrollDn() } if (mouseY < box.downY && mouseY > (dragTop + barSize)) { click = true return scrollDn() } if (mouseY > (box.upY + btnSize) && 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 - ((btnSize * 2) + barSize)) position = barPosition * (contentH - height) contentY = -position scroll() if(ie4) return false } else { getMouse(e) //getPos() if (myfocus==true && mouseY<100) return scrollUp2() if (myfocus==true && mouseY>100) return scrollDn2() } } function up() { clearTimeout(scrollTimer) click = false clickDrag = false myfocus=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 - (btnSize*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 scrollUp2() { //getPos() if (mouseY > barY) { return up() } else { if (contentY < 0) { contentY = contentY + speed if (contentY > 0) contentY = 0 barY = barY - (speed / (contentH - height)) * ((height - (btnSize*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("scrollUp2()",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 - (btnSize*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 scrollDn2() { //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 - (btnSize*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("scrollDn2()",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) } document.onmousedown = down document.onmousemove = move document.onmouseup = up liat = new scrollBox(0,0,0,0,"liat")