1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Mootools

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von mschoening, 25.10.07.

  1. mschoening

    mschoening Gelbe Schleswiger Reinette

    Dabei seit:
    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
     
  2. zeno

    zeno Lane's Prinz Albert

    Dabei seit:
    05.11.05
    Beiträge:
    4.898
    Nicht alle benötigten Komponenten angeklickt?
     
  3. MrNase

    MrNase Champagner Reinette

    Dabei seit:
    11.01.05
    Beiträge:
    2.643
    Alles drin, ohne Kompression aber mit der Doku. :)
     

    Anhänge:

  4. mschoening

    mschoening Gelbe Schleswiger Reinette

    Dabei seit:
    21.02.07
    Beiträge:
    1.764
    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?
     
  5. ma.buso

    ma.buso Châtaigne du Léman

    Dabei seit:
    16.04.05
    Beiträge:
    824
    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>
     
  6. mschoening

    mschoening Gelbe Schleswiger Reinette

    Dabei seit:
    21.02.07
    Beiträge:
    1.764
    Hi,
    ich habe das window.addEvent jetzt eingefügt aber es geht immer noch nicht.
     

Diese Seite empfehlen