Le blog de Nakuni

Vous avez un input text avec une value par defaut (Par exemple « rechercher » ou « login ») que vous souhaitez supprimer au clique et réafficher si il est vide une fois sorti du champ?

Je viens d’écrire un petit bout de code pour faire ça avec Mootools:

window.addEvent('domready', function() {
   var InputASup = $('conteneurpere').getElements('.ChampAutoSup');
   InputASup.each(function(UnInput){
      var TextInput = UnInput.get('value');
 
      UnInput.addEvent('focus', function(){	
           if(UnInput.get('value') == TextInput){	
               UnInput.set('value', '');
           };
       })
       UnInput.addEvent('blur', function(){	
           if(UnInput.get('value') == ''){		
               UnInput.set('value', TextInput);
           };
       })
   });   
});

Il vous suffit ensuite de rajouter la classe .ChampAutoSup aux Input concernés et de remplacer « ChampAutoSup » par l’ID du conteneur père.

Je ne suis pas un spécialiste de Javascript et si vous voyez une manière d’optimiser ce petit bout de code je suis bien entendu preneur . (d’ailleurs je me demande si créer des fonctons en dehors du domready est moins gourmand?)

Vous pouvez suivre les réponse à cet article en vous abonnant à ce flux RSS 2.0. Vous pouvez laisser un commentaire, ou faire un trackback.