Avatar billede wever Nybegynder
12. november 2000 - 13:50 Der er 14 kommentarer og
1 løsning

\"DIV\" SKAL BEVÆGE SIG!

Hvis man laver en side og deler den op i fx. 3 \"div\"\'er. Kan man så få den ene af \"div\" erne til at bevæge sig, fx. efter en linje??
Avatar billede stringbuffer Nybegynder
12. november 2000 - 14:05 #1
Ja, det kan man godt.
Du skal bruge position:abslute og så bruger du javascript til at bevæge den ved at ændre dens top og left koordinater.
Avatar billede wever Nybegynder
13. november 2000 - 14:06 #2
Har du evt. et eksempel der virker??
Avatar billede frankeman Nybegynder
14. november 2000 - 09:58 #3
her er et lille eksempel det virker dog kun i IE pga brug af all collection.

<DIV class=blue id=move
style=\"LEFT: 200px; POSITION: absolute; TOP: 200px\">moving div</DIV>


document.all.move.style.left = (parseInt(document.all.move.style.left)+2);

den sidste sætning skal så sættes i en funktion som bliver kaldt med et tidsinterval, ala det her:

setInterval(\"funktionsnavn()\",20)

til NN6.0 bruges document.getelementbyid



Avatar billede wever Nybegynder
14. november 2000 - 16:03 #4
Kan du give et HTML Eks.?? FX:

<HTML>
<HEAD>
</HEAD>
<BODY>
HER ER ET EKS.!!
</BODY>
</HTML>

[MATHIAS]
Avatar billede wever Nybegynder
14. november 2000 - 16:10 #5
BARE DET VIRKER I IE!
Avatar billede frankeman Nybegynder
14. november 2000 - 16:20 #6
OK ! her er lige et copy/paste

Hvis det skal virke i både IE og NN6.0 skal du bare erstatte document.all.ID med document.getelementbyid(\"ID\").

NN4.skod er en del anderledes.

Thats it


<HTML>
<HEAD><TITLE></TITLE>
<STYLE type=text/css>.red {
    COLOR: red; FONT-SIZE: 20pt
}
.blue {
    COLOR: blue; FONT-SIZE: 30pt
}
</STYLE>

<SCRIPT language=javascript>
<!--
var move_var =0;

function movetxt()
{
    if ((parseInt(document.all.move.style.left))==700)
    {
    document.all.move.style.left = (parseInt(document.all.move.style.left)-2);
    }
    else
    {}
   
        if ((parseInt(document.all.move.style.left))>680 & (parseInt(document.all.moveblue.style.left))<700)
        {
        document.all.moveblue.style.left = (parseInt(document.all.moveblue.style.left)+3);
       
            if ((parseInt(document.all.moveblue.style.left))>500)
            {
            document.all.moveblue.style.top = (parseInt(document.all.moveblue.style.top)+1);
                   
            }
   
       
       
        }
   

document.all.move.style.left = (parseInt(document.all.move.style.left)+2);
}

function window.onload()
{
setInterval(\"movetxt()\",20)
}

//-->
</SCRIPT>
</HEAD>
<BODY>

<DIV class=blue id=moveblue
style=\"LEFT: 200px; POSITION: absolute; TOP: 200px\">not the red bulls </DIV>

<DIV class=red id=move style=\"LEFT: 10px; POSITION: absolute; TOP: 200px\">this
is the red bulls </DIV>

</BODY>
</HTML>

mvh
FRANK

Avatar billede frankeman Nybegynder
14. november 2000 - 16:22 #7
Det står lidt grimt, men det virker

smid f.eks css ud i en css fil og smid jscripten ud i en js fil.

Det gør det ihvertfalde pæner
Avatar billede wever Nybegynder
14. november 2000 - 21:48 #8
Det er kun den ene der skal bevæge sig!
Avatar billede frankeman Nybegynder
15. november 2000 - 08:40 #9
Det er skam bare at fjerne lidt javascript, sådan


<HTML>
<HEAD><TITLE></TITLE>
<STYLE type=text/css>.red {
    COLOR: red; FONT-SIZE: 20pt
}
.blue {
    COLOR: blue; FONT-SIZE: 30pt
}
</STYLE>

<SCRIPT language=javascript>
<!--

function movetxt()
{

document.all.move.style.left = (parseInt(document.all.move.style.left)+2);
}

function window.onload()
{
setInterval(\"movetxt()\",20)
}

//-->
</SCRIPT>
</HEAD>
<BODY>

<DIV class=blue id=moveblue
style=\"LEFT: 200px; POSITION: absolute; TOP: 200px\">not the red bulls </DIV>

<DIV class=red id=move style=\"LEFT: 10px; POSITION: absolute; TOP: 200px\">this
is the red bulls </DIV>

</BODY>
</HTML>

Avatar billede wever Nybegynder
19. november 2000 - 13:43 #10
Den stopper jo aldrig!
Avatar billede wever Nybegynder
19. november 2000 - 13:45 #11
Kan man ikke få den til at slå en buge?
Avatar billede wever Nybegynder
19. november 2000 - 13:45 #12
Eller sådan noget??
Avatar billede frankeman Nybegynder
19. november 2000 - 14:43 #13
du styrer din bevægelse i y retningen sådan her:

document.all.move.style.top = (parseInt(document.all.move.style.top)+2); 

eller -2

og til at styrer hvornår den stopper kan du jo bruge if sætningen fra svar d. 14/11.

Det var alt det hjælp du får fra mig.

Det besvarer også til fulde dit spørgsmål, så der var lige de points der.



Avatar billede wever Nybegynder
12. december 2000 - 17:24 #14
Jeg har ikke fået det svar jeg ville!!
Jeg ville have en LINGE fx en der slog nogle sving, som man selv kan styre!!

Ikke en der bare forsætter ud i det uendelige!!
Avatar billede frankeman Nybegynder
13. december 2000 - 20:10 #15
FJOLS
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