Script.aculo.us

script.aculo.us
Tipo di	JavaScript - libreria
Sviluppatore	Tommaso Fuchs
Scritto in	JavaScript
Sistema operativo	Software multipiattaforma
Prima edizione	giugno 2005
ultima versione	1.9.0 ( 23 dicembre 2010 )
Licenza	Licenza MIT
Sito web	script.aculo.us

script.aculo.us  è una libreria JavaScript per lo sviluppo dell'interfaccia utente di applicazioni web , costruita sul framework Prototype .

Solitamente utilizzato dai programmatori insieme a Ruby on Rails , ma disponibile anche come libreria autonoma ed è incluso con altri framework di sviluppo web.

Creato da Thomas Fuchs mentre lavorava all'interfaccia web dello strumento di gestione delle risorse digitali Fluxiom di Wollzelle , pubblicato per la prima volta nel giugno 2005 .

Caratteristiche

script.aculo.us usa Prototype come base e aggiunge metodi di gestione AJAX avanzati, una classe chiamata Builder per manipolare elementi DOM e strumenti per creare effetti speciali di qualsiasi complessità.

Effetti visivi

Esistono cinque effetti principali di script.aculo.us: Opacity, Scale, MoveBy, Highlight e Parallel. Oltre a questi, ci sono più di 16 effetti aggiuntivi che sono collegati tramite moduli aggiuntivi. I programmatori possono anche espandere l'elenco con nuovi effetti.

Per attivare l'effetto è necessario specificare l'ID dell'elemento e una riga di codice indicante la funzione desiderata. Di seguito è riportato un esempio per la funzione Effect.Fade applicata a un elemento DOM con l'id 'id_of_element'. Questo codice sbiadirà (aumenterà la trasparenza) l'elemento, fino a completare l'invisibilità con lo stile CSSdisplay:none .

nuovo  Effetto . dissolvenza ( ' id_of_element ' );

È inoltre possibile specificare i parametri dell'effetto: durata e limiti dell'impatto. L'esempio seguente aumenterà la trasparenza dell'elemento, fermandosi all'80% dell'effetto completo (con il 20% di trasparenza).

nuovo  Effetto . Dissolvenza ( 'id_of_element' ,  {  durata : 2.0 ,  da : 0.0 ,  a : 0.8  });

Classe Builder

Builder ti consente di creare dinamicamente elementi DOM. Usando il codice di esempio qui sotto:

elemento  =  Costruttore . node ( 'div' ,{ id : 'ghosttrain' },[ 
  Builder . node ( 'div' ,{ className : 'controls' , style : 'font-size:11px' },[ 
    Builder . node ( 'h1' , 'Ghost Train' ), 
    "testtext" ,  2 ,  3 ,  4 , 
    Builder . node ( 'ul' ,[ 
      Builder . node ( 'li' ,{ className : 'active' ,  onclick : 'test()' }, ' Record' ) 
    ]), 
  ]), 
]);

produce il codice seguente (senza interruzioni di riga):

< div  id = "ghosttrain" > 
 < div  class = "controls"  style = "font-size:11px" > 
   < h1 > Ghost Train </ h1 >
     testo di prova234
     < ul > 
       < li  class = "active"  onclick = "test()" > Registra </ li > 
     </ ul > 
  </ div > 
</ div >

Utilizzo

L'inclusione di script.aculo.us in un sito Web richiede la copia di tutti i file javascript e l'aggiunta delle seguenti righe nella parte superiore del documento HTML :

< script  src = "javascripts/prototype.js"  type = "text/javascript" ></ script > 
< script  src = "javascripts/scriptaculous.js"  type = "text/javascript" ></ script >

Questi script devono essere caricati prima di qualsiasi chiamata alle funzioni Prototype o script.aculo.us. Dopo il caricamento, le funzioni della libreria possono essere chiamate in qualsiasi tag javascript , inclusi i gestori di eventi.

Vedi anche

• prototipo
• DWR

Collegamenti

• Sito ufficiale script.aculo.us  (inglese)
•  Documentazione wiki script.aculo.us

Esempi in russo

• Modifica della dimensione degli elementi della pagina web
• Modifica della trasparenza degli elementi della pagina web