Scrollbar funktion

http://www.ghtml.com/showoff/scrollbar/index.html : Her finder du noget nær den mest gennemtestede og kompatible scrollthingie. :o)

Endnu en: 212.242.177.9/scroller.zip.

http://212.242.177.9/scroller.zip << Til de klikkeglade. Denne virker med sikkerhed i NS 4, NS 6 og IE 5.

http://www.eksperten.dk/list.phtml?q=Scrollbar%20funktion

Eller denne:

<html>
<head>
<style type=\"text/css\"> 
#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right}
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right}
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>
<script language=\"JavaScript\">// begin absolutely positioned scrollable area object scripts
/*
Extension developed by David G. Miles (www.z3roadster.net/dreamweaver)
Original Scrollable Area code developed by Thomas Brattli
To add more shock to your site, visit www.DHTML Shock.com
*/

function verifyCompatibleBrowser(){
    this.ver=navigator.appVersion
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
    return this
}
bw=new verifyCompatibleBrowser()


var speed=50

var loop, timer

function ConstructObject(obj,nest){
    nest=(!nest) ? \'\':\'document.\'+nest+\'.\'
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+\'document.\'+obj):0;
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+\'document.\'+obj):0;
    this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
    this.up=MoveAreaUp;this.down=MoveAreaDown;
    this.MoveArea=MoveArea; this.x; this.y;
    this.obj = obj + \"Object\"
    eval(this.obj + \"=this\")
    return this
}
function MoveArea(x,y){
    this.x=x;this.y=y
    this.css.left=this.x
    this.css.top=this.y
}

function MoveAreaDown(move){
    if(this.y>-this.scrollHeight+objContainer.clipHeight){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".down(\"+move+\")\",speed)
    }
}
function MoveAreaUp(move){
    if(this.y<0){
    this.MoveArea(0,this.y-move)
    if(loop) setTimeout(this.obj+\".up(\"+move+\")\",speed)
    }
}

function PerformScroll(speed){
    if(initialised){
        loop=true;
        if(speed>0) objScroller.down(speed)
        else objScroller.up(speed)
    }
}

function CeaseScroll(){
    loop=false
    if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
    objContainer=new ConstructObject(\'divContainer\')
    objScroller=new ConstructObject(\'divContent\',\'divContainer\')
    objScroller.MoveArea(0,0)
    objContainer.css.visibility=\'visible\'
    initialised=true;
}
// end absolutely positioned scrollable area object scripts

</script>
<body>
<body bgcolor=\"999999\" onLoad=\"InitialiseScrollableArea()\">
</body>
<!-- begin absolutely positioned scrollable area object-->
<div id=\"divUpControl\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(-7)\" onMouseOut=\"CeaseScroll()\">[scroll
  up]</a> </div>
<div id=\"divDownControl\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(7)\" onMouseOut=\"CeaseScroll()\">[scroll
  down]</a> </div>
<div id=\"divContainer\">
  <div id=\"divContent\"> <b>Scroll Area Content Start</b>
    <p> Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend.
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipscing elit, sed diam nonnumy
      eiusmod tempor incidunt ut labore et dolore magna aliquam erat volupat.</p>
    <p>Et harumd dereud facilis est er expedit distinct. Nam liber a tempor cum
      soluta nobis eligend optio comque nihil quod a impedit anim id quod maxim
      placeat facer possim omnis es voluptas assumenda est, omnis dolor repellend.
      Temporem autem quinsud et aur office debit aut tum rerum necesit atib saepe
      eveniet ut er repudiand sint et molestia non este recusand.</p>
    <b>Scroll Area Content End</b> </div>
</div>
<!-- end absolutely positioned scrollable area object -->
<style type=\"text/css\">
#divUpControl{position:absolute; width:320; left:10; top:10; z-index:1; text-align: right}
#divDownControl{position:absolute; width:320; left:10; top:270; z-index:1; text-align: right}
#divContainer{position:absolute; width:320; height:240; overflow:hidden; top:30; left:10; clip:rect(0,320,240,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>
<div id=\"divUpControl\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(-7)\" onMouseOut=\"CeaseScroll()\">[scroll up]</a> </div>
<div id=\"divDownControl\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(7)\" onMouseOut=\"CeaseScroll()\">[scroll down]</a> </div>

Den sidste kan ses i funktion her: http://www.farsinsen.dk/nyheder.htm

<ole>
Nettets bedste - blot med mouseover på to billeder - er nok denne (du downloader en færdig kode-pakke via link\'et):
  http://www.assembler.org/XLAT/05/ASM_Scroller2.zip
Du kan se den på:
  http://www.assembler.org/XLAT/05/index.html
Check iøvrigt hans site ud på:
  http://www.assembler.org
...der er mange fine ting :)
/mvh
</bole>

en simpel lille en:

<script language=\"JavaScript\">

var opBilled  = false;
var nedBilled = false;

function maybeScroll() {
  if ( parent.frames.navn_paa_ramme.document) {
    if ( opBilled )  parent.frames.navn_paa_ramme.scrollBy(0,-5)
    else
    if ( nedBilled ) parent.frames.navn_paa_ramme.scrollBy(0,+5);
  };
}; //end maybeScroll()

var timehandle = setInterval(\"maybeScroll();\",50); // check hver 1/20 del sekund

</script>

</head>
<body>

<a href=\'java script:void(0);\'
  onMouseover=\'opBilled=true;\'
  onMouseout=\'opBilled=false;\'><img src=\'pilOpad.gif\'></a>
<a href=\'java script:void(0);\'
  onMouseover=\'nedBilled=true;\'
  onMouseout=\'nedBilled=false;\'><img src=\'pilNedad.gif\'></a>

Den ramme der skal scrolles formodes at have navnet \"navn_paa_ramme\" som name= parameter i sin <frame kommando i frameset filen.

mvh JakobA

olebole : *LoL* Det var faktisk den jeg linkede til i omdøbt form på http://212.242.177.9/scroller.zip, men da det var et link til min egen com, og jeg er hoppet af nettet siden da, så virker svinet jo ikke... bugga! Skulle nok have uploadet den alligevel! *LoL* Men jo, den er skide god. Virker jo i alle de browsere den skal. :o)

;) Den er rigtig fed - ligesom de andre ting, han laver. Gerts er nu også god, men måske lidt overkill, hvis der kun skal være to knapper.
/mvh

olebole : Har ikke rigtig kigget nærmere på de andre ting, men det skulle man måske. :o)
Og ja, Gerts er lækker...

men spørgsmålet går nu altså på at få scrollet en ramme :)

Hmmmm....måske!?! Siden er lavet i frames, ja...men derfor kan man jo sagtens bruge en DHTML-scroller - hvilket også giver betydelig større kontrol over scroll-funktionen ;)
/mvh