Avatar billede mikoalngelo Nybegynder
13. maj 2002 - 14:25 Der er 10 kommentarer og
1 løsning

Intro med flyvende DIV-bokse

Hvad gør jeg galt med denne kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function Intro(){
    Boks1Rutex = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50)
    Boks1Rutey = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50)
    if (Boks1Rutey.length == Boks1Rutey.length){
        for (i = 1; i<Boks1Rutex.length; i++){
            document.Boks1.Style.Left        = Boks1Rutex
            document.Boks1.style.Top        = Boks1Rutey
            window.setTimeout("Intro()", 100)
        }
    }
}
</SCRIPT>
    <TITLE>Introen-prøve</TITLE>
</HEAD>
<BODY onload="Intro()">

<DIV ID="Boks1" STYLE="position:absolute;top:50;left:50;border:2px solid red;">4560456+04+64085405<BR>564860+455486013</DIV>

</BODY>
</HTML>

Den siger bare, at "document.Boks1.style" er null eller ikke et objekt, v´hvilket jeg ikke kan forstå.
Er der nogen der kan hjælpe mig, så please gør det......

PS: Prøv at se den "u-introede" version på http://harrypotter.lk-data.net og klik på ? om Harry Potter
Avatar billede jakoba Nybegynder
13. maj 2002 - 14:54 #1
left og top skal staves med lille L og lille T der:
            document.Boks1.Style.left        = Boks1Rutex
            document.Boks1.style.top        = Boks1Rutey

mvh JakobA
Avatar billede mikoalngelo Nybegynder
13. maj 2002 - 15:34 #2
Nixen, det virker ikke, den ksriver stadigvæk at det er null/ ikke et objekt.... :(
Avatar billede jakoba Nybegynder
13. maj 2002 - 15:59 #3
det er mere korrekt at adressere med
  document.all['Boks1'].style
det kunne måske hjælpe

fra IE5 er det allermest korrekte at skrive:
  document.getElementById('Boks1').style

men det plejer nu at virke på alle 3 måder i IE.

kunne det være der også er noget andet på din side du kalder id='Boks1' eller name='Boks1'?
Avatar billede jakoba Nybegynder
13. maj 2002 - 16:01 #4
Hey, vi har jo det samme med style. Du staver style med stort S et par steder, det skal være med lille s altid.
Avatar billede mikoalngelo Nybegynder
13. maj 2002 - 20:42 #5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<SCRIPT TYPE="text/javascript">
function Intro(){
    Boks1Rutex = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50)
    Boks1Rutey = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50)
    if (Boks1Rutey.length == Boks1Rutey.length){
        for (i = 1; i<Boks1Rutex.length; i++){
            document.Bokset.style.left        = Boks1Rutex
            document.Bokset.style.top        = Boks1Rutey
            window.setTimeout("Intro()", 100)
        }
    }
}
</SCRIPT>
<!-- Minus AutoDato -->
    <TITLE>Introen-prøve</TITLE>
</HEAD>
<BODY onload="Intro()">

<DIV ID="Bokset" STYLE="position:absolute;top:50;left:50;border:2px solid red;">4560456+04+64085405<BR>564860+455486013</DIV>

</BODY>
</HTML>

Virker altså ikke........
Avatar billede mikoalngelo Nybegynder
26. maj 2002 - 21:34 #6
Jeg har lige prøvet at ændre lidt i det, så det virker når jeg får det til at virke med selve "flyvningen" :) :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<SCRIPT TYPE="text/javascript">
function Intro(){
    Boks1Rutex = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50)
    Boks1Rutey = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50)
    if (Boks1Rutey.length == Boks1Rutey.length){
        var i = 0;
        if (i < Boks1Rutex.length-1){
            document.Bokset.style.left        = Boks1Rutex[i]
            document.Bokset.style.top        = Boks1Rutey[i]
            i++
            window.setTimeout("Intro()", 100)
        }
    }
}
</SCRIPT>
<!-- Minus AutoDato -->
    <TITLE>Introen-prøve</TITLE>
