Mootools

[mschoening]

Hi,
kann mir jemand vielleicht die ganze Mootools Library schicken? Immer wenn ich diesen Download-Manager auf der Webseite benutze funktionieren die Scripts nicht. Woran kann das denn liegen?

Thanks,
Max

 

[zeno]

Nicht alle benötigten Komponenten angeklickt?

 

[MrNase]

Alles drin, ohne Kompression aber mit der Doku.

 

[mschoening]

Hi,
irgendwie geht das script trotzdem nicht. Ich versuche folgendes...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
    <title>Test List</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <script type="text/javascript" src="scripts/mootools.js"></script>
    <script type="text/javascript">
        var list = $$('#idList li');
        
        list.each(function(element) { 
            var fx = new Fx.Styles(element, {duration:200, wait:false});
            element.addEvent('mouseenter', function(){
                fx.start({
                    'margin-left': 100,
                    'background-color': '#666',
                    'color': '#ff8'
                });
            });
 
            element.addEvent('mouseleave', function(){
                fx.start({
                    'margin-left': 0,
                    'background-color': '#333',
                    'color': '#888'
                });
            }); 
        });
    </script>
    <style type="text/css">
        #idList {
            margin: 0;
            padding: 0;
        }
         
        #idList li {
            display: block;
            margin: 0;
            padding: 4px;
            width: 120px;
            background: #333;
            color: #888;
        }
    </style>
</head>
<body>
    <h3>The always requested hover transition</h3>
    <ul id="idList">
        <li>option 1</li>
        <li>option 2</li>
        <li>option 3</li>
        <li>option 4</li>
        <li>option 5</li>
        <li>option 6</li>
        <li>option 7</li>
        <li>option 8</li>
        <li>option 9</li>
        <li>option A</li>
        <li>option B</li>
        <li>option C</li>
        <li>option D</li>
        <li>option E</li>
        <li>option F</li>
    </ul>
</body>
</html>

...und irgendwie geht es trotzdem nicht. Es liegt glaube ich an Mootools weil ich es noch nie geschafft habe andere Effekte wie das Accordion durch die Downloadseite zum Laufen zu bekommen! Findet ihr einen Fehler?

 

[ma.buso]

<script type="text/javascript">
/*<![CDATA[*/
window.addEvent('domready', function(){

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

});
/*]]>*/
</script>

 

[mschoening]

Hi,
ich habe das window.addEvent jetzt eingefügt aber es geht immer noch nicht.