Scrolling

Hvad med at lægge nogen anchors ind og kalde dem med et link.

Ellers så prøv at se på noget af dette:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp65350/exp65350fr.html

Den kan ikke bruges

Sådan en havde jeg fra i går.

<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>

Som jeg skrev skulde det være til frames

Ja, jeg er helt rundt på gulvet her. Fik læst forkert.... æv æv :-(

*g*

til en naboramme der har name=\"naboen\".

<a href=\"java script:void( parent.naboen.scrollby(0,100) )\">scroll nedad</a>
<a href=\"java script:void( parent.naboen.scrollby(0,-100) )\">scroll opad</a>

noget i den retning?

mvh JakobA

Ups. scrollBy er med stort B

<a href=\"java script:void( parent.naboen.scrollBy(0,100) )\">scroll nedad</a>
<a href=\"java script:void( parent.naboen.scrollBy(0,-100) )\">scroll opad</a>

Den giver fejl

Fejl: Et objekt var ventet

den ramme der scrolles skal hedder \"naboen\"

<frameset cols=\"50%,*\">
  <frame src=\"sidemedlinksene.html\" name=\"ligemeget\">
  <frame src=\"sidederscrolles.html\" name=\"naboen\">
</frameset>

mvh JakobA

Ja det ved jeg :o)

Så skulle det søreme virke.
Hvordan ser dit frameset ud? og hvilken ramme er til links og hvilken skal scrolles?

Det virker nu

Jeg ændret den til
<A HREF=\"java script:void(parent.naboen.scrollBy(0,100))\">scroll nedad</A>

fejlmulighed:  kommer linkside og scrollside fra samme domæne? Hvis ikke går det galt.

Det fatter jeg ikke. men sålænge det virker :-))
tak for points

<ole>
Her har du lidt mere kontrol over hastigheden:

<script language=\"JavaScript\">
var speed = 10;
var timer = false;
var dir = 1;
function myScroll() {
    if (dir==1) {
        parent.naboen.scrollBy(0,50);
    }
    else if (dir==0) {
        parent.naboen.scrollBy(0,-50);
    }
    timer = setTimeout(\"myScroll()\",speed);
}
function clearScroll() {
    if (timer) clearTimeout(timer);
}
</script>

...og:

<a href=\"java script:void(0)\" onmouseover=\"dir=0;myScroll();\" onmouseout=\"clearScroll();\">op</a><br>
<a href=\"java script:void(0)\" onmouseover=\"dir=1;myScroll();\" onmouseout=\"clearScroll();\">ned</a>

/mvh
</bole>

...du kan \'pille\' lidt med tallene \'speed\' (antal pixels, der scrolles ad gangen) og \'50\' (antal millisekunder mellem scrolling\'erne).
Du kan selvfølgelig også lægge kaldene på onmousedown og onmouseup  :o)