Avatar billede krogstrup Nybegynder
14. juli 1999 - 10:44 Der er 14 kommentarer og
1 løsning

Lag skal blive stående på trods af scrollbar

Hvis jeg har en laaang side med en scrollbar og et lag som indeholder en billedeknap. Hvordan får jeg så laget til at blive på den position, jeg har bedt om, selv om man scroller nedad siden? Laget må altså ikke flytte sig når man scroller nedad - kan dette lade sig gøre ???
Avatar billede cyberesben Nybegynder
14. juli 1999 - 10:56 #1
her er et script. skriv hvis jeg skal tilpasse det for dig

<script language="javascript">
<!--
var browser = navigator.appName;
var version = navigator.appVersion.charAt(0);

if(browser=="Netscape" && version >=4)

{
document.write('<LAYER NAME="Fixed" ID="Fixed" ALIGN="right">');
document.write('<A HREF="http://www.escalix.com/freepage" TARGET="_top"><IMG SRC="http://www.escalix.com/footer/escalix.gif" ALT="Get a free 6mb homepage!" BORDER="0"></A><BR>');
document.write('</LAYER>');
document.write('<SCRIPT LANGUAGE="javascript1.2" SRC="http://www.escalix.com/footer/jav50_ns.js">');
document.write('</SCRIPT>');
}

if(browser=="Microsoft Internet Explorer" && version >=4)
{
document.write('<DIV CLASS="Mailer" ID="Mailer" STYLE="position:absolute;top:1;display:none;" ALIGN="right">');
document.write('<A HREF="http://www.escalix.com/freepage" TARGET="_top"><IMG SRC="http://www.escalix.com/footer/escalix.gif" ALT="Get a free 6mb homepage!" BORDER="0"></A><BR>');
document.write('</DIV>');
document.write('<SCRIPT LANGUAGE="javascript1.2" SRC="http://www.escalix.com/footer/jav50_ie.js">');
document.write('</SCRIPT>');
}
// -->
</script>
Avatar billede krogstrup Nybegynder
14. juli 1999 - 11:20 #2
Hej Cyberesben

Tak for dit svar - jeg kunne delvist få det til at fungere. Kan du ikke prøve at tage et kig på http://www.krogstrup.dk/test

Der kan du sikkert hurtigt regne ud, hvad mit problem er. Pilene som man skal kunne bruge til at scrolle med, må IKKE flytte sig ?????
Avatar billede cyberesben Nybegynder
14. juli 1999 - 11:51 #3
det kan jeg se! jeg kigger lige på det så!
Avatar billede cyberesben Nybegynder
14. juli 1999 - 12:12 #4
så har jeg sat scriptet ind og det virker

<!-------------------------------------------------------------------------------



    Author: RBK - Reklamebureauet Konsulenterne Aps

    All copyrights to Reklamebureauet Konsulenterne Aps © 1999-2000





    This page has been designed and programmed by:



    Karsten Hede Jensen (karsten@rbk.dk) & David Krogstrup (david@rbk.dk)





    Language: Danish

    Phone: +45 - 70 218 218

    Fax: +45 - 70 218 217

    SnailMail: Finsensvej 37a, 2000 Frederiksberg, Denmark

    RBK Emailadress: rbk@rbk.dk



-------------------------------------------------------------------------------->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<html>



    <head>

        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">

        <title></title>

        <meta name="keywords" content="">

        <meta name="description">

        <base>

       







<!-- HER STARTER SCROLL OP OG NED SCRIPTET-->









<csactions>

            <csaction name="158FD3B0" class="Scroll Up" type="ONEVENT" val0="15" val1="50">

            <csaction name="15A23231" class="Scroll Down" type="ONEVENT" val0="15" val1="50">

        </csactions>

        <csscriptdict>

            <script><!--

CSStopExecution = false;



function CSAction(array) {

    return CSAction2(CSAct, array);

}

function CSAction2(fct, array) {

    var result;

    for (var i=0;i<array.length;i++) {

        if(CSStopExecution) return false;

        var actArray = fct[array[i]];

        if(actArray == null) return false;

        var tempArray = new Array;

        for(var j=1;j<actArray.length;j++) {

            if((actArray[j] != null) && (typeof(actArray[j]) == "object") && (actArray[j].length == 2)) {

                if(actArray[j][0] == "VAR") {

                    tempArray[j] = CSStateArray[actArray[j][1]];

                }

                else {

                    if(actArray[j][0] == "ACT") {

                        tempArray[j] = CSAction(new Array(new String(actArray[j][1])));

                    }

                else

                    tempArray[j] = actArray[j];

                }

            }

            else

                tempArray[j] = actArray[j];

        }           

        result = actArray[0](tempArray);

    }

    return result;

}

