[DHTML] frickin' netscape/mozilla

[Verwijderd]

Ik heb een script gemaakt dat layers scrollt en het werkt perfect... in IE. Netscape geeft geeen enkele sjoege, opera doet het wel, maar positioned verkeerd. Hebben jullie wat tips waar ik op moet letten om het cross-browser compitable te maken.

code:

<SCRIPT language=JavaScript>
var leftBuzy = false
var rightBuzy = false
var position1 = 0;
var count = 0;
var ID1,ID2;
var scroll = 105;
var countplus = 0;
var maxstep = 8 - 3;
var step = 0;

scrollSteps= 15;
scrollDelay=70;

var ns = navigator.appName == "Netscape";
if (ns) {
    //laag1Obj = 'document.layer1.document.laag1'
    var myElement = document.getElementById("laag1");
    laag1Obj = 'myElement.style'
} else {
    laag1Obj = 'document.all["laag1"].style'
}

function goRight(){
    if (!rightBuzy){
        leftBuzy = false;
        rightBuzy = true;
        checkPosistion("right");
        if (step != 0){
            moveRight()
            step--;
        }
    }
}

function goLeft(){
    if (!leftBuzy){
        leftBuzy = true;
        rightBuzy =false;
        checkPosistion("left");
        if (step < maxstep){
            moveLeft()
            step++;
        }
    }
}

function moveRight(){
    clearTimeout(ID2);
    eval(laag1Obj).left=(position1+=scrollSteps)
    count+=scrollSteps
    if (count >= countplus) {
        rightBuzy = false;
        clearTimeout(ID1);
    } else {
            ID1=setTimeout('moveRight()',scrollDelay);
    }
}

function moveLeft(){
    clearTimeout(ID1);
    eval(laag1Obj).left=(position1-=scrollSteps)
    count-=scrollSteps
    if (count <= countplus) {
        leftBuzy = false;
        clearTimeout(ID2);
    } else {
            ID2=setTimeout('moveLeft()',scrollDelay);
    }

}

function checkPosistion(direction){
    if(direction=="right"){
    countplus = position1 + scroll;
    }
    if(direction=="left"){
    countplus = position1 - scroll;
    }
}
// -->
</SCRIPT>

[Bluestorm]

Ik denk dat er iets mis is gegaan... want met al die " etc is het niet echt leesbaar

Maar ik snap niet waarom je op verschillende plaatsen een object met een string beschrijft... en daarna eval gebruikt...

Daarnaast vraag ik me ook ten zeerste af of mozilla wel appName ="Netscape" heeft

[Verwijderd]

Dat " komt door parse...

Ik moet eerlijk zeggen dat een vriend van me het heeft geschreven en hij mij vroeg wat er fout zou kunnen zijn, dus waarom hij het zo heeft gedaan eet ik niet... mij gaat 't er om hoe ik t werkend krijg:)

[Verwijderd]

Welke versie van Netscape?
Staan er nog errors in je JavaScript console?

[Verwijderd]

Geen javascript errors, mozilla 1.0/5.0

En ja navigator.Appname is Netscape bij mozilla.

edit:
see for yourself, btw: http://www.hddsports.nl/producten_onder.php?cat_id=13

[crisp]

Je browser check kan je al een stuk vereenvoudigen door gewoon uit te vragen of document.getElementById ondersteund wordt; verder zit de fout hier:

code:

laag1Obj = 'myElement.style'

omdat myElement een locale variabele is werkt dit in de scroll functies zelf niet meer...

Ergo, dit zou moeten werken:

code:

if (document.getElementById) {
    laag1Obj = 'document.getElementById(\'laag1\').style';
} else if (document.all) {
    laag1Obj = 'document.all[\'laag1\'].style';
} else if (document.layers) {
    alert('Neanderthaler?');
}

[Verwijderd]

Man, you're the man! Thnx a lot!

Dit werkt perfect!

Nu alleen nog dat vreemde positioning bugje in opera. En het vervelende is dat je dat niet browser-specifiek kan maken, omdat opera zich vermomt als andere browsers...

Does anyone know waarom hij verkeerd positioneerd?