La libreria Scriptaculous permette di implementare in un lampo funzioni Javascript che potrebbero risultare complesse da scrivere da zero.
Vediamo ad esempio come realizzare un pratico e bello crossfade tra elementi di una pagina, dove l'evento che scatena il crossfade è l'attivazione di un link.
Prendiamo ad esempio due divs, posizionati uno sopra l'altro. Uno dei due è quello iniziale, l'altro vogliamo farlo comparire quando attiviamo il link.
<div id="uno">
</div>
<div style="display: none;" id="due">
</div>
Ora creiamo il link:
<a href="#" onclick="new Effect.Fade('uno'); new Effect.Appear('due');">Clicca qui</a>
Se abbiamo importato correttamente i files di Scriptaculous, tutto dovrebbe funzionare correttamente.
Articoli correlati:
