Jump inde i et dokument
Hej Alle.Jeg har et script som fungerer perfekt men vil gerne have tilføjet en jump funktion i denne. Jeg kan godt få den til at jumpe til et bestemt sted i dokumentet men så kan den ikke scrolle tilbage kun frem. Er der nogle der har et svar på denne.
På forhånd tak..
Jesper Sørensen
PS..Se neden stående script (unden jump, kun scroll)
<html>
<head>
<style type=\"text/css\">
#divUpControl {position:absolute; left:150px;top:348px; width:320px;height:30px; z-index:1; text-align: right}
#divDownControl {position:absolute; left:150px; top:525px; width:320px;height:30px; z-index:1;text-align: right}
#divContainer {LEFT: 150px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH:534px; CLIP: rect(0px 534px 320px 0px); POSITION: absolute; TOP: 370px; HEIGHT: 150px}
#divContent {LEFT: 0px; POSITION: absolute; TOP: 0px}
h1 { font: bold 11px Arial, Helvetica, sans-serif}
body { font: normal 11px Arial, Helvetica, sans-serif}
p { font: normal 11px Arial, Helvetica, sans-serif }
-->
</style>
<script language=\"JavaScript\">
/* Extension written by David G. Miles (http://www.z3roadster.net/dreamweaver/)
based in part on code written by Thomas Brattli (http://www.bratta.com)*/
// Courtesy of SimplytheBest.net (http://simplythebest.net/info/dhtml_scripts.html)
<!--
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;
}
function displayStatusMsg(msgStr) {
status=msgStr;
document.returnValue = true;
}
function preloadImages() {
var d=document; if(d.images){ if(!d.p) d.p=new Array();
var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf(\"#\")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}
function swapImgRestore() {
var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document); return x;
}
function swapImage() {
var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language=\"JavaScript\">
<!--
function reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
document.pgW=innerWidth; document.pgH=innerHeight; onresize=reloadPage; }}
else if (innerWidth!=document.pgW || innerHeight!=document.pgH) location.reload();
}
reloadPage(true);
// -->
</script>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>
<body bgcolor=\"#FFFFFF\" text=\"#000000\" onLoad=\"InitialiseScrollableArea();preloadImages(\'../images/arrow-up.jpg\',\'../images/arrow-down.jpg\')\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">
<div id=\"divUpControl\" style=\"left: 0; top: 20px; width: 570; height: 30px\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(-7);displayStatusMsg(\'TEKST OP\');swapImage(\'scroller_up_button\',\'\',\'../images/arrow-up_mouseover.jpg\',1);return document.returnValue\" onMouseOut=\"CeaseScroll();swapImgRestore()\"><img name=\"scroller_up_button\" src=\"../images/arrow-up.jpg\" border=\"0\" alt=\"OP\" width=\"30\" height=\"30\"></a></div>
<div id=\"divDownControl\" style=\"left: 0px; top: 313px; width: 570\"> <a href=\"java script:;\" onMouseOver=\"PerformScroll(7);displayStatusMsg(\'TEKST NED\');swapImage(\'scroller_down_button\',\'\',\'../images/arrow-down_mouseover.jpg\',1);return document.returnValue\" onMouseOut=\"CeaseScroll();swapImgRestore()\"><img name=\"scroller_down_button\" src=\"../images/arrow-down.jpg\" border=\"0\" alt=\"NED\"></a></div>
<div id=\"divContainer\" style=\"left: 2; top: 20px; width: 534px; height: 350px\">
<div id=\"divContent\" style=\"width: 512px; height: 629px; left: 2\">
<br>
INDHOLD:
MENUPUNKT 1
MENUPUNKT 2
MENUPUNKT 3
TEKST:
MENUPUNKT 1:
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
MENUPUNKT 2:
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
MENUPUNKT 3:
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
<font face=\"Arial, Helvetica, sans-serif\"> </font> </p>
</div>
</div>
</body>
</html>
