Lav selv! Scrolbars!

<style>
BODY {SCROLLBAR-FACE-COLOR: 102058; SCROLLBAR-HIGHLIGHT-COLOR: #dddddd; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #dddddd; SCROLLBAR-BASE-COLOR: #ffffff}
</style>

ups misforstod dig lige

Jerg er ikke helt sikker på, om det er det her, du mener:
http://www.twinhelix.com/dynamic.html - gå ind under \"DHTML\" i menuen og så \"DHTML Scroller\".
Et direkte eksempel af scriptet kan ses på:
http://javascript.internet.com/page-details/dhtml-scroller.html

På jysk: \"Så ka\'et vis æ bliv møj let\'er ...\"

ScrollBar Styler 5.5
http://codelifter.com/sbs55index.html

Hallo >>tony breindal<<!

Kan man også selv sætte sin egen scroll-bar ind hvis man har fikset en sammen...

/cmk30

Husk at codelifter\'s kun virker i IE5.5+! Hvis man laver grafik som i mit eksempel virker det vist cross-browser.

JEg har den her der virker i Netscape 4.73, Netscape 6.x og IE 4 og op. Teksten skal du bare udskifte der hvor latinen starter. Du kan også selv lægge billeder ind i stedet for tekst links. Positionen på laget ændrer du lige her forneden hvor der står de 3 \"divUpControl\".

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\"> 
#divUpControl {position:absolute; left:10px;top:10px; width:320px;height:30px; z-index:1; text-align: right}
#divDownControl {position:absolute; left:10px; top:270px; width:320px;height:30px; z-index:1;text-align: right}
#divContainer {LEFT: 10px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH:320px; CLIP: rect(0px 320px 240px 0px); POSITION: absolute; TOP: 30px; HEIGHT: 240px}
#divContent {LEFT: 0px; POSITION: absolute; TOP: 0px}
</style>
<script language=\"JavaScript\">// begin absolutely positioned scrollable area object scripts
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>
</head>

<body bgcolor=\"#FFFFFF\" onLoad=\"InitialiseScrollableArea();\">
<!-- 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 -->
</body>
</html>

/Nikolaj

http://www.fotx.net/nikolajdu

Som de fleste nok hurtigt kan se er der ingen former for styling på det her, men det kan man jo smide på efter behov.

Ok, mange forslag, men ikke noget jeg lige nu synes der kan bruges...

Ser på det!!!

/cmk30

Så må du forklare helt præcist, hvad det er du leder efter! Er det en måde at integrere layers med scrollbars på en side, eller ønsker du bare at designe din helt egen scrollbar?

cmk30 >> 31/10 2001 17:11:16

Øhh ... hvad mener du ?

<ole>
Du finder ikke noget lettere eller bedre end geeeet\'s scroller - som du selv refererer til.
Til gengæld er den slags projekter ikke noget, man lige kan kaste sig ud i, uden at have et vist kendskab til DHTML/JavaScript.
I stedet for at lede efter en let scroller, skal du nok prøve at finde noget læsemateriale om de to teknologier  ;o)
/mvh
</bole>

tony breindal>> Jeg mener hvis man selv har lavet grafikken i photoshop eller sådan noget kan man så selv sætte det ind...

ole>> Så dum er jeg nu heller ikke... :0)

/cmk30

Hvem har talt om dumhed?
Der er vel en årsag til, du spørger. For 1 1/2 år siden kunne jeg have spurgt om det samme - det er der en god grund til, jeg ikke gør idag.
Det var blot denne erfaring, jeg havde lyst til at dele med dig  :)
/mvh

Jeg fandt selv ud min egen lille hade-side som jeg bedte jer om at holde jer fra...!!!

/cmk30