Avatar billede jespera Nybegynder
10. august 2001 - 16:49 Der er 3 kommentarer og
1 løsning

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>
Avatar billede jakoba Nybegynder
11. august 2001 - 13:13 #1
Et delvist svar:  (duer ikke i NS6)
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp97171.html

mvh JakobA
Avatar billede jespera Nybegynder
11. august 2001 - 17:28 #2
Hej Jakob..

Tak for dit bud, men det syntes ikke nok...Selve jumpet fra menupukterne virker ikke. Det er ok med den der jumper til TOP :-) Desværre !!! håber der er andre der har et bud...

MVH

Jesper S.
Avatar billede jakoba Nybegynder
30. september 2001 - 18:18 #3
Det tog sin tid. men nu skulle den være der i IE4, IE5.5 og NS4 og NS6.
på linket ovenfor.

Håber du stadig vil have den :-))
Avatar billede jespera Nybegynder
06. marts 2002 - 15:40 #4
Hold da helt ferie.....Jeg havde helt glemt det spg....Du får dine point for selvom der gik 1 mdr.........Anyway tak for hjælpen.....
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester