Che cos’è Script.aculo.us

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.

Condividi questo post: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
Tags: , , , , ,
Articoli correlati:

Lascia un commento

Nome (obbligatorio)

Mail (non sarà pubblicata) (obbligatoria)

Sito web