</HEAD>
<BODY onload="Intro()">

<DIV ID="Bokset" STYLE="position:absolute;top:50;left:50;border:2px solid red;">4560456+04+64085405<BR>564860+455486013</DIV>

</BODY>
</HTML>
Avatar billede mikoalngelo Nybegynder
26. maj 2002 - 21:38 #7
Selvfølgelig:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<SCRIPT TYPE="text/javascript">
function Intro(){
    Boks1Rutex = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50)
    Boks1Rutey = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50)
    if (Boks1Rutey.length == Boks1Rutey.length){
        var i = 0;
        if (i < Boks1Rutex.length-1){
            document.getElementById('Bokset').style.left        = Boks1Rutex[i]
            document.getElementById('Bokset').style.top        = Boks1Rutey[i]
            i++
            window.setTimeout("Intro()", 100)
        }
    }
}
</SCRIPT>
<!-- Minus AutoDato -->
    <TITLE>Introen-prøve</TITLE>
</HEAD>
<BODY onload="Intro()">

<DIV ID="Bokset" STYLE="position:absolute;top:50;left:50;border:2px solid red;">4560456+04+64085405<BR>564860+455486013</DIV>

</BODY>
</HTML>

Men det virker STADGIVÆK ikke, men nu er FEJLEN da i det mindste væk :]!
Avatar billede mikoalngelo Nybegynder
26. maj 2002 - 21:51 #8
Jeg har lavet LIDT om i det (igen):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<SCRIPT TYPE="text/javascript">
function Intro(){
    Boks1Rutex = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50);
    Boks1Rutey = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50);
    if (Boks1Rutex.length == Boks1Rutey.length){
        var i = 0;
        if (i <= Boks1Rutex.length-1){
            document.getElementById('Bokset').style.left        = Boks1Rutex[i]
            document.getElementById('Bokset').style.top        = Boks1Rutey[i]
            i++
            setTimeout("Intro()", 100)
        }
    }
}
</SCRIPT>
<!-- Minus AutoDato -->
    <TITLE>Introen-prøve</TITLE>
</HEAD>
<BODY onload="Intro();">

<DIV ID="Bokset" STYLE="position:absolute;top:50;left:50;border:2px solid red;">4560456+04+64085405<BR>564860+455486013</DIV>

</BODY>
</HTML>
Avatar billede punnishment Nybegynder
04. februar 2003 - 10:59 #9
med lidt logisk tænkegang fandt jeg problemet...!! Den laver variablen "i" helt fra starten af hvergang funktionen kaldes... såå det eneste der skulle gøres var at flytte variablen "i" ud af functionen:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<SCRIPT TYPE="text/javascript">
var i = 0;
function Intro(){
    Boks1Rutex = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50);
    Boks1Rutey = new Array(101,103,105,104,102,100,90,80,70,60,40,20,0,1,3,6,11,20,49,50);
    if (Boks1Rutex.length == Boks1Rutey.length){
        if (i <= Boks1Rutex.length-1){
            document.getElementById('Bokset').style.left        = Boks1Rutex[i]
            document.getElementById('Bokset').style.top        = Boks1Rutey[i]
            i++
            setTimeout("Intro()", 100)
        }
    }
}
</SCRIPT>
<!-- Minus AutoDato -->
    <TITLE>Introen-prøve</TITLE>
</HEAD>
<BODY onload="Intro();">

<DIV ID="Bokset" STYLE="position:absolute;top:50;left:50;border:2px solid red;">4560456+04+64085405<BR>564860+455486013</DIV>

</BODY>
</HTML>
Avatar billede jakoba Nybegynder
04. februar 2003 - 11:16 #10
jamen naturligvis :) hvorfor så jeg ikke det (:
Avatar billede mikoalngelo Nybegynder
04. februar 2003 - 21:06 #11
DOH, mand.
Tak for'ed.
Du har fortjent det.
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