• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Die Bildungsoffensive hier im Forum geht weiter! Jetzt sollen Kreativität und technische Möglichkeiten einen neue Dimension erreichen. Das Thema in diesem Monat lautet - Verkehrte Welt - Hier geht es lang --> Klick

Mootools

mschoening

mschoening

Gelbe Schleswiger Reinette
Registriert
21.02.07
Beiträge
1.764
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
 
Nicht alle benötigten Komponenten angeklickt?
 
Hi,
irgendwie geht das script trotzdem nicht. Ich versuche folgendes...

Code: 
<!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?
 
Code: 
<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>
 
Hi,
ich habe das window.addEvent jetzt eingefügt aber es geht immer noch nicht.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
2003-2025 Apfeltalk | Made on a Mac
Oben Unten