Avatar billede mpj_86 Nybegynder
17. marts 2003 - 00:48 Der er 10 kommentarer og
1 løsning

Gå til toppen af siden med en knap..

Hej
Jeg ved ikke om jeg har oprettet mit spm i det rigtige forum, men er der ikke nogle der har den kode der gør at der stå Top over i nederste højere hjørne og det skal blive ved med at stå der når man man scroller ned på siden og så når man trykker på Top så skal den hoppe op øverst på siden.
Avatar billede ztyxx Nybegynder
17. marts 2003 - 00:57 #1
<A NAME="top">så er du her på toppen...</A>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<A HREF="#top">til toppen</A>
Avatar billede ztyxx Nybegynder
17. marts 2003 - 01:10 #2
dette er lave i Dreamweaver, hvor du, uanset hvor lang siden er, har dit link til toppen i bunden af vinduet, hvor på siden du end befinder dig

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/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);

function MM_findObj(n, d) { //v4.01
  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=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function flevGetDivProperty() { // v1.0
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl)
    this.opera = (window.opera); this.ns4 = (document.layers); this.ie = (document.all);
    this.ns6 = (document.getElementById && !document.all && !this.opera);
    var sV = "", sD = arguments[0], oD = MM_findObj(sD), sP = arguments[1]; if (oD == null) {return 0;}
    var sF = (sD.indexOf("?") > 0) ? sD.substring(sD.indexOf("?")+1) : "";
    if ((sF != "") && (this.ie)) {sD = "parent.frames['" + sF + "']." + sD.substring(0,sD.indexOf("?"));}
    if ((sP == "left") || (sP == "top")) {
        if (!this.ns4) {oD = oD.style;} sV = eval("oD." + sP);
        if ((this.ie) && (sV == "")) { // IE (on PC) bug with nested layers
            if (sP == "top") { sV = eval(sD + ".offsetTop");}
            else { sV = eval(sD + ".offsetLeft");}}}
    else {if (this.opera) {oD = oD.style;
            if (sP == "height") { sV = oD.pixelHeight;}
            else if (sP == "width") { sV = oD.pixelWidth;}}
        else if (this.ns4) {sV = eval("oD.clip." + sP);}
        else if (this.ns6) {sV = document.defaultView.getComputedStyle(oD, "").getPropertyValue(sP);}
        else if (this.ie) {
            if (sP == "width") {sV = eval(sD + ".offsetWidth");}
            else if (sP == "height") {sV = eval(sD + ".offsetHeight");}}}
    sV = (sV == "") ? 0 : sV; if (isNaN(sV)) {if (sV.indexOf('px') > 0) { sV = sV.substring(0,sV.indexOf('px'));}}
    return parseInt(sV);
}

function flevPersistentLayer() { // v3.4
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl/dreamweaver/)
    var sD = arguments[0], oD = eval("MM_findObj('" + sD + "')"), iWW, iWH, iSX, iSY, iT = 10, sS = "";
    if (!document.layers) {oD = oD.style;} if (oD.tmpTimeout != null) {clearTimeout(oD.tmpTimeout);}
    var sXL = arguments[1], sXC = arguments[2], sXR = arguments[3], sYT = arguments[4], sYC = arguments[5], sYB = arguments[6];
    var iS = (arguments.length > 7) ? parseInt(arguments[7]) : 0, iPx = (arguments.length > 8) ? parseInt(arguments[8]) : 0;
    if (window.innerWidth) {var oW = window; iWW = oW.innerWidth; iWH = oW.innerHeight; iSX = oW.pageXOffset; iSY = oW.pageYOffset;}
    else if (document.documentElement && document.documentElement.clientWidth) {
        var oDE = document.documentElement; iWW = oDE.clientWidth; iWH = oDE.clientHeight; iSX = oDE.scrollLeft; iSY = oDE.scrollTop;}
    else if (document.body) {var oDB = document.body; iWW = oDB.clientWidth; iWH = oDB.clientHeight; iSX = oDB.scrollLeft; iSY = oDB.scrollTop;}
    else {return;}
    var iCX = iNX = flevGetDivProperty(sD, 'left'), iCY = iNY = flevGetDivProperty(sD, 'top');
    if (sXL != "") {iNX = iSX + parseInt(sXL);}
    else if (sXC != "") {iNX = Math.round(iSX + (iWW/2) - (flevGetDivProperty(sD, 'width')/2));}
    else if (sXR != "") {iNX = iSX + iWW - (flevGetDivProperty(sD, 'width') + parseInt(sXR));}
    if (sYT != "") {iNY = iSY + parseInt(sYT);}
    else if (sYC != "") {iNY = Math.round(iSY + (iWH/2) - (flevGetDivProperty(sD, 'height')/2));}
    else if (sYB != "") {iNY = iSY + (iWH - flevGetDivProperty(sD, 'height') - parseInt(sYB));}
    if ((iCX != iNX) || (iCY != iNY)) {if (iS > 0) {
            if (iPx > 0) {iT = iS;
                var iPxX = iPx, iPxY = iPx, iMX = Math.abs(iCX - iNX), iMY = Math.abs(iCY - iNY);
                // take care of diagonal movement
                if (iMX < iMY) {iPxY = (iMX != 0) ? ((iMY/iMX)*iPx) : iPx;}
                else {iPxX = (iMY != 0) ? ((iMX/iMY)*iPx) : iPx;}
                if (iPxX >= iMX) {iPxX = Math.min(Math.ceil(iPxX), iPx);}
                if (iPxY >= iMY) {iPxY = Math.min(Math.ceil(iPxY), iPx);}
                // temporary X/Y coordinates
                if ((iCX < iNX) && (iCX + iPxX < iNX)) {iNX = iCX + iPxX;}
                if ((iCX > iNX) && (iCX - iPxX > iNX)) {iNX = iCX - iPxX;}
                if ((iCY < iNY) && (iCY + iPxY < iNY)) {iNY = iCY + iPxY;}
                if ((iCY > iNY) && (iCY - iPxY > iNY)) {iNY = iCY - iPxY;} }
            else {var iMX = ((iNX - iCX) / iS), iMY = ((iNY - iCY) / iS);
                iMX = (iMX > 0) ? Math.ceil(iMX) : Math.floor(iMX); iNX = iCX + iMX;
                iMY = (iMY > 0) ? Math.ceil(iMY) : Math.floor(iMY); iNY = iCY + iMY; } }
        if ((parseInt(navigator.appVersion)>4 || navigator.userAgent.indexOf("MSIE")>-1) && (!window.opera)) {sS="px";}
        if (iMX != 0) {eval("oD.left = '" + iNX + sS + "'");} if (iMY != 0) {eval("oD.top = '" + iNY + sS + "'");}}
    var sF = "flevPersistentLayer('" + sD + "','" + sXL + "','" + sXC + "','" + sXR + "','" + sYT + "','" + sYC + "','" + sYB + "'," + iS + "," + iPx + ")"; oD.tmpTimeout = setTimeout(sF,iT);
}

function flevStartPersistentLayer() { // v3.4
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl/dreamweaver/)
    if (arguments.length < 8) {return;}    var sD = arguments[0]; if (sD == "") {return;}
    var    oD = eval("MM_findObj('" + sD + "')"); if (!oD) {return;} var iCSS = parseInt(arguments[1]);
    var sXL = arguments[2], sXC = arguments[3], sXR = arguments[4], sYT = arguments[5], sYC = arguments[6], sYB = arguments[7];
    var iS = (arguments.length > 8) ? parseInt(arguments[8]) : 0, iPx = (arguments.length > 9) ? parseInt(arguments[9]) : 0;
    if (iCSS != 0) { if (!document.layers) {oD = oD.style;} sXL = parseInt(oD.left), sYT = parseInt(oD.top);}
    var sF = "flevPersistentLayer('" + sD + "','" + sXL + "','" + sXC + "','" + sXR + "','" + sYT + "','" + sYC + "','" + sYB + "'," + iS + "," + iPx + ")";
    eval(sF);
}
//-->
</script>
</head>

