[Mootools] Xf.styles schijnt niet te werken.

[_eXistenZ_]

Ik heb deze HTML code:

HTML:

<div id="menu">
        <ul>
            <li>Home</li>
            <li>Weblog</li>
            <li>PC stuff</li>
        </ul>

    </div>

gecombineerd met deze CSS:

Cascading Stylesheet:

    div#menu ul {
        margin: 0px;
        padding: 0px;
    }
    
    div#menu li {
        display: block;
        margin: 0px;
        padding: 3px 6px 3px 6px;
        width: 136px;
        background-color: #DDD;
        border-style: none solid dotted solid;
        border-width: 1px;
        border-color: #666;
    }

en dit Javascript:

JavaScript:

var list = $$('#menu li');
list.each(function(element) {
 
    var fx = new Fx.Styles(element, {duration:200, wait:false});
 
    element.addEvent('mouseenter', function(){
        fx.start({
            'margin-left': 5,
            'background-color': '#666',
            color: '#ff8'
        });
    });
 
    element.addEvent('mouseleave', function(){
        fx.start({
            'margin-left': 0,
            'background-color': '#333',
            'color': '#888'
        });
    });
 
});

en mijn list veranderd niet van achtergrond kleur zodra ik er over heen ga... Zelfs een pagina met de directe rip van de voorbeeldpagina schijnt niet te werken bij mij... Wat doe ik verkeerd?
Mootools wordt netjes geinclude. Is ook een copy uit de voorbeeldpagina, om fouten uit te sluiten.

/edit

Deze hoort bij clientside scripting... Hoe hij hier is beland is me een raadsel... Excuses.

[ Voor 9% gewijzigd door _eXistenZ_ op 17-06-2007 19:31 ]

[sanfranjake]

Client Software Algemeen > Webdesign, Markup & Clientside Scripting

[Verwijderd]

Wat zegt Firebug er over?

[_eXistenZ_]

Verwijderd schreef op maandag 18 juni 2007 @ 11:27:
Wat zegt Firebug er over?

Wat wil je weten? Ik zie de HTML code enzo verschijnen, maar zie niet waar ik nuttige info betreffende dit probleem kan vinden

[SchizoDuckie]

Heb je een voorbeeldje online staan?

[Verwijderd]

_eXistenZ_ schreef op maandag 18 juni 2007 @ 11:39:
[...]


Wat wil je weten? Ik zie de HTML code enzo verschijnen, maar zie niet waar ik nuttige info betreffende dit probleem kan vinden

De console is vrij diudelijk als je een error hebt
Maar een voorbeeldje werkt vaak ook wel.

[_eXistenZ_]

De console gaf geen error, inmiddels is dit probleem opgelost. Het had te maken met een niet volledige versie van mootools, ik moest er gewoon meer troep in stoppen.

[Cartman!]

Je moet je code overigens ook in een ondomready/onload event gooien anders zal je code inladen voordat je dom is opgebouwd en kan ie geen element vinden. Dit is overigens slordig dat het niet vermeld staat op de demosite van mootools maar toch ook best logisch.

[_eXistenZ_]

Staat op de frontpage vermeldt.

[X-trace]

een functie om de javascript code gooien en deze inladen in de body tag helpt

edit: volgens mij bedoeld Cartman! dat ook

[ Voor 23% gewijzigd door X-trace op 24-06-2007 23:24 ]

[Verwijderd]

X-trace schreef op zondag 24 juni 2007 @ 23:23:
een functie om de javascript code gooien en deze inladen in de body tag helpt

edit: volgens mij bedoeld Cartman! dat ook

Nee, Cartman bedoelt dit:

JavaScript:

<script type="text/javascript">
    window.addEvent('domready', function() {
        // hier je code
    });
</script>