Sortie de MooTools 1.4.0
Avec l'intégration de la délégation d'événements à MooTools Core

Le , par vermine, Responsable JavaScript & AJAX
Une nouvelle version de MooTools est disponible, c'est la version 1.4.0 qui impacte MooTools Core et MooTools More.

Un grand nombre de changements a été communiqué pour la version 2.0, mais l'équipe Mootools a préféré nous faire profiter directement de plusieurs bonnes choses.

Il y a bien évidemment de nombreuses corrections de bugs, mais surtout une nouvelle fonctionnalité importante pour MooTools Core : la Délégation.

Cette version 1.4 devrait être pleinement compatible avec ses soeurs 1.2 et 1.3.

Les changements notables sont :

  • Déplacement de la Delegation dans le Core ;

  • Corrections de compatibilité pour ECMAScript 5. Parmi elles se trouvent : Function.bind, Array.map et String.Trim ;

  • Dépréciation de Element.setOpacity() et de Element.set('opacity'). Element.setStyle('opacity') est maintenant la seule manière correcte de jouer sur l'opacité (cela s'applique également pour les getters) ;

  • Désactivation de la couche 1.2 par défaut dans le constructeur ;

  • IE7 ne plante plus lors du double clonage d'un élément ;

  • La documentation sur les sélecteurs est de retour et est mise à jour pour la partie Slick (1.1.6) ;

  • Unification des changements de comportement sur les événements à travers les navigateurs ;

  • Renommage d'Event en DOMEvent afin d'éviter les conflits avec l'objet natif Event ;

  • ...


Evénement Delegation :

La délégation d'événements est une pratique courante où un écouteur d'événements est attaché à un élément parent afin de surveiller ses enfants plutôt que de fixer des événements à chaque élément enfant unique. Il est plus efficace pour le contenu dynamique ou pour les pages interactives avec beaucoup d'éléments DOM.

Exemple :
Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var myElement = $('myElement'); 
var request = new Request({ 
     // Autres options 
     onSuccess: function(text){ 
          myElement.set('html', text); // No need to attach more click events. 
     } 
}); 
 
// Adding the event, notice the :relay syntax with the selector that matches the target element inside of myElement. 
// Every click on an anchor-tag inside of myElement executes this function. 
myElement.addEvent('click:relay(a)', function(event, target){ 
     event.preventDefault(); 
     request.send({ 
          url: target.get('href') 
     }); 
});


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 01/02/2012 à 9:10
Une nouvelle version pour le core est sortie. C'est la 1.4.3. Elle n'ajoute pas grand chose de nouveau mais corrige plusieurs bugs dont certains concernent différentes versions de IE.
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 14/02/2012 à 9:23
MooTools conseille de passer rapidement à la version 1.4.4 qui corrige un bug important de la version 1.4.3. Ce bug était dû à un effet de bord créé par, justement, une correction de bug et concerne les attributs personnalisés.
Avatar de vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 05/03/2012 à 8:56
La version 1.4.5 est déjà sortie. Cette rapidité s'explique parce qu'il y avait un bug au niveau des CSS qui perturbait les effets de style Tween et Morph.
Offres d'emploi IT
RESPONSABLE WEB ANALYTICS F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur Web FULL-STACK
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur WEB PHP F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil