[JS] Fade script -> FF fout

[radem205]

Hey,

Ik heb net een bericht gepost voor een fade script, maar deze werd gesloten, waar ik overigens wel in kan komen.

Nu heb ik onderstaand script welke perfect werkt in IE7.0 maar niet Firefox 2.0.0.6.

code:

function FoldMenu() {
    state = document.getElementById("c_options").style.display;
    if(state == "none") {
        document.getElementById("c_options").style.display = "block";
        goFade = 0;
        goFadeIn();
    }
    else {
        goFade = 100;
        goFadeOut();
    }
}

function goFadeIn() {
    main = document.getElementById("c_options");
        main.filters.alpha.opacity = goFade;
    goFadeMoz = goFade / 100;
    main.style.MozOpacity = goFadeMoz;
    main.style.KhtmlOpacity = goFadeMoz;
    main.style.opacity = goFadeMoz;
        goFade = goFade+5;
    goIn = setTimeout("goFadeIn()", 30);
        if(goFade >= 100) {
            clearTimeout(goIn);
            goFade = 0;
        }
}

function goFadeOut() {
    maino = document.getElementById("c_options");
        maino.filters.alpha.opacity = goFade;
        goFade = goFade-5;
    goFadeMoz = goFade / 100;
    maino.style.MozOpacity = goFadeMoz;
    maino.style.KhtmlOpacity = goFadeMoz;
    maino.style.opacity = goFadeMoz;
        goIn = setTimeout("goFadeOut()", 30);
        if(goFade <= 0) {
            clearTimeout(goIn);
            goFade = 0;
        maino.style.display = "none";
        }
}

Weet iemand waardoor dit script niet werkt in Firefox, want ik kom er echt niet uit .

Alvast bedankt.

[ Voor 9% gewijzigd door radem205 op 22-08-2007 11:05 ]

[BasieP]

waarom doe je zo verschrikkelijk vaak 'document.getElementById("c_options")'
efficienter is om het even in een lokale var op te slaan. (en nog leesbaarder ook)

verder heb je natuurlijk al gekeken of goFadeMoz wel de goede waarde heeft? (dus iets tussen 1 en 0)

[radem205]

Ja ik heb ff een 'alert(goFadeMoz);' gedaan en die krijgt de goede waardes (0.05 - 1.0 mee).

Ik zal de code even vereenvoudigen idd.

Edit: Het probleem is dat ie in FF de div in één keer laat zien en daarna niet meer weg gaat wanneer ik op de desbetreffende link klik.

[ Voor 34% gewijzigd door radem205 op 22-08-2007 11:05 ]

[disjfa]

En wat zegt je error console?

Bij mij zegt hij Error: maino.filters has no properties ..... Mischien moet je kijken wat main.filters.alpha.opacity = goFade; is en of dat daadwerkelijk iets is wat bestaat. Waarschijnlijk niet

[BasieP]

en geeft de JS console niet ergens een foutmelding? *hint*


edit:
grr @ hierboven

[ Voor 33% gewijzigd door BasieP op 22-08-2007 11:15 ]

[crisp]

De filters property is IE-propietair. Een niet bestaande property aanspreken resulteert in een javascript error. Je zal dus moeten checken of de filters property wel bestaat en op basis daarvan moeten branchen:

JavaScript:

if (main.filters)
{
    main.filters.alpha.opacity = goFade;
}
else
{
    var goFadeMoz = goFade / 100;
    main.style.MozOpacity = goFadeMoz;
    main.style.KhtmlOpacity = goFadeMoz;
    main.style.opacity = goFadeMoz;
}

Voortaan dus eerst je javascript console openen

[ Voor 5% gewijzigd door crisp op 22-08-2007 11:17 ]

[radem205]

Harstikke bedankt iedereen. Is de javascript console een programma die je moet hebben, want dat snap ik niet helemaal

[disjfa]

Gewoon in je menubalk van FF.

Tools -> Error console

[BasieP]

en als je wat meer wilt doen met JS, en daarbij moet debuggen (en dat moet meestal wel) dan zou ik firebug installeren.
Dit is een extentie die je breakpoints laat zetten in code, en zo zorgt dat je ECHT in staat bent te debuggen.

[André]

En dicht. Dit soort zaken zul je eerst zelf moeten oplossen. Gewoon een script posten met de vraag: "wat gaat er fout", is niet de bedoeling.