Script.aculo.us (Scriptaculous) è una libreria Javascript che permette di estendere le funzionalità della user interface di un sito web, come illustrate nel seguente sito.
Essa è estende Prototype, un'altra famosa libreria Javascript.
Come funziona Script.aculo.us?
Scriptaculous si installa copiando alcuni files all'interno di una cartella del server, ad esempio js/, ed importandoli nel file xhtml con le istruzioni
<script src="ajax/prototype.js" type="text/javascript"></script>
<script src="ajax/scriptaculous.js" type="text/javascript"></script>
All'interno del file xhtml sarà possibile richiamare funzioni Script.aculo.us con l'istruzione
<script type="text/javascript" language="javascript">
// <![CDATA[
Effect.Appear('element_id');
// ]]>
In alternativa è possibile richiamare le funzioni Javascript direttamente dal tag, come ad esempio
<a href="#" onclick="Effect.SlideDown('content');">SlideDown Now!</a>
Dato che la libreria in se è abbastanza pesante in termini di kilobytes, conviene caricare solamente gli effetti che utilizziamo nella pagina, e servire le pagine html utilizzando gzip.
Per caricare solo alcune tipologie di effetti occorre specificarli con l'istruzione
<script src="scriptaculous.js?load=effects,dragdrop" type=...></script>
Per ulteriori dettagli, si veda il sito ufficiale di Script.aculo.us.
Articoli correlati:
