JavaScript  »  Articoli  »  MooTools 

Nei miei lavori non riesco proprio a fare a meno di utilizzare questa metodologia, che trovo molto più utile che riempire il DOM di query ogni volta che abbiamo bisogno di trovare un determinato elemento. Ovviamente con il metodo store è possibile registrare qualsiasi cosa, come oggetti, istanze e così via:

	element.store('fx', new Fx.Morph(element)); 
	
	// successivamente
	element.retrieve('fx').start();
	

Sempre riguardo ad Element non posso non riportare i nuovi metodi set, get ed erase, che rappresentano una nuova metodologia per scrivere, leggere e cancellare gli attributi da un elemento. E' possibile lavorare sia con attributi standard che con attributi custom:

	// aggiungo una propriet&agreva; 'invisible' per vedere se il mio elemento ha un opacity pari a 0 
	// e per settarla a questo valore
	Element.Properties.invisible = { 
		get: function(){ return this.get('opacity') == 0; }, 
		set: function(){ this.setStyle('opacity',  0); } 
	}};
	
	// settiamo a 0 il valore di opacity
	element.set('invisible');
	
	// mentre per gli attributi standard MooTools usa internamente getProperty e setProperty
	// restituendo il determinato valore
	element.get('checked');
	element.get('id');
	

L'ultima novità di rilievo per quanto riguarda la classe Element è rappresentata dal supporto completo per gli iframes, grazie alla classe helper per creare iframes in tutta semplicità e per lavorare con gli elementi in essi contenuti (iframe.getElement('someelement').fade(), ad esempio).

Altre novità interessanti sono la nuova classe Hash, cambiata moltissimo rispetto al passato e facente ora parte del "core", e la classe Request che migliora le funzionalità precendenti di Ajax ed offre più organizzazione, nelle sue componenti Request.HTML, Request.JSON ed in futuro Request.XML.

Inoltre, un'altra grande novità è la completa separazione del core dai plug-in: altro Trac, altro SVN.

Riccardo: Allo sviluppatore che utilizza MooTools 1.1 nelle proprie applicazioni, che consigli dai per integrarsi al meglio con le meccaniche della nuova versione e migrare cosi alla 1.2?

Valerio:

1. utilizzare Firebug, vedere su quali metodi da errore e cercarli nella documentazione;
2. leggere tanta documentazione, che è immensamente più dettagliata rispetto alla precedente;
3. nel trunk c'è una cartella chiamata Compatibility (molto probabilmente varrà rilasciato come file singolo dal nome di compatibility.js). Includendolo si ottiene una buona compatibilità con la versione 1.1 ed i precedenti metodi continueranno a funzionare, anche se consiglio vivamente di utilizzare la 1.2 ed imparare le nuove meccaniche (ci sono parti dove ovviamente non si può ottenere la piena compatibilità);
4. comprare il libro in lingua inglese che esce tra poco, attualmente in fase di scrittura da parte di Aaron Newton;
5. seguire il forum ed il blog ufficiali.

Altri articoli

Altre guide

Altre newsletter