<body onLoad="flevStartPersistentLayer('Layer1',0,'','','1','','','1',10)">
<div id="Layer1" style="position:absolute; width:65px; height:22px; z-index:1; left: 733px; top: 400px;"><a href="#top">til
  toppen</a> </div>

<p><a name="top">Toppen</a></p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1 </p>
<p>2</p>
<p>2</p>
<p>2</p>
<p>2</p>
<p>2</p>
<p>3</p>
<p>3</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>65</p>
<p>76</p>
<p>7</p>
<p>34</p>
<p>t6</p>
</body>
</html>
Avatar billede bearhugx Nybegynder
17. marts 2003 - 02:54 #3
ikke for noget - men jeg har en anelse om at dette spm er stillet i den forkerte kategori...

Måske Eksperten::Programmering::(D)HTML var et bedre valg...

/Søren
Avatar billede bearhugx Nybegynder
17. marts 2003 - 03:28 #4
måske dette var noget simplere kode :

<html>
    <head>
        <script type="text/javascript">
            var tb;
            function jumpToStart() {
                scrollTo(0, 0);
                resetTopButton();
            }
            function resetTopButton() {
                tb.style.top = document.body.scrollTop+document.body.clientHeight;
            }
            function doOnLoad() {
                tb = document.getElementById("topButton");
                window.onscroll = resetTopButton;
            }
        </script>
        <style type="text/css">
            body {
                font: 10px verdana;
            }
            #topButton {
                position: absolute;
                left: 100%;
                top: 100%;
                width:100px;
                height:15px;
                z-index:1;
                background-color: black;
                color: #ffffdd;
                border:2px groove #d9d58b;
                margin-left: -110px;
                margin-top: -20px;
                text-align: center;
            }
        </style>
    </head>

    <body onLoad="doOnLoad();">
        <div id="topButton" onclick="jumpToStart();"> gå til toppen </div>
        <!-- Og herfra begynder du bare at fylde på med indhold -->
    </body>
</html>
Avatar billede bearhugx Nybegynder
17. marts 2003 - 03:36 #5
Avatar billede mpj_86 Nybegynder
17. marts 2003 - 07:28 #6
ztyxx:

Kan du ikke lave så der står Top og ikke til toppen?
Avatar billede magoo20000 Nybegynder
17. marts 2003 - 09:52 #7
I denne kategori diskuterer vi Java (OO-programmering).
Avatar billede schaefner Juniormester
17. marts 2003 - 09:55 #8
Den ehr virker også fint, ihvertfald i IE:

<html>
<head></head>

<body>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b><br><br><b><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b><br><br><br><br><br><b><br><br><br><br><br><br><br><br><br><br><br><br><br><b><br><br><br><br><br><br><br><br><b><br><br><br><br><br><br><br><br><br><br><b><br><br><br><br><br><br><br><br><br><br><br><b><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b><br><br><br><br><br><br><br><br>
<a href="#top">Top</a>

</body>
</html>
Avatar billede bearhugx Nybegynder
17. marts 2003 - 10:26 #9
schaefner >> yeps - men grunden til at den virker er, at den ikke kan finde bogmærket "top" -- derfor ikke scroller...

Den løser dog ikke mpj's ønske om "at der stå Top over i nederste højere hjørne og det skal blive ved med at stå der når man man scroller ned på siden "

faktisk er det kun ztyxx's og mit løsningsforslag, som opnår det....
Mit forslag har mindre kode  - men har ikke den "seje" sliding motion, som ztyxx har...
Avatar billede ztyxx Nybegynder
17. marts 2003 - 11:36 #10
hehe, jeg er ret sej...
nej det er nu en extension til DW jeg har brugt

her er den i redigeret form

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/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);

function MM_findObj(n, d) { //v4.01
  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=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function flevGetDivProperty() { // v1.0
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl)
    this.opera = (window.opera); this.ns4 = (document.layers); this.ie = (document.all);
    this.ns6 = (document.getElementById && !document.all && !this.opera);
    var sV = "", sD = arguments[0], oD = MM_findObj(sD), sP = arguments[1]; if (oD == null) {return 0;}
    var sF = (sD.indexOf("?") > 0) ? sD.substring(sD.indexOf("?")+1) : "";
    if ((sF != "") && (this.ie)) {sD = "parent.frames['" + sF + "']." + sD.substring(0,sD.indexOf("?"));}
    if ((sP == "left") || (sP == "top")) {
        if (!this.ns4) {oD = oD.style;} sV = eval("oD." + sP);
        if ((this.ie) && (sV == "")) { // IE (on PC) bug with nested layers
            if (sP == "top") { sV = eval(sD + ".offsetTop");}
            else { sV = eval(sD + ".offsetLeft");}}}
    else {if (this.opera) {oD = oD.style;
            if (sP == "height") { sV = oD.pixelHeight;}
            else if (sP == "width") { sV = oD.pixelWidth;}}
        else if (this.ns4) {sV = eval("oD.clip." + sP);}
        else if (this.ns6) {sV = document.defaultView.getComputedStyle(oD, "").getPropertyValue(sP);}
        else if (this.ie) {
            if (sP == "width") {sV = eval(sD + ".offsetWidth");}
            else if (sP == "height") {sV = eval(sD + ".offsetHeight");}}}
    sV = (sV == "") ? 0 : sV; if (isNaN(sV)) {if (sV.indexOf('px') > 0) { sV = sV.substring(0,sV.indexOf('px'));}}
    return parseInt(sV);
}

function flevPersistentLayer() { // v3.4
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl/dreamweaver/)
    var sD = arguments[0], oD = eval("MM_findObj('" + sD + "')"), iWW, iWH, iSX, iSY, iT = 10, sS = "";
    if (!document.layers) {oD = oD.style;} if (oD.tmpTimeout != null) {clearTimeout(oD.tmpTimeout);}
    var sXL = arguments[1], sXC = arguments[2], sXR = arguments[3], sYT = arguments[4], sYC = arguments[5], sYB = arguments[6];
    var iS = (arguments.length > 7) ? parseInt(arguments[7]) : 0, iPx = (arguments.length > 8) ? parseInt(arguments[8]) : 0;
    if (window.innerWidth) {var oW = window; iWW = oW.innerWidth; iWH = oW.innerHeight; iSX = oW.pageXOffset; iSY = oW.pageYOffset;}
    else if (document.documentElement && document.documentElement.clientWidth) {
        var oDE = document.documentElement; iWW = oDE.clientWidth; iWH = oDE.clientHeight; iSX = oDE.scrollLeft; iSY = oDE.scrollTop;}
    else if (document.body) {var oDB = document.body; iWW = oDB.clientWidth; iWH = oDB.clientHeight; iSX = oDB.scrollLeft; iSY = oDB.scrollTop;}
    else {return;}
    var iCX = iNX = flevGetDivProperty(sD, 'left'), iCY = iNY = flevGetDivProperty(sD, 'top');
    if (sXL != "") {iNX = iSX + parseInt(sXL);}
    else if (sXC != "") {iNX = Math.round(iSX + (iWW/2) - (flevGetDivProperty(sD, 'width')/2));}
    else if (sXR != "") {iNX = iSX + iWW - (flevGetDivProperty(sD, 'width') + parseInt(sXR));}
    if (sYT != "") {iNY = iSY + parseInt(sYT);}
    else if (sYC != "") {iNY = Math.round(iSY + (iWH/2) - (flevGetDivProperty(sD, 'height')/2));}
    else if (sYB != "") {iNY = iSY + (iWH - flevGetDivProperty(sD, 'height') - parseInt(sYB));}
    if ((iCX != iNX) || (iCY != iNY)) {if (iS > 0) {
            if (iPx > 0) {iT = iS;
                var iPxX = iPx, iPxY = iPx, iMX = Math.abs(iCX - iNX), iMY = Math.abs(iCY - iNY);
                // take care of diagonal movement
                if (iMX < iMY) {iPxY = (iMX != 0) ? ((iMY/iMX)*iPx) : iPx;}
                else {iPxX = (iMY != 0) ? ((iMX/iMY)*iPx) : iPx;}
                if (iPxX >= iMX) {iPxX = Math.min(Math.ceil(iPxX), iPx);}
                if (iPxY >= iMY) {iPxY = Math.min(Math.ceil(iPxY), iPx);}
                // temporary X/Y coordinates
                if ((iCX < iNX) && (iCX + iPxX < iNX)) {iNX = iCX + iPxX;}
                if ((iCX > iNX) && (iCX - iPxX > iNX)) {iNX = iCX - iPxX;}
                if ((iCY < iNY) && (iCY + iPxY < iNY)) {iNY = iCY + iPxY;}
                if ((iCY > iNY) && (iCY - iPxY > iNY)) {iNY = iCY - iPxY;} }
            else {var iMX = ((iNX - iCX) / iS), iMY = ((iNY - iCY) / iS);
                iMX = (iMX > 0) ? Math.ceil(iMX) : Math.floor(iMX); iNX = iCX + iMX;
                iMY = (iMY > 0) ? Math.ceil(iMY) : Math.floor(iMY); iNY = iCY + iMY; } }
        if ((parseInt(navigator.appVersion)>4 || navigator.userAgent.indexOf("MSIE")>-1) && (!window.opera)) {sS="px";}
        if (iMX != 0) {eval("oD.left = '" + iNX + sS + "'");} if (iMY != 0) {eval("oD.top = '" + iNY + sS + "'");}}
    var sF = "flevPersistentLayer('" + sD + "','" + sXL + "','" + sXC + "','" + sXR + "','" + sYT + "','" + sYC + "','" + sYB + "'," + iS + "," + iPx + ")"; oD.tmpTimeout = setTimeout(sF,iT);
}

function flevStartPersistentLayer() { // v3.4
    // Copyright 2002, Marja Ribbers-de Vroed, FlevOOware (www.flevooware.nl/dreamweaver/)
    if (arguments.length < 8) {return;}    var sD = arguments[0]; if (sD == "") {return;}
    var    oD = eval("MM_findObj('" + sD + "')"); if (!oD) {return;} var iCSS = parseInt(arguments[1]);
    var sXL = arguments[2], sXC = arguments[3], sXR = arguments[4], sYT = arguments[5], sYC = arguments[6], sYB = arguments[7];
    var iS = (arguments.length > 8) ? parseInt(arguments[8]) : 0, iPx = (arguments.length > 9) ? parseInt(arguments[9]) : 0;
    if (iCSS != 0) { if (!document.layers) {oD = oD.style;} sXL = parseInt(oD.left), sYT = parseInt(oD.top);}
    var sF = "flevPersistentLayer('" + sD + "','" + sXL + "','" + sXC + "','" + sXR + "','" + sYT + "','" + sYC + "','" + sYB + "'," + iS + "," + iPx + ")";
    eval(sF);
}
//-->
</script>
</head>

<body onLoad="flevStartPersistentLayer('Layer1',0,'','','1','','','1',10)">
<div id="Layer1" style="position:absolute; width:65px; height:22px; z-index:1; left: 733px; top: 400px;"><a href="#top">Top</a> </div>

<p><a name="top">Toppen</a></p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1 </p>
<p>2</p>
<p>2</p>
<p>2</p>
<p>2</p>
<p>2</p>
<p>3</p>
<p>3</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>65</p>
<p>76</p>
<p>7</p>
<p>34</p>
<p>t6</p>
</body>
</html>
Avatar billede mpj_86 Nybegynder
17. marts 2003 - 13:03 #11
bearhugx: det bliver dig der få pointsne da det er den jeg ville havde, du kan se den i brug her
http://www.mopedpower.dk
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
Kurser inden for grundlæggende programmering

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