Mootools: Comment changer la classe si les conditions suivantes css est

Question

rencontrer

Je souhaite modifier la classe des étiquettes « labelDeactivated » si le textarea est non focalisée et a obtenu plus de 10 caractères en elle. Comment puis-je y arriver? Tryed quelques solutions, mais pas de chance :-( BTW si les conditions se rencontrent pas devrait revenir à l'étiquette

<p class="label">Your review</p> 
<textarea id="review" name="review"></textarea> 

Answer 1

terminé avec cette solution. http://jsfiddle.net/kkgp2/

var headline = $$('.headline'); 
var headlineLabel = $$('.headlineLabel'); 
var headlineNote = $$('.headlineNote'); 

// Change label // 
headline.addEvent('blur', function(){ 
    headlineNote.fade('hide'); 
    if (this.value.length>10) { 
     headlineLabel.addClass('labelDone'); 
    } 
    else{ 
     headlineLabel.removeClass('labelDone'); 
    }; 
}); 

Answer 2

http://www.jsfiddle.net/7SmwU/

document.id("review").addEvents({ 
    keyup: function() { 
     if (this.get("value").trim().length >= 10) 
      this.getPrevious().addClass("labelDeactivated"); 
     else 
      this.getPrevious().removeClass("labelDeactivated"); 
    } 
}); 

BTW, utilisez <label for='review'>your review</label> -.. Meilleur balisage sémantique et l'accessibilité