Avatar billede bigo Nybegynder
16. december 2002 - 21:15 Der er 9 kommentarer og
1 løsning

Et lag der ikke scroller med

Hejsa.

Underlig titel.. men here goes..

Jeg har en side som kan blive længere end skærm længde. Derfor vil der skulle scrolles.
Men øverst har jeg et image som gerne skulle blive hvor det er (et adskille linie) selv om der bliver scrollet.

Kan det lade sig gøre. og evt. så med f.eks. <div>
Avatar billede -johnny- Nybegynder
16. december 2002 - 21:22 #1
Prøv at kigge på www.dynamicdrive.com
Avatar billede bigo Nybegynder
16. december 2002 - 21:52 #2
Desværre.. der var ikke lige noget..
Avatar billede ztyxx Nybegynder
17. december 2002 - 00:28 #3
lavet i dreamweaver


<!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,'25','','','25','','')">
<div id="Layer1" style="position:absolute; width:200px; height:26px; z-index:1; background-color: #CC0000; layer-background-color: #CC0000; border: 1px none #000000;"><font color="#9999CC" face="Verdana, Arial, Helvetica, sans-serif"><strong>hejsa,
  jeg bliver oppe :-)</strong></font></div>

<p>hejsa</p>
<p>pr&oslash;v</p>
<p>at scrolle</p>
<p><a href="#HerTil">Klik her</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>hertil<a name="HerTil"></a></p>
</body>
</html>
Avatar billede bigo Nybegynder
17. december 2002 - 11:35 #4
damn.. det var noget af en html dims... well. har lavet det med iframes og filer der reloader content i de forskellige iframes.

Men jeg vil lige lade den stå..
Avatar billede ztyxx Nybegynder
17. december 2002 - 12:58 #5
hehe, ja det kan nok barberes ned, da dreamweaver har tendens til at lave lidt mere kode, end der egentlig er behov for :-)
Avatar billede Slettet bruger
17. december 2002 - 17:01 #6
Jeg elsker at se DreamWeaver bide i støvet! Dette er den "rigtige" måde:
http://www.eksperten.dk/spm/295250
Avatar billede ztyxx Nybegynder
17. december 2002 - 20:42 #7
hehe phoenixv, du er ikke den eneste, måske man skulle sætte sig lidt mere ind i Javascript, så slipper man for at blive "mobbet" med Dreamweaver, men på den anden side, så har man jo betalt for det, så skal det jo også bruges*LOL*
Avatar billede bigo Nybegynder
17. december 2002 - 21:22 #8
Selv har jeg brugt DW meget til opsætning af f.eks. tables. Men at den kan lave javascript også.. damn jeg har meget at lære.. ;-)
Avatar billede bigo Nybegynder
23. januar 2003 - 22:43 #9
jeg lukker..
Avatar billede Slettet bruger
24. januar 2003 - 16:52 #10
Selv tak...
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