CSAct = new Object;



function CSScrollUp(action){

    if(navigator.appVersion.charAt(0) >=4) {

        var container = 0   

        if (action[2] > 0)        {

            while (container < action[1]) {

                  window.scrollBy(0,-action[2]);

                  container = container + action[2]; 

            }    

          }

    }

}

function CSScrollDown(action){

    if(navigator.appVersion.charAt(0) >=4) {

        var container = 0   

        if (action[2] > 0)        {

            while (container < action[1]) {

                  window.scrollBy(0,action[2]);

                  container = container + action[2]; 

            }    

          }

    }

}



// --></script>

        </csscriptdict>

        <csactiondict>

            <script><!--

CSAct[/*CMP*/ '158FD3B0'] = new Array(CSScrollUp,15,50);

CSAct[/*CMP*/ '15A23231'] = new Array(CSScrollDown,15,50);



// --></script>

        </csactiondict>

        <style type="text/css"><!--

#mailer { position: absolute; top: 22px; left: 399px; width: 146px; height: 140px; visibility: visible }

a:hover { color: #000000; font-style: normal; font-size: 9pt; font-family: Geneva, Arial; text-decoration: underline }

a:link { color: #000000; font-style: normal; font-size: 9pt; font-family: Geneva, Arial; text-decoration: none }

a:visited { color: #000000; font-style: normal; font-size: 9pt; font-family: Geneva, Arial; text-decoration: none }

body { color: #000000; font-style: normal; font-size: 9pt; font-family: Geneva, Arial }

td { color: #000000; font-style: normal; font-weight: normal; font-size: 9pt; font-family: Geneva, Arial }-->

        </style>









<!-- HER SLUTTER SCROLL OP OG NED SCRIPTET-->









    </head>



    <body topmargin="10" marginheight="10" leftmargin="10" marginwidth="10" bgcolor="white">

        Testing

        <p>Testing</p>

        <p>Testing










<script language="javascript">
<!--
var browser = navigator.appName;
var version = navigator.appVersion.charAt(0);

if(browser=="Netscape" && version >=4)

{
document.write('<LAYER NAME="Fixed" ID="Fixed" ALIGN="right">');
document.write('<a href="#" csover="158FD3B0" onmouseover="CSAction(new Array(/*CMP*/\'158FD3B0\'));return true;"><img height="55" width="40" src="up.gif"></a><p><a href="#" csover="15A23231" onmouseover="CSAction(new Array(/*CMP*/\'15A23231\'));return true;"><img height="55" width="40" src="down.gif"></a><BR>');
document.write('</LAYER>');
document.write('<SCRIPT LANGUAGE="javascript1.2" SRC="http://www.escalix.com/footer/jav50_ns.js">');
document.write('</SCRIPT>');
}

if(browser=="Microsoft Internet Explorer" && version >=4)
{
document.write('<DIV CLASS="Mailer" ID="Mailer" STYLE="position:absolute;top:1;display:none;" ALIGN="right">');
document.write('<a href="#" csover="158FD3B0" onmouseover="CSAction(new Array(/*CMP*/\'158FD3B0\'));return true;"><img height="55" width="40" src="up.gif"></a><p><a href="#" csover="15A23231" onmouseover="CSAction(new Array(/*CMP*/\'15A23231\'));return true;"><img height="55" width="40" src="down.gif"></a><BR>');
document.write('</DIV>');
document.write('<SCRIPT LANGUAGE="javascript1.2" SRC="http://www.escalix.com/footer/jav50_ie.js">');
document.write('</SCRIPT>');
}
// -->
</script> 






























       

        </p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing</p>

        <p>Testing

    </body>



</html>

Avatar billede krogstrup Nybegynder
14. juli 1999 - 12:18 #5
Jeg nåede lige så langt som dig for lidt siden - men problemet er jo ikke løst endnu. Laget er blevet flyttet helt ned til højre hjørne i bunden. Der skal laget ikke være. Laget skal være der hvor det var før den ny kodning blev indsat ( http://www.krogstrup.dk/test )

??????

/David
Avatar billede krogstrup Nybegynder
14. juli 1999 - 12:19 #6
Jeg bruger IE50
Avatar billede krogstrup Nybegynder
15. juli 1999 - 08:29 #7
Tak :)
Avatar billede cyberesben Nybegynder
14. juli 1999 - 13:56 #8
ok... det må jeg lige kigge på!
Avatar billede jumper Nybegynder
14. juli 1999 - 20:52 #9
IE 5 er fyldt med fejl, det kan måske være derfor ;)

/Thor
Avatar billede cyberesben Nybegynder
14. juli 1999 - 20:58 #10
øøøøh jumper, nej det er fordi det script jeg har nagget er til en reklame i bunden af skærmen...
Avatar billede cyberesben Nybegynder
14. juli 1999 - 20:59 #11
men jeg skal nok kigge på det....
Avatar billede cyberesben Nybegynder
26. juli 1999 - 14:31 #12
du må undskylde at jeg ikke har kigget ind længe... jeg har et script men det skal lige tilpasses...
Avatar billede cyberesben Nybegynder
27. juli 1999 - 01:58 #13
så skulle den værei hus....

<!-------------------------------------------------------------------------------

        Author: RBK - Reklamebureauet Konsulenterne Aps
        All copyrights to Reklamebureauet Konsulenterne Aps © 1999-2000


        This page has been designed and programmed by:

        Karsten Hede Jensen (karsten@rbk.dk) & David Krogstrup (david@rbk.dk)


        Language: Danish
        Phone: +45 - 70 218 218
        Fax: +45 - 70 218 217
        SnailMail: Finsensvej 37a, 2000 Frederiksberg, Denmark
        RBK Emailadress: rbk@rbk.dk

-------------------------------------------------------------------------------->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>

        <head>
                <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
                <title></title>
                <meta name="keywords" content="">
                <meta name="description">
<style>  #divBottom  {
      position : absolute;
      font-family : verdana,arial,helvetica;
      height : 20;
      width : 100;
      font-size : 10pt;
      color : Silver;
    text-decoration : none;
  }
</style>





<script language="JavaScript1.2">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
********************************************************************************/

/********************************************************************************
Remeber to set the look of the divBottom layer in the stylesheet (if you wan't
another font or something)
********************************************************************************/

/*Set these values, gleft for how much from the right you wan't the layer to go
and gtop for how much from the bottom you wan't it*/

var gleft=350
var gtop=30

//Browsercheck
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;


/********************************************************************************
Constructing the ChangeText object
********************************************************************************/
function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
      this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')                           
    this.moveIt=b_moveIt;
}
function b_moveIt(x,y){
    this.x=x; this.y=y
      this.css.left=this.x
    this.css.top=this.y
}
/********************************************************************************
Initilizing the page, getting height and width to moveto and calls the
object constructor
********************************************************************************/
var pageWidth,pageHeight
function geoInit(){
    oTest=new makeObj('divBottom')
    pageWidth=(ie)?document.body.offsetWidth-4:innerWidth;
    pageHeight=(ie)?document.body.offsetHeight-2:innerHeight;
    checkIt()
    //sets the resize handler.
    onresize=resized
    if(ie) window.onscroll=checkIt;
}
/********************************************************************************
This function executes onscroll in ie and every 30 millisecond in ns
and checks if the user have scrolled, and if it has it moves the layer.
********************************************************************************/
function checkIt(){
    if(ie) oTest.moveIt(document.body.scrollLeft+gleft,document.body.scrollTop+gtop)
    else if(n){
        oTest.moveIt(window.pageXOffset+gleft, window.pageYOffset+gtop)
        setTimeout('checkIt()',20)
    }
}

//Adds a onresize event handler to handle the resizing of the window.
function resized(){
    pageWidth=(ie)?document.body.offsetWidth-4:innerWidth;
    pageHeight=(ie)?document.body.offsetHeight-2:innerHeight;
    if(ie) checkIt()
}


//Calls the geoInit onload
onload=geoInit;

//Here we will write the div out so that lower browser won't see it.
if(n || ie) document.write('<div id="divBottom"><a href="#" csover="158FD3B0" onmouseover="CSAction(new Array(/*CMP*/\'158FD3B0\'));return true;"><img height="55" width="40" src="up.gif"></a><p><a href="#" csover="15A23231" onmouseover="CSAction(new Array(/*CMP*/\'15A23231\'));return true;"><img height="55" width="40" src="down.gif"></a></div>')
</script>





                <base>
               



<!-- HER STARTER SCROLL OP OG NED SCRIPTET-->
















<csactions>
                        <csaction name="158FD3B0" class="Scroll Up" type="ONEVENT" val0="15" val1="50">
                        <csaction name="15A23231" class="Scroll Down" type="ONEVENT" val0="15" val1="50">
                </csactions>
                <csscriptdict>
                        <script><!--
CSStopExecution = false;

function CSAction(array) {
        return CSAction2(CSAct, array);
}
function CSAction2(fct, array) {
        var result;
        for (var i=0;i<array.length;i++) {
                if(CSStopExecution) return false;
                var actArray = fct[array[i]];
                if(actArray == null) return false;
                var tempArray = new Array;
                for(var j=1;j<actArray.length;j++) {
                        if((actArray[j] != null) && (typeof(actArray[j]) == "object") && (actArray[j].length == 2)) {
                                if(actArray[j][0] == "VAR") {
                                        tempArray[j] = CSStateArray[actArray[j][1]];
                                }
                                else {
                                        if(actArray[j][0] == "ACT") {
                                                tempArray[j] = CSAction(new Array(new String(actArray[j][1])));
                                        }
                                else
                                        tempArray[j] = actArray[j];
                                }
                        }
                        else
                                tempArray[j] = actArray[j];
                }                     
                result = actArray[0](tempArray);
        }
        return result;
}
CSAct = new Object;

function CSScrollUp(action){
        if(navigator.appVersion.charAt(0) >=4) {
                var container = 0     
                if (action[2] > 0)              {
                        while (container < action[1]) {
                                window.scrollBy(0,-action[2]);
                                container = container + action[2]; 
                        }     
        }
        }
}
function CSScrollDown(action){
        if(navigator.appVersion.charAt(0) >=4) {
                var container = 0     
                if (action[2] > 0)              {
                        while (container < action[1]) {
                                window.scrollBy(0,action[2]);
                                container = container + action[2]; 
                        }     
        }
        }
}

// --></script>
                </csscriptdict>
                <csactiondict>
                        <script><!--
CSAct[/*CMP*/ '158FD3B0'] = new Array(CSScrollUp,15,50);
CSAct[/*CMP*/ '15A23231'] = new Array(CSScrollDown,15,50);

// --></script>
                </csactiondict>
                <style type="text/css"><!--
#mailer { position: absolute; top: 22px; left: 399px; width: 146px; height: 140px; visibility: visible }
a:hover { color: #000000; font-style: normal; font-size: 9pt; font-family: Geneva, Arial; text-decoration: underline }
a:link { color: #000000; font-style: normal; font-size: 9pt; font-family: Geneva, Arial; text-decoration: none }
a:visited { color: #000000; font-style: normal; font-size: 9pt; font-family: Geneva, Arial; text-decoration: none }
body { color: #000000; font-style: normal; font-size: 9pt; font-family: Geneva, Arial }
td { color: #000000; font-style: normal; font-weight: normal; font-size: 9pt; font-family: Geneva, Arial }-->
                </style>




<!-- HER SLUTTER SCROLL OP OG NED SCRIPTET-->




        <META NAME="Generator" CONTENT="Stone's WebWriter 2">
</head>

        <body topmargin="10" marginheight="10" leftmargin="10" marginwidth="10" bgcolor="white">
                Testing
                <p>Testing</p>
                <p>Testing



















               
                </p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing</p>
                <p>Testing
        </body>

</html>
Avatar billede jacobmk Nybegynder
27. juli 1999 - 12:40 #14
Det her er altså en del mere overskueligt!!!!

<html>
<head>
    <title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
  }
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
// -->
</script>
</HEAD>

<BODY OnLoad="setVariables();checkLocation()">

<div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:2">

<table width=130 border=0 cellspacing=20 cellpadding=0>
<tr>
<td>Menuen !</td>
</tr>
<tr>
<td><a href="" >Punkt 1</a></td>
</tr>
<tr>
<td><a href="" >Punkt 2</a></td>
</tr>
<tr>
<td><a href="" >Punkt3 </a></td>
</tr>
<tr>
<td><a href="" >Punkt 4</a></td>
</tr>
</table>
</div>

<table>
<tr>
<td width=130>
<font color="white"> </font>
</td>

<td>

Bla bla bla bla bla bla bla bla bla bla bla<br>
Bla bla bla bla bla bla bla bla bla bla bla<br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br>
Bla bla bla bla bla bla bla bla bla bla bla<br>
Bla bla bla bla bla bla bla bla bla bla bla<br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br>
Bla bla bla bla bla bla bla bla bla bla bla<br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla<br>

</td></tr>
</table>
</body>
</html>
Avatar billede krogstrup Nybegynder
27. juli 1999 - 12:59 #15
Jeg takker for alles deltagelse og hjælp :)

Mvh

David
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