Seconda beta ufficiale per la release numero 1.2 di MooTools.
Come riportato da Valerio Proietti nell'articolo sul blog ufficiale, elimina parecchi bug e migliora molte delle nuove caratteristiche introdotte.
Una delle più evidenti e sicuramente più utili, è l'Hash Element.Properties. Con questa nuova caratteristica sarà possibile effettuare il set/get/erase
delle proprietà di un elemento più velocemente (la funzione usufruisce dei metodi interni getStyle
, setStyle
, getProperty
, setProperty
, removeProperty
, e cosi via). Ecco un esempio:
var href = $("myElement").get("href"); $("myElement").set("html", "new content");
Ma la vera potenzialità di Element.Properties è sicuramente la possibilità di impostare proprietà personalizzate, basta aggiungere una nuova proprietà all'hash e fornirgli metodi chiamati get
, set
o erase
a seconda della necessità :
// aggiungiamo una proprietà personalizzata Element.Properties.alert({ get: function() { alert(this.getProperty('id')); } }); // lavoriamo con la nuova proprietà : si otterrà un alert contentente "myElement" $("myElement").get("alert");
Ovviamente le proprietà personalizzate già disponibili sono molte e davvero utili: basti pensare a "morph", "tween" e "slide" per gli effetti che settano/restituiscono l'istanza dell'effetto all'elemento desiderato:
// settiamo l'istanza di un effetto Fx.Morph per il nostro elemento $("myElement").set('morph', {duration: 2000}); // richiamiamo l'effetto che avrà le opzioni impostate in precedenza $(element).morph({height: 200, width: 200});
Cià apre molte possibilità agli sviluppatori, per non parlare degli altri hash come Element.Events che allo stesso modo del precedente permette di impostare proprietà personalizzate, ma in forma di "custom events".
La nuova major release di moo.rd si baserà completamente su questi nuovi strumenti, presentando un componente completamente dedicato agli eventi personalizzati.
Molto probabilmente questa sarà l'ultima beta prima della release 1.2 ufficiale.