effetto slide.. non funziona

owen

effetto slide.. non funziona

Ciao a tutti non capisco come mai non funziona il seguente codice (ambito Js, framework MooTools):

<html>
<head>
 <link rel="stylesheet" type="text/css" href="grafica.css">
 <script type="text/javascript" src="mootools-1.2.4-core-nc.js"></script>
</head>
<body>
<a href="#" onclick="mySlide.toggle();">avvia animazione</a>
<div id="test">test di prova test di prova</div>
   <script type="text/javascript">
    var mySlide = new Fx.Slide('test');
   </script>
</body>
</html>

L'errore che mi da è "Previsto Oggetto" nella riga di "var mySlide = new Fx.Slide('test');".. ma ho controllato più volte la sintassi sembra giusta!! dov'è l'errore??:x Grazie in anticipo!

owen

.......nessuno che conosce MooTools mi può dare una piccola dritta??

meryk

Può essere che non funzioni poichè includi solo la libreria core (gli fx sono nel more!)

marcocarrieri

Ti serve mootols.js .....

E poi prova con questo codice.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="mootools-1.2.4-core-nc.js"></script>
        <script type="text/javascript">
            window.addEvent('domready', function() {
            var myVerticalSlide = new Fx.Slide('vertical_slide');
                $('v_slidein').addEvent('click', function(e){
                    e.stop();
                    myVerticalSlide.slideIn();
                });
                $('v_slideout').addEvent('click', function(e){
                    e.stop();
                    myVerticalSlide.slideOut();
                });
            });
        </script>
        <title>Fx.Slide Demo</title>
    </head>
    <body>
        <a id="v_slideout" href="#">slide out</a>
        <a id="v_slidein" href="#">slide in</a>
        <div id="vertical_slide">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
        </div>
    </body>
</html>

owen

si lo prenderò in considerazione ma in effetti ha ragione Meryk non avevo incluso le funzioni fx tramite il "more".....

meryk

eheheheh, mootools da questo punto di vista, secondo me è poco intuitivo!

marcocarrieri

Io personalmente uso Jquery...
Ma volendo si possono far convivere insieme.

meryk

guarda, ho avuto esperienze terrificanti causate da incompatibilità mootools/scriptaculous. Per cui, in generale tendo a usarne solo uno per volta. In questo modo riesco a scrivere codice molto più organico.

marcocarrieri

Allora la pensiamo uguale.
Uno solo e via per quella strada.