DHTML: Slide

Du kalder ikke din slideObj() funktion som slider!! Men.. der er andre problemer, så jeg rettede, lidt hist og her..

Dette virker :

<html>
<head>
<title>DHTML - Test</title>

<script language=\"javaScript\">

function init() {
    topElement = mtop.style
    a = 150
    Position(topElement,a,100)
    slideObj()
}

function Position(b,x,y)
{
        b.xpos = x
        b.ypos = y
        b.left = b.xpos
        b.top = b.ypos
    }

function slideObj() {
   
    topElement.xpos = topElement.xpos + 5   
    Position(topElement,topElement.xpos,100)
    setTimeout(\"slideObj()\",30)
}

</script>


</head>

<body onload=\"init()\">

<div id=\"mtop\" STYLE=\"position: absolute;\">

<table width=\"200\" height=\"50\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td width=\"175\" bgcolor=\"#gggggg\"></td>
<td width=\"25\" bgcolor=\"#dddddd\"><a href=\"java script:slideObj()\">#</a></td>
</tr>
</table>

</div>

</body>
</html>

x4all_dk > Jeg kan godt se at din kode virker, men det var jo ikke en ny løsning jeg spurgt efter. Jeg er igang med at lære dhtml og vil derfor gerne have afvide hvad fejlen var med min kode i forhold til den kode jeg havde taget udgangspunkt i.

Hvad mener du med at jeg ikke kalder min slideObj() funktion som slider? Jeg kan jo se at der virker i den kode jeg har taget udgangspunkt i, men er den kode da forkert eller hvad?

Ok.. Jeg har nu rettet den tilbage, så du kan se dine fejl.

Som sagt, i din kode kalder du ikke den funktion som skal slide!


<html>
<head>
<title>DHTML - Test</title>

<style>
#mtop {position: absolute; left:10; top:10; width:200; height:50; clip:rect(0,200,50,0)}
</style>
</head>

<script language=\"javascript\">

function init() {
    topElement = mtop.style
// topElement.xpos = parseInt(topElement.left)Brug nedenstående istedet!

    topElement.xpos = 10
    topElement.left = topElement.xpos

    slideObj()  // Husk at kalde din Slide-funktion!

}

function slideObj() {

    topElement.xpos += 5
    topElement.left = topElement.xpos
    setTimeout(\"slideObj()\",30)

}

</script>

<body onload=\"init()\">

<div id=\"mtop\">
    <table width=\"200\" height=\"50\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\">
        <tr>
            <td width=\"175\" bgcolor=\"#gggggg\"></td>
            <td width=\"25\" bgcolor=\"#dddddd\"><a href=\"java script:slideObj()\">#</a></td>
        </tr>
    </table>
</div>

</body>
</html>

Det var så en forklaring på hvor mine fejl var, men ikke hvorfor de var fejl. Hvorfor virker de ikke i min kode når de virker i den kode jeg har taget udgangspunkt i? Jeg vil meget gerne udgå at bruge præcise positionstal, da jeg gerne vil lave alle mine slids i samme funktion.

Du har åbenbart heller ikke kigget ordentlig i koden for jeg har kører faktisk slideObj(), men bare ikke med det samme, men derimod ved et link:

<td width=\"25\" bgcolor=\"#dddddd\"><a href=\"java script:slideObj()\">#</a></td>

Du må prøve at forstå at jeg først lige er begyndt på dhtml og derfor skal have alt forklart ned til mindste detalje, ellers lærer jeg jo ikke noget som helst af det.

På forhånd tak.

Kunne du/i ikke hjælpe mig?

Prøv

http://www.dynamicdrive.com/dynamicindex3/document3.htm