JavaScript  »  Articoli  »  MooTools 

Con questo articolo si conclude il ciclo di tutorial dedicati alla versione 1.1 di MooTools: dal prossimo si affronteranno le nuove funzionalità offerte dalle versione 1.2 che è ormai una realtà molto vicina.

Tutti i concetti e le regole presentate finora in questa raccolta costituiscono una solida base per affrontare i nuovi strumenti offerti dalla futura release, i cui cambiamenti maggiori si riscontrano nella sintassi generale e nelle nuove funzionalità, progettate appositamente per migliorare ogni aspetto della versione 1.1.

Non si deve temere quindi un cambiamento drastico che avrebbe azzerato ciò che è stato appreso con la lettura dei precedenti articoli. Per fare un esempio veloce, ora con MooTools è possibile estendere le classi nel seguente (e più elegante) modo:

	var Sub = new Class({
		
		Extends: Super,
		
		initialize: function() {
			// start
		}
	});
	

invece che:

	var Sub = Super.extend({
	
		initialize: function() {
			// start
		}
	
	});
	

Il metodo extend degli oggetti Class è stato deprecato in favore della proprietà Extends, ma allo sviluppatore giunge solamente come un cambiamento sintattico: i concetti appresi sull'ereditarietà delle classi e sui relativi vantaggi sono rimasti intatti, ma con la certezza che le meccaniche del framework sono state internamente migliorate.

Dedicheremo comunque in futuro un'ampia parte alla compatibilità e a quelli che sono i maggiori e più importanti cambiamenti.

Ma torniamo alla versione 1.1. In questo articolo, tra i componenti più efficaci che non sono ancora stati descritti, ho deciso di trattare i file Drag.Base e Drag.Move. Questi permettono le cosiddette operazioni di "dragging", che sono molto utili e diffuse all'interno delle applicazioni di nuova generazione.

Drag

Nel gergo informatico un elemento "draggabile" è un elemento trascinabile con il mouse all'interno della finestra o di un determinato elemento contenitore. Il tipo di applicazione più diffusa che ha preso vita da questa funzionalità è sicuramente il "carrello della spesa virtuale", dove è appunto possibile trascinare i prodotti desiderati all'interno di un carrello virtuale oppure rimuoverli.

Per rendere un elemento trascinabile con l'elegante sintassi Object Oriented di MooTools è sufficiente dichiarare un'istanza della classe Drag.Base o della classe avanzata Drag.Move, e impostare tutte le opzioni desiderate per personalizzare e potenziare la semplice operazione di trascinamento.

Negli esempi successivi utilizzeremo unicamente il costruttore Drag.Move, ma per sfruttare al meglio tutte le sue caratteristiche dedichiamo come di consueto una parte teorica relativa a tutti gli strumenti offerti dalla classe base da cui eredita.

Altri articoli

Altre guide

Altre newsletter