Avatar billede jes_petersen Nybegynder
10. september 2000 - 18:42 Der er 5 kommentarer og
3 løsninger

Flyt layer

Jeg har en layer der hedder contents, den vil jeg gerne have flyttet et bestemt antal pixels. Men jeg har erfaret, at følgende ikke kan lade sig gøre:

function movelayer(){
contents.style.top = contents.style.top + 10px;
}

Hvad skal jeg gøre.
Avatar billede styrmand Nybegynder
10. september 2000 - 18:45 #1
Har du husket at sætte style position til absolute.
Avatar billede barlach Nybegynder
10. september 2000 - 18:45 #2
prøv at fjerne px..???
contents.style.top = contents.style.top + 10;
Avatar billede aka_aze Nybegynder
10. september 2000 - 19:00 #3
Prøv at gøre som jeg har gjort her.


Jeg har brugt DIV tags som virker i modsætning til LAYERS



<html>
<head><title>-= AZE =-</title>
<style>
    #azestyle {position: absolute;background-color: transparent;left: 1000; top: 40; width:350;visibility: show;}
    #azebody {position: absolute;background-color: #004080; border-color: black; border-width:1px; border-style:solid; left: 60; height: 200; top: 200; width:450;visibility: show; padding-left: 15px;}
    #azeshadow {position: absolute;background-color: #262626;left: 60; height: 200; top: 200; width:450;visibility: show;}
    font            {font-family:Verdana;font-size:12pt;font-weight:bold;color: #000000;text-decoration:none;}
    h1                {font-family:Verdana;font-size:16pt;font-weight:bold;color: #000000;text-decoration:none;}
    p                {font-family:Verdana;font-size:12pt;font-weight:bold;color: #000000;text-decoration:none;}
    td                {font-family:Verdana;font-size:12pt;font-weight:bold;color: #000000;text-decoration:none;}
    a:link            {font-family:Verdana;font-size:10pt;font-weight:bold;color: #000000;text-decoration:none;}
    a:visited        {font-family:Verdana;font-size:10pt;font-weight:bold;color: #000000;text-decoration:none;}
    a:hover        {font-family:Verdana;font-size:10pt;font-weight:bold;color: #000000;text-decoration:underline;}
   
</style>
<script language=\"javascript\">
    var StartTime = null;
    var TimerID = null;
    var PauseTime = 50;
    var step = 5;
    var pos = 650;
    var endpos = 120;
    var now = new Date();
    var sha = 4;
    var shacount = 0;
   
    function drawTing() {
        pos -= step;
        if (pos <= endpos) {
            if (shacount < sha) {
                shacount++;
                azebody.style.left=60-shacount;
                azebody.style.top=200-shacount;               
            } else {
                return;
            }
        } else {
            azestyle.style.left = pos;
        }
        TimerID = window.setTimeout(\'drawTing()\',PauseTime);
    }
   
    function StopTimer() {
        TimerID = null;
    }
       
    function StartTimer() {
            now = new Date();
            StartTime = now.getTime();
            StopTimer();
            drawTing();
    }
   
</script>
</head>
<body bgcolor=\"#004080\" onLoad=\"window.StartTimer()\">


<div id=\"azestyle\">
<img border=\"0\" src=\"aze_logo.jpg\">
</div>

<div id=\"azeshadow\"></div>


<div id=\"azebody\" >
<h2>Welcome to the website of AZE.</h2>

<p><b>This site contains:
<ul>
<li><a href=\"defaultSoftIC.asp\">SoftIC (Educational Project)</a></li>
<li><a href=\"./AZE/default.asp\">AZE</a></li>
<li><a href=\"./WWW/default.asp\">WWW</a></li>
<li><a target=_top href=\"http://setiathome.ssl.berkeley.edu/cgi-bin/cgi?cmd=team_lookup&name=Hardcoders\">SETI (HardCoders)</a></li>
</ul>

</b></p>
</div>

</body>
</html>
Avatar billede el_gnu Nybegynder
10. september 2000 - 22:16 #4
hmmm, der er noget i din kode der undre mig

function movelayer(){
contents.style.top = contents.style.top + 10px; // Her bruger du 10px som et tal!?!?
}

Mon ikke det skal ændres til:

function movelayer(){
contents.style.top = contents.style.top + 10;
}

Ikke fordi jeg tror det løser dit problem, men det kunne være en del af det.
Avatar billede jumper Nybegynder
11. september 2000 - 01:15 #5
contents.style.pixelTop += 10;

/Thor
Avatar billede el_gnu Nybegynder
18. september 2000 - 20:57 #6
virker det nu?
Avatar billede el_gnu Nybegynder
10. oktober 2000 - 13:23 #7
hallo!!!
Avatar billede bacardil Nybegynder
18. oktober 2000 - 20:47 #8
..
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