[DHTML] SlideDown script...Ik snap het niet meer.. - Softwareontwikkeling

woensdag 12 december 2001 23:25

Acties:

Topicstarter

Ik begin echt een beetje frustie te worden.

Ik heb onderstaand scriptje gebrouwen om een DIV vloeiend 100 pixels naar beneden te laten bewegen en weer naar boven op onmouseover en onmouseout events.

Het lijkt wel dat hij alleen maar beweegt richting de frame rate...Wie o wie kan mij hier mee helpen?

code:

<HTML>
<HEAD>
<TITLE>SlideDown</TITLE>
<script language="JavaScript">
<!--
function getStyle( layer ) {
    if( document.getElementById ) {
        return document.getElementById( layer ).style
    } else if( document.all ) {
        return document.all[layer].style
    } else {
        return document[layer]
    }
}
framerate = 5
timerate = 10
klokje = null

function SlideDown(strKnop,FromYpos,ToYpos) {
    if ( FromYpos < ToYpos ) {
        FromYpos = FromYpos + framerate
        getStyle(strKnop).top = FromYpos
        klokje = setTimeout("SlideDown('"+strKnop+"')", timerate)
    }
}
function SlideUp(strKnop,FromYpos,ToYpos) {
    if ( FromYpos > FromYpos ) {
        FromYpos = FromYpos + framerate
        getStyle(strKnop).top = FromYpos
        klokje = setTimeout("SlideUp('"+strKnop+"')", timerate)
    }
}

function stop() {
    clearTimeout( klokje )
}
-->
</SCRIPT>
</HEAD>
<BODY>

<div onMouseOver="SlideDown('nijmegen',100,200)" onmouseout="stop();SlideUp('nijmegen',200,100)">TEST</DIV>

<div id="nijmegen" style="top:100px; z-index: 5; position: absolute; border: 1px solid Black;">Vanuit Nijmegen</DIV>

</BODY>
</HTML>

donderdag 13 december 2001 00:13

Acties:

crisp

Devver

Pixelated

Je geeft je (nieuwe) FromYpos en ToYpos niet mee in je setTimeout...

Intentionally left blank

donderdag 13 december 2001 00:27

Acties:

PhoneTech

Topicstarter

Mooi...Die had ik over het hoofd gezien! Thnx

donderdag 13 december 2001 20:04

Acties:

PhoneTech

Topicstarter

Ik gebruik dit script ook voor de hoofdpagina waar de divjes dus over een IFRAME bewegen. In IE6 werkt dit perfect, maar in NS en IE 5.5 en lager werkt dit niet.
Hoe moet ik in dit scriptje zetten dan hij het alleen bij IE6 moet bewegen en niet bij andere browsers?

donderdag 13 december 2001 20:46

Acties:

r0bert

code:

if ((navigator.appName.toLowerCase().indexOf('explorer') != -1) && (navigator.appVersion.toLowerCase().indexOf('msie 6.0') != -1)) {


}

Zoiets lijkt me wel werken